@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 class="space-x-2 text-gray-500">
                <a href="{{route('gt.journal.index')}}" class="hover:text-orange-500">
                    <i class="fal fa-list fa-lg"></i>
                </a>
                <a href="{{route('gt.journal.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/>
            @php
                $sum_debit = !empty($sum_ecriture->debit) ? round($sum_ecriture->debit,2) : 0;
                $sum_credit = !empty($sum_ecriture->credit) ? round($sum_ecriture->credit,2) : 0;
                $ecart = $sum_debit - $sum_credit
            @endphp

            <x-journal-guichet-header :journal="$journal"/>

            @if($caissetteCount > 0)
                <x-caissette :journal="$journal" :sumBilletage="$sumBilletage"></x-caissette>
            @endif

            <div class="card-content">
                <div class="overflow-auto" style="max-height: 23rem;">
                    @if($format == 'detail')
                        @include('guichet.journal.ecriture-detail')
                    @else
                        @include('guichet.journal.ecriture-pargroupe')
                    @endif
                </div>
            </div>

            <div class="flex justify-between mt-3">

                <div class="">
                    @php $route_name = $journal->cloture == 'N' ? 'gt.journal.locking' : 'gt.journal.show'; @endphp
                    @if($format == 'detail')
                        <a href="{{route($route_name, $journal->id_journal)}}"
                            class="font-bold text-cyan-700 hover:text-cyan-400">
                            <i class="fal fa-compress-arrows-alt"></i>
                            Mode réduit
                        </a>
                    @else
                        <a href="{{route($route_name, [
                            'id_journal'    =>$journal->id_journal,
                            'format'    =>'detail'
                        ])}}" class="font-bold text-cyan-700 hover:text-cyan-400"
                        >
                        <i class="fal fa-compress"></i>
                        Mode détail
                        </a>
                    @endif
                </div>

                @if($journal->cloture=='N' && ($sum_debit+$sum_credit)>0 && $ecart == 0)
                {{-- @if($journal->cloture=='N') --}}
                    <div class="flex space-x-4">
                        <button id="btnValider" class="btn btn-success decision" data-decision="A">
                            <i class="fal fa-thumbs-up mr-2"></i>
                            Clôturer le journal
                        </button>
                    </div>
                @endif

                @if(in_array($employe->fonction_id, config('guichet.reouverture_robe')) && $journal->cloture !='N')
                    <div class="flex space-x-4">
                        <a href="{{route('gt.journal.open', $journal->id_journal)}}" class="inline-block btn btn-yellow">
                            <i class="fal fa-folder-open mr-2"></i>
                            Rouvrir le journal
                        </a>
                    </div>
                @endif

            </div>

            <form id="frmJournal" method="post" action="{{route('gt.journal.locked', $journal->id_journal)}}">
                @csrf
                <input type="hidden" name="journalId" value="{{$journal->id_journal}}">
            </form>

        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">Journal</x-slot>
        Voulez-vous réellement clôtuer ce journal ?
    </x-msg-box>
@endsection

@section('script')
    <script>
        document.getElementById('btnValider').addEventListener('click', function(e){
            e.preventDefault();
            Modal("#MsgBox", "show");
        });
        document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmJournal").submit();
        });
    </script>
@endsection