@if (Auth()->user()->type_user == 0)
    @include('error.error')
    @dd()
@else
    @extends('layouts.proprietaire.master')

    @section('title', 'Voyages - Dépenses')

    @section('content')
        <div class="main-content">
            <section class="section">
                <h1 class="section-header">
                    <div>@yield('title')</div>
                </h1>

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Récaputilatifs</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.trip.show', ['id' => $expense->trip_id]) }}">Détails</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Modifier</li>
                    </ol>
                </nav>
            </section>

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('property.trip.expense.update', $expense->id) }}"
                                method="POST">

                                @csrf

                                <div class="mb-3" style="display: none">
                                    <label class="form-label">Trip ID <span class="text-danger">*</span></label>
                                    <input type="number"
                                        name="trip_id"
                                        value="{{ old('trip_id', $expense->trip_id) }}"
                                        class="form-control @error('trip_id') is-invalid @enderror">
                                    @error('trip_id')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Date <span class="text-danger">*</span></label>
                                    <input type="date"
                                        name="date"
                                        value="{{ old('date', $expense->date) }}"
                                        class="form-control @error('date') is-invalid @enderror">
                                    @error('date')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <label class="form-label">Type de dépense <span class="text-danger">*</span></label>
                                        <select name="label"
                                                class="form-control @error('label') is-invalid @enderror">
                                            <option value="">-- Sélectionner --</option>
                                            <option value="Carburant"
                                                {{ $expense->label == 'Carburant' ? 'selected' : '' }}>
                                                Carburant
                                            </option>
                                            <option value="Frais de route"
                                                {{ $expense->label == 'Frais de route' ? 'selected' : '' }}>
                                                Frais de route
                                            </option>
                                            <option value="Prime"
                                                {{ $expense->label == 'Prime' ? 'selected' : '' }}>
                                                Prime
                                            </option>
                                            <option value="Ration"
                                                {{ $expense->label == 'Ration' ? 'selected' : '' }}>
                                                Ration
                                            </option>
                                            <option value="Autre"
                                                {{ $expense->label == 'Autre' ? 'selected' : '' }}>
                                                Autre
                                            </option>
                                        </select>
                                        @error('label')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Ville <span class="text-danger">*</span></label>
                                        <input type="text"
                                            name="city"
                                            value="{{ old('city', $expense->city) }}"
                                            class="form-control @error('city') is-invalid @enderror">
                                        @error('city')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Quantité <span class="text-danger">*</span></label>
                                        <input type="number"
                                            name="quantity"
                                            id="quantity"
                                            value="{{ old('quantity', $expense->quantity) }}"
                                            class="form-control"
                                            oninput="calculateAmount()">
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Prix <span class="text-danger"></span></label>
                                        <input type="number"
                                            name="price"
                                            id="price"
                                            value="{{ old('price', $expense->price) }}"
                                            class="form-control"
                                            oninput="calculateAmount()">
                                    </div>
                                </div>

                                <div class="d-flex justify-content-between mt-4">
                                    <a href="{{ route('property.trip.show', $expense->trip_id) }}"
                                    class="btn btn-outline-danger rounded-pill px-4">
                                        Annuler
                                    </a>

                                    <button type="submit"
                                            class="btn btn-primary rounded-pill px-4">
                                        Mettre à jour
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif