@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/>
            <div class="card-content">

                <form id="frmJournal" method="post" action="{{route('cp.journal.store')}}">
                    <div class="space-y-4 mb-3">
                            @csrf
                            <input type="hidden" name="typeEcriture" value="init">
                            <div>
                                <label for="" class="text-sm text-gray-500">Caisse</label>
                                <select name="caisse" class="form-control text-gray-600">
                                    @php $id_caisse = !empty($search->caisse) ? $search->caisse : '' @endphp
                                    <option value="">-- Sélectionner le point de service --</option>
                                    @foreach ($caisses as $caisse)
                                        <option value="{{ $caisse->id_caisse }}" {{ $caisse->id_caisse == old('caisse') ? 'selected' : '' }} >
                                            {{ $caisse->id_caisse }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <label for="" class="text-sm text-gray-500">Type de journal</label>
                                <select name="typeJournal" class="form-control text-gray-600">
                                    <option value="">-- Sélectionner le type de journal --</option>
                                    @foreach (App\Lib\Combobox::natureJournal() as $id_nature=>$libelle)
                                        <option value="{{ $id_nature }}" {{ $id_nature == old('typeJournal') ? 'selected' : '' }} >
                                            {{ $libelle }}
                                        </option>
                                    @endforeach
                                </select>

                            </div>
                            <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="text-red-500 text-sm">{{$message}}</span>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="text-sm text-gray-500">
                                    Libellé
                                </div>
                                <div>
                                    <input type="text" name="libelle" value="{{old('libelle')}}" class="form-control" required>
                                    @error('libelle')
                                        <span class="text-red-500 text-sm">{{$message}}</span>
                                    @enderror
                                </div>
                            </div>
                    </div>
                </form>

            </div>
            <div class="py-2">
                <button id="btnSave" class="btn btn-warning">
                    <i class="fal fa-save mr-1"></i>
                    Enregistrer
                </button>
            </div>
        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Opération
        </x-slot>
        Voulez vous réellement enregistrer 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){
        e.preventDefault();
        Modal("#MsgBox", "show");
    })
    document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmJournal").submit();
    });
</script>
@endsection