@extends('layouts.LayoutMaster')

@section('content')

@include('parcel.filters')
<div class="container">
  <div class="card">

    <div class="card-header d-flex justify-content-between">
      <p class="lead m-0">Parcel List</p>
    </div>

    <div class="card-body">

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

          <thead>
            <tr>
              <x-table.header :withSN="false" :headers="[
                    'Code d\'envoi',
                    'Destinataire',
                    'Status',
                    'Prix',
                    'Action',
                    ]" />
            </tr>
          </thead>

          <tbody>
            @forelse ($parcels as $parcel)
            <tr>
              <td>
                {{$parcel->tracking_num}} <br>

              </td>

              <td>
                <b>Nom : </b> {{$parcel->receiver}} <br>
                <b>Telephone : </b> {{$parcel->phone}} <br>
                <b>Ville : </b> {{$parcel->city->name}} <br>
              </td>
              <td>
                <span class="badge rounded-pill bg-{{ $parcel->statusColor() }} bg-glow">
                  {{$parcel->statusName()}}
                </span>
              </td>
              <td>{{$parcel->price}}</td>

              <x-list-button-perm permName="parcel" routeDestroy="{{route('parcels.destroy', $parcel->id ) }}"
                routeEdit="{{route('parcels.edit', $parcel->id) }}">

                @if($parcel->stockParcel() && $parcel->isNew())
                <a href="{{route('parcels.changeStatus',[$parcel->id,App\Models\Parcel::STATUS_IN_HUB])}}"
                  class="btn btn-sm btn-outline-success">
                  <i class="ti ti-truck"></i> Pris en charge
                </a>
                @endif
              </x-list-button-perm>
            </tr>

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


        </table>

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

@endsection