@php
    $reference = App\Models\Caisse::max('reference') + 1;
    $solde_actuel = App\Models\Caisse::latest()->first('fermeture');
@endphp
<div class="modal fade" id="caisse" tabindex="-1" style="display: none;" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel1">Nouvelle caisse</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('caisse.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="row">
                        <div class="col mb-3">
                            <label for="reference" class="form-label">Référence <span class="text-danger">*</span></label>
                            <input type="number" name="reference" id="reference" class="form-control @error('reference') is-invalid @enderror" value="{{ $reference  }}" readonly>
                            @error('reference')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row g-2">
                        <div class="col mb-3">
                            <label for="amount" class="form-label">Solde actuel</label>
                            <input type="number" name="amount" id="amount" class="form-control" value="{{ $solde_actuel->fermeture }}" readonly>
                        </div>
                    </div>

                    <div class="row g-2">
                        <div class="col mb-3">
                            <label for="ouverture" class="form-label">Ouverture</label>
                            <input type="number" name="ouverture" id="ouverture" class="form-control" value="{{ $solde_actuel->fermeture }}" readonly>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                    <button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal">Fermer</button>
                </div>
            </form>
        </div>
    </div>
</div>