@if(empty(json_decode($caisse)->validated))

<div class="row">
    <div class="col-md-{{$col_md_1}} col-lg-{{$col_lg_1}} d-flex align-items-center justify-content-center mb-3">
        <label class="switch switch-danger switch-square">
            <input v-model.number="validated" type="checkbox" class="switch-input" name="validated" />
            <span class="switch-toggle-slider">
                            <span class="switch-on"><i class="ri-lock-2-line"></i></span>
                            <span class="switch-off"><i class="ri-close-line"></i></span>
                        </span>
            <span class="switch-label">Valider et verrouiller la caisse</span>
        </label>
        <a tabindex="0" role="button" class="btn btn-icon rounded-pill text-info waves-effect"
                data-bs-animation="true" data-bs-toggle="popover" data-bs-placement="right"
                data-bs-content="La confirmation du verrouillage rendra cette caisse non modifiable ! <br>
                 Cela permet d'exporter les données dans les tableaux comptables" >
            <span class="tf-icons ri-information-line ri-22px"></span>
        </a>
    </div>
</div>

<div class="row">

    <div class="col-md-{{$col_md_1}} col-lg-{{$col_lg_1}} text-center">

        <div class="h-100 d-flex justify-content-center align-items-center">

            <button type="button" class="btn btn-secondary waves-effect waves-light me-3" @click.stop.prevent="reinitialise">
                <span class="ri-delete-back-2-line ri-24px"></span> &nbsp;
                Réinitialiser la saisie
            </button>

            <button type="buttom" class="btn btn-xl btn-primary waves-effect waves-light text-uppercase" @click.prevent="onSubmit">
                <span class="ri-checkbox-circle-line ri-24px"></span> &nbsp;
                Enregistrer cette caisse
            </button>

        </div>
    </div>
</div>

@else


<div class="row mb- mb-6">

    <div class="col-md-{{$col_md_1}} col-lg-{{$col_lg_1}} text-center">

        <div class="h-100 d-flex justify-content-center align-items-center">


            <button type="button" class="btn btn-secondary waves-effect waves-light me-3" @click.stop.prevent="reinitialise">
                <span class="ri-delete-back-2-line ri-24px"></span> &nbsp;
                Réinitialiser la saisie
            </button>

            <div class="alert bg-danger bg-opacity-10 mb-0 text-uppercase" >
                <span class="ri-lock-2-line ri-24px text-danger"></span> &nbsp;
                Cette caisse à été validée le {{ \Carbon\Carbon::parse(json_decode($caisse)->validated)->format('d/m/Y') }}
            </div>

        </div>
    </div>
</div>

@endif