@extends('layouts.app')

@section('content')
<div class="card w-full">
    <div class="card-head">
        <div class="font-semibold text-cyan-900 uppercase">
            <i class="fal fa-book-open mr-1"></i>
            liste des écritures
        </div>
        <div>
            <a href="" class="search">
                <i class="fal fa-plus"></i>
            </a>
        </div>
    </div>
    <div class="card-body">
        <x-alert></x-alert>

        <div class="flex justify-end mb-2">
            <form method="post" action="{{route('cp.ecriture.serch')}}" class="w-full">
                @csrf
                <div class="flex justify-end space-x-3 w-full">
                    <div class="flex items-center w-36">
                        <select name="caisse" class="form-control">
                            @php $id_caisse = !empty($search->caisse) ? $search->caisse : '' @endphp
                            <option value="">-- CAISSE --</option>
                            @foreach ($caisses as $caisse)
                                <option value="{{ $caisse->id_caisse }}" {{ $caisse->id_caisse == $id_caisse ? 'selected' : '' }} >
                                    {{ $caisse->id_caisse }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="flex items-center space-x-2 w-48">
                        <input type="date" name="dateDebut" value="{{ !empty($search->dateDebut) ? $search->dateDebut : date('Y-m-01') }}" class="form-control"/>
                    </div>
                    <div class="flex items-center space-x-2 w-48">
                        <input type="date" name="dateFin" value="{{ !empty($search->dateFin) ? $search->dateFin : date('Y-m-d') }}" class="form-control" />
                    </div>
                    <div>
                        <button type="submit" class="btn btn-warning">
                            <i class="fal fa-search"></i>
                        </button>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-content">
            <table class="table table-hover">
                <thead>
                    <tr class="">
                        <th class="text-left">Date</th>
                        <th class="text-left">N° compte</th>
                        <th class="text-left">Réf journal</th>
                        <th class="text-center">Caisse</th>
                        <th class="text-left">Libellé</th>
                        <th class="text-right">Débit</th>
                        <th class="text-right">Crédit</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody style="vertical-align: top">
                @if(count($ecritures))
                    @foreach ($ecritures as $ecriture)
                        <tr>
                            <td class="text-left">{{(new DateTime($ecriture->date_oper))->format(config('myahs')['date_format'])}}</td>
                            <td class="text-left">{{$ecriture->compte_id}}</td>
                            <td class="text-left">{{$ecriture->journal_id}}</td>
                            <td class="text-center">{{$ecriture->caisse_id}}</td>
                            <td class="text-left">{{$ecriture->libelle}}</td>
                            <td class="text-right">{{App\Lib\Format::number($ecriture->debit)}}</td>
                            <td class="text-right">{{App\Lib\Format::number($ecriture->credit)}}</td>
                            <td class="text-right">
                                <a href="{{route('cp.ecriture.show', $ecriture->journal_id)}}" class="text-gray-500 hover:text-orange-500 mr-2">
                                    <i class="fal fa-book-open fa-lg"></i>
                                </a>
                                <a href="{{route('cp.grdlibre.show', $ecriture->compte_id)}}" class="text-gray-500 hover:text-orange-500 mr-2">
                                    <i class="fal fa-book fa-lg"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="6" class="text-center">La liste est vide</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
        @if(count($ecritures)>0)
            <div class="pagination mt-3">
                {{ $ecritures->links() }}
            </div>
        @endif
    </div>
</div>
@endsection