@extends('storefront.layout')

@section('title', 'Bulk Parcel Booking - '.config('app.name', 'FreshMart'))
@section('body_class', 'sf-no-bottom-nav')

@section('content')
@include('services.parcel._flow-style')

<div class="fm-parcel-flow">
    <div class="fm-container">
        <section class="fm-parcel-hero-panel">
            <div class="fm-parcel-hero-panel__top">
                <div>
                    <span class="fm-parcel-eyebrow">Bulk</span>
                    <h1>Bulk Booking</h1>
                    <p>Send multiple parcels at once when bulk upload is enabled by admin.</p>
                </div>
                <a href="{{ route('pwa.parcel.index') }}" class="fm-parcel-back" aria-label="Back">&larr;</a>
            </div>
        </section>

        <section class="fm-parcel-card">
            <div class="fm-parcel-empty">
                <div class="fm-parcel-icon-badge">
                    <img class="fm-parcel-asset fm-parcel-asset--badge" src="{{ asset('assets/customer/services/parcel.svg') }}" alt="">
                </div>
                <h2>Bulk upload is not enabled yet</h2>
                <p>Create individual parcel bookings from the parcel booking flow.</p>
                <a class="fm-parcel-btn fm-parcel-btn--primary" style="margin-top:14px;" href="{{ route('pwa.parcel.create') }}">Send Parcel</a>
            </div>
        </section>
    </div>
</div>
@endsection