@extends('layouts.LayoutMaster')

@section('content')

<div class="container">

  @if (!Auth::user()->hasRole('picker'))
  @include('inbound-delivery-note.filters')
  @endif

  <div class="card">

    <div class="card-header d-flex justify-content-between">
      <p class="lead m-0">Les demandes de ramassages</p>


      @if (Auth::user()->can('create-inboundDeliveryNote'))
      <a href="{{route('inbound-delivery-notes.create')}}" class="btn btn-outline-success waves-effect">
        <span class="ti-xs ti ti-plus me-2"></span> Demande de ramassage
      </a>
      @endif
    </div>

    <div class="card-body">

      <div class="table-responsive text-nowrap">
        <table class="table table-bordered">

          <thead>
            <tr>
              <x-table.header :headers="['ref','Infromation ','note','Action']" />
            </tr>
          </thead>

          <tbody>

            @forelse ($inboundDeliveryNotes as $inboundDeliveryNote)
            <tr>
              <td>{{$inboundDeliveryNote->id}}</td>

              <td>
                <b>Date : </b> {{$inboundDeliveryNote->created_at}} <br>
                <b>Ref : </b> {{$inboundDeliveryNote->ref}} <br>
                {{-- <b>Nombre de colis : </b> {{$inboundDeliveryNote->parcels->count()}} <br> --}}
                <b>Status : </b> <span class="badge rounded-pill bg-{{ $inboundDeliveryNote->statusColor() }} bg-glow">
                  {{$inboundDeliveryNote->statusName()}}
                </span>
              </td>

              <td>
                <b>Addresse : </b> {{$inboundDeliveryNote->address}} <br>
                <b>Telephone : </b> {{$inboundDeliveryNote->phone}} <br>
                <b>Client : </b> {{$inboundDeliveryNote->client->name}} <br>
                <b>City : </b> {{$inboundDeliveryNote->city->name}} <br>
              </td>

              <td>{{$inboundDeliveryNote->note}}</td>

              <x-list-button-perm permName="inboundDeliveryNote"
                routeShow="{{route('inbound-delivery-notes.show', $inboundDeliveryNote->id) }}"
                routeDestroy="{{route('inbound-delivery-notes.destroy', $inboundDeliveryNote->id ) }}"
                routeEdit="{{route('inbound-delivery-notes.edit', $inboundDeliveryNote->id) }}">

                <!-- Button trigger modal -->
                @if (
                (
                $inboundDeliveryNote->isPending() ||
                $inboundDeliveryNote->isWaiting()
                ) &&
                Auth::user()->can('dispatching-ramassages-deliveryNote')
                )
                <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal"
                  data-bs-target="#chosePicker{{$inboundDeliveryNote->id}}">
                  Assigner
                </button>
                @endif
              </x-list-button-perm>
            </tr>

            @empty
            <td>No record</td>
            @endforelse

          </tbody>
        </table>

      </div>
    </div>
  </div>
</div>


@foreach ($inboundDeliveryNotes as $inboundDeliveryNote)
<!-- Modal -->
<div class="modal fade" id="chosePicker{{$inboundDeliveryNote->id}}" tabindex="-1" role="dialog"
  aria-labelledby="modelTitleId" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form action="{{route('inbound-delivery-notes.assignToPicker',$inboundDeliveryNote->id)}}" method="post">
        <div class="modal-body">
          <div class="row">
            @csrf
            <x-form.select col="12" name="picker_id" label="Rammaseur" :options="$pickers" _key="id" value="name"
              :model="$inboundDeliveryNote->picker_id ?? old('picker_id')" required req="true" />
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">fermer</button>
          <button type="submit" class="btn btn-primary">Assigner</button>
        </div>
    </div>
    </form>
  </div>
</div>
@endforeach


@endsection