@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>
            Journal
        </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.journal.search')}}" class="w-full">
                @csrf
                <div class="flex justify-end space-x-3 w-full">
                    <div class="flex items-center space-x-2 w-64">
                        <input type="date" name="date_debut" value="{{ !empty($search->date_debut) ? $search->date_debut : date('Y-m-01') }}" class="form-control"/>
                    </div>
                    <div class="flex items-center space-x-2 w-64">
                        <input type="date" name="date_fin" value="{{ !empty($search->date_fin) ? $search->date_fin : 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="uppercase">
                        <th class="text-left">Date</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">Montant</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody style="vertical-align: top">
                @if(count($journaux))
                    @foreach ($journaux as $journal)
                        <tr>
                            <td class="text-left">{{(new DateTime($journal->date_oper))->format(config('myahs')['date_format'])}}</td>
                            <td class="text-left">{{$journal->id_journal}}</td>
                            <td class="text-center">{{$journal->caisse_id}}</td>
                            <td class="text-left">{{$journal->libelle}}</td>
                            <td class="text-right">{{App\Lib\Format::number($journal->montant)}}</td>
                            <td class="text-right">
                                <a href="{{route('cp.ecriture.show', $journal->id_journal)}}" class="text-orange-400 hover:text-orange-500 mr-2">
                                    <i class="fad fa-folder-open 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($journaux)>0)
            <div class="pagination mt-3">
                {{ $journaux->links() }}
            </div>
        @endif
    </div>
</div>
@endsection