@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>
                EPARGNE
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('jr.epargne.index', ['list'=>'on'])}}" class="hover:text-orange-500">
                    <i class="fal fa-list fa-lg"></i>
                </a>
                <a href="{{route('jr.epargne.balance', $journal->id_journal)}}" class="hover:text-orange-500">
                    <i class="fal fa-swatchbook fa-lg"></i>
                </a>
                <a href="{{route('jr.epargne.exp', $journal->id_journal)}}" class="search text-green-500 hover:text-green-700">
                    <i class="fal fa-file-excel fa-lg"></i>
                </a>
                <a href="{{route('jr.epargne.pdf', $journal->id_journal)}}" class="hover:text-orange-500">
                    <i class="fal fa-print fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="flex flex-col space-y-4">
                <x-journal-guichet-header :journal="$journal"/>
                <div class="card-content">
                    <div class="flex justify-end">
                        <form method="post" action="{{route('jr.epargne.search', $journal->id_journal)}}" class="w-full">
                            @csrf
                            <input type="hidden" name="route" value="2">
                            <input type="hidden" name="journalId" value="{{$journal->id_journal}}">
                            <div class="flex justify-end space-x-3 w-full">
                                <div class="flex items-center space-x-2 w-64">
                                    <input type="text" name="folio"
                                        value="{{ !empty($search->folio) ? $search->folio : null }}"
                                        placeholder="Folio, N° Compte"
                                        class="form-control"/>
                                </div>
                                <div class="flex items-center w-48">
                                    <select name="produit" class="form-control">
                                        @php $id_produit = !empty($search->produit) ? $search->produit : '' @endphp
                                        <option value="">-- PRODUITS --</option>
                                        @foreach ($produits as $produit)
                                            <option value="{{$produit->id_produit}}" @if($id_produit== $produit->id_produit) selected @endif>{{$produit->sigle}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="flex items-center w-48">
                                    <select name="mvt" class="form-control">
                                        @php $mvt = !empty($search->mvt) ? $search->mvt : '' @endphp
                                        <option value="">DEPOT/RETRAIT</option>
                                        <option value="c" @if($mvt=="c") selected @endif>DEPOT</option>
                                        <option value="d" @if($mvt=="d") selected @endif>RETRAIT</option>
                                    </select>
                                </div>
                                <div class="flex items-center w-36">
                                    <select name="comparatif" class="form-control">
                                        @php $id_comparatif = !empty($search->comparatif) ? $search->comparatif : '' @endphp
                                        <option value="1" @if($id_comparatif =="1") selected @endif>=</option>
                                        <option value="2" @if($id_comparatif =="2") selected @endif> >= </option>
                                        <option value="3" @if($id_comparatif=="3") selected @endif> <= </option>
                                    </select>
                                </div>
                                <div class="flex items-center space-x-2 w-48">
                                    <input type="text" name="montant"
                                        value="{{ !empty($search->montant) ? $search->montant : null }}"
                                        placeholder="Montant"
                                        class="form-control"/>
                                </div>
                                <div>
                                    <button type="submit" class="btn btn-warning">
                                        <i class="fal fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-content">
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>N° compte</th>
                                <th>Produit</th>
                                <th>Folio</th>
                                <th>Titulaire</th>
                                <th>Libellé</th>
                                <th class="text-right">Retrait</th>
                                <th class="text-right">Dépôt</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @php $i = 0 @endphp

                            @foreach ($operations as $operation)
                                @php $i++ @endphp
                                <tr>
                                    <td>{{$operation->id_compte}}</td>
                                    <td>{{$operation->produit_id}}</td>
                                    <td>{{$operation->id_tiers}}</td>
                                    <td>{{$operation->nom_tiers}} {{$operation->prenom_tiers}}</td>
                                    <td>{{$operation->description}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->debit)}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->credit)}}</td>
                                    <td class="text-right">
                                        <a href="{{route('ep.corre.edit', App\Lib\CryptId::crypt($operation->id_oper))}}" class="text-gray-500 hover:text-orange-500 mr-2" title="Afficher les écritures">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>
                                        <a href="{{route('ep.releve.index', $operation->id_compte)}}" class="text-gray-500 hover:text-orange-500 mr-2" title="Afficher les écritures">
                                            <i class="fal fa-file-spreadsheet fa-lg"></i>
                                        </a>
                                        <a href="{{route('gt.epargne.pdf', $operation->id_oper)}}" class="mr-2 text-gray-500 hover:text-orange-500">
                                            <i class="fal fa-print fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            @if($i==0)
                                <tr>
                                    <td colspan="10" class="text-center">Aucun compte n'a été sélectionné</td>
                                </tr>
                            @else
                                <tr>
                                    <td colspan="5" class="text-right font-bold">TOTAL</td>
                                    <td class="text-right font-bold">{{App\Lib\Format::number($sum->debit)}}</td>
                                    <td class="text-right  font-bold">{{App\Lib\Format::number($sum->credit)}}</td>
                                    <td></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                @if(!empty($operations))
                    <div class="pagination">
                        {{ $operations->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>

    </script>
@endsection