@if (Auth()->user()->type_user != 1)
    @include('erros.404')
    @dd()
@else
    @extends('layouts.admin.master')

    @section('title', "Dépenses")

    @section('content')
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb breadcrumb-style2 mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.home') }}">Tableau de bord</a>
                </li>

                <li class="breadcrumb-item">
                    <a href="{{ route('admin.depense.index') }}">Dépenses</a>
                </li>

                <li class="breadcrumb-item active">Modifier</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.depense.update', ['id' => $depense->id]) }}" method="POST">
                            @csrf
                            <div class="row">
                                <!-- Reference -->
                                <div class="col-md-12 col-sm-12 mb-3">
                                    <label for="reference" class="form-label">Reference <span class="text-danger">*</span></label>
                                    <input type="text" name="reference" name="reference" id="date" class="form-control @error("reference") is-invalid @enderror" value="{{ $depense->reference }}" readonly>
                                    @error("reference")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Date -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="date" class="form-label">Date <span class="text-danger">*</span></label>
                                    <input type="date" name="date" id="date" class="form-control @error("date") is-invalid @enderror" value="{{ $depense->date }}">
                                    @error("date")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Motif -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="motif" class="form-label">Motif <span class="text-danger">*</span></label>
                                    <input type="text" name="motif" id="date" class="form-control @error("motif") is-invalid @enderror" value="{{ $depense->motif }}">
                                    @error("motif")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Type de dépense -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="type_depense_id" class="form-label">Type de dépense <span class="text-danger">*</span></label>
                                    <select name="type_depense_id" id="type_depense_id" class="form-control @error("type_depense_id") is-invalid @enderror">
                                        <option value="" selected>-- Choisir le type de dépense --</option>
                                        @foreach ($types as $type)
                                            <option value="{{ $type->id }}" {{ $depense->type_depense_id == $type->id ? 'selected' : '' }}>{{ $type->name }}</option>
                                        @endforeach
                                    </select>
                                    @error("type_depense_id")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Description -->
                                <div class="col-md-12 col-sm-12 mb-3">
                                    <label for="desc" class="form-label">Description</label>
                                    <textarea name="desc" id="desc" class="form-control">{{ $depense->desc }}</textarea>
                                </div>

                                <!-- Boutique -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="store_id" class="form-label">Boutique <span class="text-danger">*</span></label>
                                    <select name="store_id" id="store_id" wire:model="store_id" class="form-control @error("store_id") is-invalid @enderror">
                                        <option value="" selected>-- Choisir une boutique --</option>
                                        @foreach ($stores as $store)
                                            <option value="{{ $store->id }}" {{ $depense->store_id == $store->id ? 'selected' : '' }}>{{ $store->name }}- {{ $store->address }}</option>
                                        @endforeach
                                    </select>
                                    @error("store_id")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Quantité -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="quantity" class="form-label">Quantité <span class="text-danger">*</span></label>
                                    <input type="number" step="0.001" name="quantity" id="quantity" class="form-control @error("quantity") is-invalid @enderror" value="{{ $depense->quantity }}">
                                    @error("quantity")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Prix -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="price" class="form-label">Prix unitaire <span class="text-danger">*</span></label>
                                    <input type="number" name="price" id="price" class="form-control @error("price") is-invalid @enderror" value="{{ $depense->price }}">
                                    @error("price")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Bénéficiaire -->
                                <div class="col-md-12 col-sm-12 mb-3">
                                    <label for="beneficiary" class="form-label">Bénéficiaire</label>
                                    <input type="text" name="beneficiary" id="beneficiary" class="form-control" value="{{ $depense->beneficiary }}">
                                </div>

                                <div class="col-md-12">
                                    <div class="text-end mt-3">
                                        <button type="submit" class="btn btn-primary">Modifier</button>
                                        <a href="{{ route('admin.depense.index') }}" class="btn btn-outline-danger">Retour</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif