@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>
                Livre de caisse
            </div>
            <div class="space-x-2">
                <a href="#" class="text-green-500 hover:text-green-600">
                    <i class="fad fa-file-excel fa-lg"></i>
                </a>
                <a href="#" class="text-red-500 hover:text-red-600">
                    <i class="fad fa-file-pdf fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="card-content">
                <table class="table table-hover table-striped">
                    <thead>
                        <tr>
                            <th style="width: 10%">Date</th>
                            <th style="width: 10%">Caisse</th>
                            <th>Nom et prénoms</th>
                            <th style="width: 13%" class="text-right">Solde début</th>
                            <th style="width: 13%" class="text-right">Encaissement</th>
                            <th style="width: 13%" class="text-right">Décaissement</th>
                            <th style="width: 13%" class="text-right">Solde Final</th>
                            <th style="width: 5%" class="text-right"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($livres as $livre)
                            <tr>
                                <td>{{(new DateTime($livre->date_oper))->format(config('myahs.date_format'))}}</td>
                                <td>{{$livre->caisse_id}}</td>
                                <td>{{substr($livre->nom_employe. ' '.$livre->prenom_employe,0,30)}}</td>
                                <td class="text-right">{{number_format($livre->solde_before,2,',',' ')}}</td>
                                <td class="text-right">{{number_format($livre->debit,2,',',' ')}}</td>
                                <td class="text-right">{{number_format($livre->credit,2,',',' ')}}</td>
                                <td class="text-right">{{number_format(($livre->solde_before+$livre->debit-$livre->credit),2,',',' ')}}</td>
                                <td class="text-right">
                                    <a href="{{route('gt.mobile.show', [
                                            'employe_id'=>$livre->employe_id,
                                            'date_oper'=>$livre->date_oper])}}"
                                        class="text-gray-500 hover:text-orange-500">
                                        <i class="fal fa-search-plus fa-lg mr-2"></i>
                                    </a>
                                    <a href="{{route('gt.livre.show',[
                                            'employe_id'=>$livre->employe_id,
                                            'date_oper'=>$livre->date_oper])}}" class="text-gray-500 hover:text-orange-500">
                                        <i class="fal fa-print fa-lg mr-2"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="pagination mt-3">
                    {{ $caissettes->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
@endsection