@extends('layouts.admin')
@section('content')
    <!-- end page title --> 
    <div class="row">
     
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h2 class="text-center">LISTE DES EXPEDITIONS</h2>
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table  id="basic-datatable" class="table dt-responsive nowrap w-100">
                            <thead class="table-light">
                                <tr>
                                    <th>Réf.</th>
                                    <th>Date</th>
                                    <th>Client</th>
                                    <th>Commande</th>
                                    <th>Agence</th>
                                    <th>Statut</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($commandes as $c)
                                    <tr>
                                        
                                        <td>
                                            <a href="{{ route('admin.commande_client.show', $c->rowid) }}" class="badge bg-primary">
                                                {{ $c->ref ?? ''}}
                                            </a>
                                        </td>
                                        <td>
                                            {{ Carbon\Carbon::parse($c->date_commande)->format('d/m/Y') ?? ''}}
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.clients.show', $c->societe->rowid ?? 0) }}" class="badge bg-secondary">
                                                {{ $c->societe->nom ?? '' }}
                                            </a>
                                        </td>
                                        <td>
                                            @if($c->commandedet)
                                                @foreach($c->commandedet as $p)
                                                    {{ $p->label . ' => '. $p->qty ?? ''}}
                                                @endforeach
                                            @endif
                                        </td>

                                        <td>
                                            @if($c->agence)
                                                {{ $c->agence($c->agence)->agence ?? ''}}
                                            @endif 
                                        </td>

                                        <td>
                                            @if($c->fk_statut  == 1)
                                                <span class="badge bg-danger"> Non Expédiée <span class="ms-1 fas fa-stream"></span> </span> 
                                            @elseif($c->fk_statut  == 2)
                                                <span class="badge bg-warning"> En Cours <span class="ms-1 fa fa-check"></span> </span> 
                                            @elseif($c->fk_statut  == 3)
                                                <span class="badge bg-success"> Expédié </span> 
                                            @elseif($c->fk_statut  == 4)
                                                <span class="badge bg-success"> Cloturé </span> 
                                            @endif 
                                            
                                        </td>

                                        <td class="table-action">
                                            <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
                                            <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
                                            <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col -->
    </div>
@endsection