@extends('layouts.app')

@section('content')
<div class="card w-4/5">
    <div class="card-head">
        <div class="font-semibold text-cyan-900 uppercase">
            <i class="fal fa-project-diagram mr-1"></i>
            Code analytique
        </div>
        <div class="text-gray-500">
            <a href="{{route('cp.canal.create')}}" class="hover:text-orange-500">
                <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">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Libellé</th>
                        <th>Description</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 0;
                    @endphp
                    @foreach ($codes as $code)
                        @php $i++ @endphp
                        <tr>
                            <td>{{$code->id_analytique}}</td>
                            <td>{{$code->libelle_analytique}}</td>
                            <td>{{substr($code->description,0,60)}}...</td>
                            <td class="text-right">
                                <a href="{{route('cp.canal.show', $code->id_analytique)}}" class="mr-2 text-gray-500 hover:text-orange-500">
                                    <i class="fal fa-search-plus fa-lg"></i>
                                </a>
                                <a href="{{route('cp.canal.edit', $code->id_analytique)}}" class="mr-2 text-gray-500 hover:text-orange-500">
                                    <i class="fal fa-edit fa-lg"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    @if($i == 0)
                    <tr>
                        <td colspan="4" class="text-center">La liste est vide</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
        <div class="mt-3">
            @if(!empty($codes))
                <div class="pagination">
                    {{ $codes->links() }}
                </div>
            @endif
        </div>
    </div>
</div>

@endsection