@section('title', __('Transportation orders'))
<x-layout bodyClass="g-sidenav-show  bg-gray-200 ">
@push('css')
<style>
    .change-status{
        max-width: 400px;
    }
</style>
@endpush
    <x-navbars.sidebar activePage="transportation_orders.index"></x-navbars.sidebar>
    <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg {{$locale == 'ar'?'overflow-x-hidden':''}}">
        <!-- Navbar -->
        <x-navbars.navs.auth titlePage="{{ __('Transportation orders') }}"></x-navbars.navs.auth>
        <!-- End Navbar -->
        @include('pages.layout.flash_messages')
        <div class="container-fluid py-4">
            <div class="row">
                <div class="col-12">
                    <div class="card my-4">
                        @include('components.transportation_orders.list',[
                            'orders' => $orders,
                            'allPaymentStatus' => $allPaymentStatus,
                            'allStatus' => $allStatus
                            ])
                    </div>
                </div>
            </div>
            <x-footers.auth></x-footers.auth>
        </div>
    </main>
    <x-plugins></x-plugins>
</x-layout>