@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-file-signature fa-lg mr-2"></i>

                Régularisation des opérations

            </div>
            <div class="text-gray-500 space-x-2">
                <a href="{{route('gt.regul.forget')}}" class="hover:text-orange-500" title="Vider les lignes">
                    <i class="fal fa-trash-alt fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>

            <x-caissette
            id-employe="{{$journal->employe_id}}"
            date-oper="{{$journal->date_oper}}"></x-caissette>

        </div>
    </div>


    <x-msg-box>
        <x-slot name="title">Régularisation</x-slot>
        Voulez-vous réellement enregister ces écritures comptables ?
    </x-msg-box>

@endsection

@section('script')
<script>

    // document.getElementById("frmCaisse").addEventListener("submit", function(e){
    //     e.preventDefault();
    // });

    let btnRegul = document.querySelectorAll('.btn-regul')

    btnRegul.forEach(btn => {

        btn.addEventListener('click', function(e){
            e.preventDefault();
            document.getElementById('natureOper').setAttribute('value', btn.getAttribute('data-nature'));
            document.getElementById('frmCart').submit();
        })

    })

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