@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.cd.produit.create')}}" class="hover:text-orange-500" title="Liste des employés">
                        <i class="fal fa-plus fa-lg"></i>
                    </a>
                </div>
            </div>
            <div class="card-body">
                <x-alert></x-alert>
                <div class="card-content">                    
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="text-left">Code</th>
                                <th class="text-center">Code BFM</th>
                                <th class="text-left">Libelle</th>
                                <th class="text-right">Montant min.</th>
                                <th class="text-right">Montant min.</th>
                                <th class="text-center">Taux d'intérêt</th>
                                <th class="text-center">Taux frais</th>
                                <th class="text-right">Frais min.</th>
                                <th class="text-center">Durée min.</th>
                                <th class="text-center">Durée max.</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0 @endphp
                            @foreach ($produits as $produit)
                                <tr>
                                    <td></td>
                                    <td  class="text-left">{{$produit->id_produit }}</td>
                                    <td  class="text-center">{{$produit->type_bfm }}</td>
                                    <td class="text-left">{{$produit->libelle }}</td>
                                    <td class="text-right">{{App\Lib\Format::number($produit->montant_min) }}</td>
                                    <td class="text-right">{{App\Lib\Format::number($produit->montant_max) }}</td>
                                    <td class="text-center">{{$produit->taux_interet }}</td>
                                    <td class="text-center">{{$produit->taux_frais_dossier }}</td>
                                    <td class="text-right">{{App\Lib\Format::number($produit->frais_dossier_min) }}</td>
                                    <td class="text-center">{{$produit->duree_min }}</td>
                                    <td class="text-center">{{$produit->duree_max }}</td>
                                    <td class="text-right">
                                        <a href="{{route('admin.cd.produit.show', $produit->id_produit)}}" class="mr-2" title="Afficher le tiers">
                                            <i class="fal fa-search-plus fa-lg"></i>
                                        </a>
                                        <a href="{{route('admin.cd.produit.edit', $produit->id_produit)}}" 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="9" 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