@extends('layouts.app')

@section('title', 'New Export Inquiry')

@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.inquiries.index') }}">Inquiries</a></li>
        <li class="breadcrumb-item active">Create</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">New Export Inquiry</h1>
        <p class="text-muted mb-0">Create a new export inquiry</p>
    </div>
    <a href="{{ route('export.inquiries.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Back
    </a>
</div>

<form action="{{ route('export.inquiries.store') }}" method="POST" id="inquiryForm">
    @csrf
    @include('export.inquiries.partials._form')

    <div class="d-flex justify-content-end gap-2 mt-4 mb-5">
        <button type="submit" name="action" value="draft" class="btn btn-outline-secondary px-4">
            <i class="bi bi-save me-1"></i> Save as Draft
        </button>
        <button type="submit" name="action" value="submit" class="btn btn-primary px-4">
            <i class="bi bi-send me-1"></i> Submit Inquiry
        </button>
    </div>
</form>
@endsection