@extends('layouts.app')

@section('content')
    <div class="w-2/5">
        <div class="card">
            <div class="card-head">
                <div class="font-semibold text-cyan-900 uppercase">
                    <i class="fal fa-percent mr-1"></i>
                    Taux
                </div>
                <div class="text-gray-600">
                    <a href="{{route('admin.cd.taux.create')}}" class="hover:text-orange-500" title="Ajouter un taux">
                        <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">#</th>
                                <th class="text-left">Service</th>
                                <th class="text-right">Taux</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0 @endphp

                            @foreach ($taux as $t)
                                @php $i++ @endphp
                                <tr>
                                    <td></td>
                                    <td  class="text-left">{{$i }}</td>
                                    <td  class="text-left">{{key_exists($t->service, $services) ? $services[$t->service] : '' }}</td>
                                    <td  class="text-right">{{$t->taux * 100 }} %</td>
                                    <td class="text-right" style="width: 5%">
                                        <a href="{{route('admin.cd.taux.destroy', $t->id_taux)}}" class="mr-2 text-red-500 hover:text-orange-500" title="Afficher le tiers">
                                            <i class="fal fa-times fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                            @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