@extends('layouts.app')

@section('content')
    <div class="w-full">
        <div class="card">
            <div class="card-head">
                <div class="font-semibold text-cyan-900 uppercase">
                    <i class="fal fa-swatchbook mr-1"></i>
                    Produit
                </div>
                <div class="text-gray-600">
                    <a href="{{route('admin.agence.create')}}" class="hover:text-orange-500" title="Ajouter une agence">
                        <i class="fal fa-plus fa-lg"></i>
                    </a>
                </div>
            </div>
            <div class="card-body">
                <x-alert></x-alert>
                <div class="card-content mb-3">
                    <table class="table">
                        <tr>
                            <td>Code Société</td>
                            <td>Dénomination</td>
                            <td>Représentant</td>
                            <td>Localité</td>
                            <td>Code BFM</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td class="font-bold">{{$agence->id_agence}}</td>
                            <td class="font-bold">{{$agence->nom_agence}}</td>
                            <td class="font-bold">{{$agence->responsable}}</td>
                            <td class="font-bold">{{$agence->localite}}</td>
                            <td class="font-bold">{{$agence->code_bfm}}</td>
                            <td>
                                <a href="{{route('admin.societe.edit')}}" class="mr-2" title="Afficher le tiers">
                                    <i class="fal fa-edit fa-lg"></i>
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="card-content">                    
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="text-left">Code</th>
                                <th class="text-left">Dénomination</th>
                                <th class="text-left">Représentant</th>
                                <th class="text-left">Localité</th>
                                <th class="text-left">Adresse</th>
                                <th class="text-center">Téléphone</th>
                                <th class="text-left">Mail</th>
                                <th class="text-center">Code BFM</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0 @endphp
                            @foreach ($caisses as $caisse)
                                <tr>
                                    <td></td>
                                    <td  class="text-left">{{$caisse->id_caisse }}</td>
                                    <td  class="text-left">{{$caisse->nom_caisse }}</td>
                                    <td  class="text-left">{{$caisse->responsable }}</td>
                                    <td  class="text-left">{{$caisse->localite }}</td>
                                    <td  class="text-left">{{$caisse->adresse }}</td>
                                    <td  class="text-center">{{$caisse->phone }}</td>
                                    <td  class="text-center">{{$caisse->mail }}</td>
                                    <td  class="text-center">{{$caisse->code_bfm }}</td>
                                    <td class="text-right">
                                        <a href="{{route('admin.agence.show', $caisse->id_caisse)}}" class="mr-2" title="Afficher le tiers">
                                            <i class="fal fa-search-plus fa-lg"></i>
                                        </a>
                                        <a href="" class="mr-2" title="Afficher le tiers">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                                @php $i++ @endphp
                            @endforeach

                            @if($i == 0)
                                <tr>
                                    <td colspan="10" class="text-center">
                                        <span class="text-gray-800">La liste est vide</span>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        document.querySelector(".search").addEventListener("click", function(e){
            Modal(".modal", "show");
        });
    </script>
@endsection