@extends('layouts.app')


@section('content')
    <div class="card w-3/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-book-open mr-1"></i>
                Nouveau journal
            </div>
            <div class="space-x-2">
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <form id="frmJournal" method="post" action="{{route('gt.journal.store')}}">
                @csrf
                <input type="hidden" name="journalModule" value="{{$journal_module}}">
                <div class="card-content space-y-4">
                        <x-show>
                            <x-slot name="label">
                                Guichet
                            </x-slot>
                            {{$guichet->caisse_id}}
                        </x-show>
                        <x-show>
                            <x-slot name="label">
                                Employé
                            </x-slot>
                            {{$employe->nom_employe}} {{$employe->prenom_employe}}
                        </x-show>
                        @if($guichet->mode_saisie == "1")
                        <x-show>
                            <x-slot name="label">
                                Date
                            </x-slot>
                            {{date('d/m/Y')}}
                        </x-show>
                        @else
                        <div>
                            <div class="text-sm text-gray-500">
                                Date
                            </div>
                            <div>
                                <input type="date" name="dateJournal" value="{{ !empty(old('dateJournal')) ? old('dateJournal') : date('Y-m-d') }}" class="form-control" required>
                                @error('dateJournal')
                                    <span class="error">{{$message}}</span>
                                @enderror
                            </div>
                        </div>
                        @endif
                </div>
            </form>
            <div class="py-2">
                <button id="btnSave" class="btn btn-orange">
                    <i class="fal fa-sd-card mr-1"></i>
                    Enregistrer
                </button>
            </div>
        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Journal
        </x-slot>
        Voulez vous réellement créer ce journal ?
    </x-msg-box>
@endsection

@section('script')
<script>
    document.getElementById("frmJournal").addEventListener("submit", function(e){
        e.preventDefault();
    });

    document.getElementById("btnSave").addEventListener("click", function(e){

        Modal("#MsgBox", "show");

    });

    document.getElementById("btnYes").addEventListener("click", function(e){
        document.getElementById("frmJournal").submit();
    })
</script>
@endsection