@extends('layouts.master')

@section('title', 'Caisses')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb breadcrumb-style2 mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('home') }}">Récaputilatifs</a>
                </li>
                <li class="breadcrumb-item active">Caisses</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('caisse.stop.update', ['id' => $caisse->id]) }}" method="POST">
                            @csrf
                            <div class="row g-2">
                                <div class="col mb-3">
                                    <label for="amount" class="form-label">Ouverture compte <span class="text-danger">*</span></label>
                                    <input type="number" name="amount" class="form-control" value="{{ $caisse->ouverture }}" readonly>
                                </div>
                                <div class="col mb-3">
                                    <label for="entre" class="form-label">Somme des recettes  <span class="text-danger">*</span></label>
                                    <input type="number" name="entre" class="form-control" value="{{ $amount_recettes }}" readonly>
                                </div>
                                <div class="col mb-3">
                                    <label for="sortie" class="form-label">Somme de montant depensé <span class="text-danger">*</span></label>
                                    <input type="number" name="sortie" class="form-control" value="{{ $amount_sorties }}" readonly>
                                </div>
                            </div>

                            <div class="row g-2">
                                <div class="col mb-3">
                                    <label for="fermeture" class="form-label">Caisse actuelle <span class="text-danger">*</span></label>
                                    <input type="number" name="fermeture" class="form-control" value="{{ $caisse->amount - $amount_sorties }}" readonly>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col mb-3" style="display: none">
                                    <label for="caisse_id" class="form-label">ID Caisse</label>
                                    <input type="number" name="caisse_id" id="caisse_id" class="form-control" value="{{ $caisse->id }}">
                                </div>
                            </div>

                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">Fermer la caisse</button>
                                <a href="{{ route('caisse.show', ['id' => $caisse->id]) }}" class="btn btn-outline-danger">Quitter</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>
@endsection