@extends('layouts.app')

@section('title', 'Edit Order #'.optional($order)->order_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.orders.index') }}">Orders</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.orders.show', $order) }}">{{ $order->order_number }}</a></li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1 text-dark fw-semibold">Edit {{ $order->order_number }}</h1>
        <p class="text-muted mb-0">Update export order details</p>
    </div>
    <a href="{{ route('export.orders.show', $order) }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i> Back</a>
</div>

<form action="{{ route('export.orders.update', $order) }}" method="POST">
    @csrf @method('PUT')
    @include('export.orders.partials._form', ['order' => $order])

    <div class="d-flex justify-content-end gap-2 mb-5">
        <a href="{{ route('export.orders.show', $order) }}" class="btn btn-outline-secondary px-4">Cancel</a>
        <button type="submit" class="btn btn-primary px-4"><i class="bi bi-check-lg me-1"></i> Update Order</button>
    </div>
</form>
@endsection