@extends('picking.head') @section('content')
    <div class="dvPageName">
        <p><i class="fa-sharp fa-regular fa-circle-check"></i>Available Orders</p>
    </div>
    @if(count($available_orders) > 0)
        <div>
            @php $branch_id = Auth::user()->branch->id; @endphp
            <input type="text" class="form-control deletable" id="txtSearchBar" onkeyup="filterOrders(this, @php echo $branch_id @endphp, 'available')" placeholder="Search..." data-branch_id={{ $branch_id }} data-source="available"/>
        </div>
        <div class="cardsContainer row">
            @foreach ($available_orders as $available_order)
                <div class="availableOrder dvCardOrder" data-order_id={{$available_order->id}}>
                    <div class="dvOrderResume">
                        <div class="dvOrderCode">Order {{$available_order['code']}}</div>
                        <div class="dvDate">{{ date("Y/m/d H:i:s", strtotime($available_order->creation_date)) }}</div>
                        <div class="dvShippingType">
                            {{ strtoupper($available_order->BoShippingType->name) }}
                            &nbsp;&nbsp;
                            @if ($available_order->isDeliveryNoScheduled())
                                <span class="spPickIcon" data-toggle="tooltip" data-placement="right" title="No scheduled delivery">
                                    <img class="imgIcoDelivery" src="/img/icon_Delivery.png"></img>
                                </span>
                            @endif
                        </div>
                        <div class="dvCustomerName">Customer: {{ $available_order->client->first_name }} ({{ $available_order->client->document }})</div>
                        <div class="dvAddress">Address: {{ $available_order->address?->direction }}</div>
                        @if ($available_order->instructions)
                            <div class="dvPickPackNotes">
                                <p>Pick & Pack notes:</p>
                                <p>{{ str_limit($available_order->instructions, $limit = 40, $end = '...') }}</p>
                            </div>
                        @endif
                        <button class="btnAcceptOrder" data-order_id={{$available_order->id}}>Accept</button>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <label>No orders to display</label>
    @endif
@endsection