@push('styles')
    <style>


        .theme-white .page-item.active {
            color: #274e75;
            background-color: #3abaf4;
            border-color: #3abaf4;
        }
        
        li.paginate_button.page-item.active {
            background-color: transparent !important;
        }

    </style>
@endpush
<div class="card">
 
    @if (session()->has('message'))
        @php
            $message = json_decode(session()->get('message'));
        @endphp
        <div class="alert alert-{{ $message->type }} alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>{{ $message->title }}</strong> {{ $message->message }}
        </div>
    @endif
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped shipping_table" id="table-1">

            
            <div class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer uu2u56u412c5">
                <div class="row">
                    <div class="col-sm-12 col-md-6">
                    <div class="dataTables_length"><label>Show <select onchange="attachDataTable('shipping_table',$(this));" name="DataTables_Table_6_length" aria-controls="DataTables_Table_6" class="form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label>
                </div>
            </div>
            <div class="col-sm-12 col-md-6"><div id="DataTables_Table_6_filter" class="dataTables_filter"><label>Search:<input  type="search" class="form-control form-control-sm" placeholder="" aria-controls="DataTables_Table_6" onkeyup="attachDataTable('shipping_table',$(this));"></label>
        
        </div></div></div></div>
                <thead>
                    <tr>
                        <th class="text-center">
                            #
                        </th>
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Date</th>
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Invoice Type</th>
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Supplier/Client</th>
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Logistics Company</th>
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Tracking No #</th>
                         <!-- <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Logistics Invoice</th> -->
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Logistics Fee</th>
                         <!-- <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Invoice #</th> -->
                         <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Status </th> 
                        {{--  <th class="sorting" onclick="attachDataTable('shipping_table',$(this));">Action</th> --}}
                    </tr>
                </thead>
                <tbody>

               
                    @forelse($shippings as $shipping)
                  
                        @php
                            if(($shipping->shipable_type == "App\Models\Purchase") && ($shipping->shipable)){
                                $invoiceType = "Purchase";
                                $invoice = $shipping->shipable->purchase_invoice;
                            }
                            else if(($shipping->shipable_type == "App\Models\Sale") && ($shipping->shipable)){
                             
                                $invoiceType = "Sale";
                                $invoice = $shipping->shipable->sale_invoice;
                            }
                            if($shipping->shipping_type){ 
                                $shipping->client = $shipping->shipping_type;
                                $invoiceType = "RMA";}
                            


                        @endphp
                        <tr>
                            <td>{{$shipping->id}}</td>
                            <td>{{date('d-m-Y', strtotime($shipping->shipping_date))}}</td>
                            <td>
                                <span @class([
                                    "badge badge-pill",
                                    "badge-primary" => ($invoiceType == "Purchase"),
                                    "badge-info" => ($invoiceType == "Sale"),
                                    "badge-danger" => ($invoiceType == "RMA"),
                                ])>{{ $invoiceType }}</span>
                            </td>
                            <td>{{$shipping->client}}</td>
                            <td>{{$shipping->logistic_company}}</td>
                         
                          
                            <td>{{$shipping->tracking_no}}</td>
                            <!-- <td>{{$shipping->logistic_invoice}}</td> -->
                            <td>{{$shipping->logistic_fee}}</td>
                          
                            {{-- <td>
                                <a href="{{ ($invoiceType == "Purchase")? route('purchase', ['purchase' => $shipping->shipable->id]) : route('sales', ['sale' => $shipping->shipable->id]) }}">#{{ $invoice }}</a>
                            </td> --}}
                            <td>
                            @if(!$shipping->shipping_type)
                                <select class="form-control" name="status" wire:change="changeState({{$shipping->id}},$event.target.value);">
                                @else  
                                <select class="form-control" name="status" wire:change="changeState({{$shipping->id}},$event.target.value,true);">
                                   @endif   
                                @foreach(['Shipped', 'Delayed','Delivered'] as $st)
                                   <option value="{{$st}}" @if($st ==$shipping->status) selected @endif> {{$st}}</option>
                                   @endforeach </select>
                                  
                            </td>
                            {{-- <td>
                                <a href="{{route('edit_shipping',['id'=>$shipping->id])}}"  class="btn btn-info"><i class="fa fa-edit"></i></a>
                                <a href="#" wire:click.prevent="deleteShipping({{ $shipping->id }})" class="btn btn-info"><i class="fa fa-trash"></i></a>
                            </td> --}}
                        </tr>
                    @empty
                        <tr>
                            <td>No Data!</td>
                        </tr> 
                    @endforelse
                    </tbody>
            </table>
        </div>
    </div>
</div>