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

    @section('title', 'Réparations - Pièces')

    @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.camion.index') }}">Camion</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.camion.show', ['id' => $piece->reparation_id]) }}">Détails de la réparation</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Modifier une pièce</li>
                    </ol>
                </nav>
            </section>

            <div class="row">
                <div class="col-md-12 mx-auto">
                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-white">
                            <h5 class="mb-0">
                                🛠 Modifier la pièce
                            </h5>
                        </div>

                        <div class="card-body">
                            <form action="{{ route('property.piece.update', ['id' => $piece->id]) }}" method="POST">
                                @csrf
                                {{-- Pièce --}}
                                <div class="mb-3">
                                    <label class="form-label fw-semibold">
                                        Nom de la pièce <span class="text-danger">*</span>
                                    </label>
                                    <div class="input-group">
                                        <span class="input-group-text">
                                            <i class="fas fa-cogs"></i>
                                        </span>
                                        <input type="text"
                                            name="name"
                                            class="form-control @error('name') is-invalid @enderror"
                                            value="{{ $piece->name }}">
                                    </div>
                                    @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>

                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-semibold">
                                            Quantité <span class="text-danger">*</span>
                                        </label>
                                        <div class="input-group">
                                            <span class="input-group-text">
                                                <i class="fas fa-sort-numeric-up"></i>
                                            </span>
                                            <input type="number"
                                                name="quantity"
                                                class="form-control"
                                                value="{{ $piece->quantity }}">
                                        </div>
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label fw-semibold">
                                            Prix unitaire <span class="text-danger">*</span>
                                        </label>
                                        <div class="input-group">
                                            <span class="input-group-text">FCFA</span>
                                            <input type="number"
                                                name="price"
                                                class="form-control"
                                                value="{{ $piece->price }}">
                                        </div>
                                    </div>
                                </div>

                                {{-- Fournisseur --}}
                                <div class="border rounded p-3 bg-light mb-3">
                                    <h6 class="fw-semibold mb-3">
                                        🚚 Informations du fournisseur
                                    </h6>

                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Nom du fournisseur</label>
                                            <div class="input-group">
                                                <span class="input-group-text">
                                                    <i class="fas fa-store"></i>
                                                </span>
                                                <input type="text"
                                                    name="name_fournisseur"
                                                    class="form-control"
                                                    value="{{ $piece->name_fournisseur }}">
                                            </div>
                                        </div>

                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Ville / Adresse</label>
                                            <div class="input-group">
                                                <span class="input-group-text">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                </span>
                                                <input type="text"
                                                    name="address_fournisseur"
                                                    class="form-control"
                                                    value="{{ $piece->address_fournisseur }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {{-- Hidden --}}
                                <input type="hidden" name="reparation_id" value="{{ $piece->reparation_id }}">

                                {{-- Actions --}}
                                <div class="d-flex justify-content-between mt-4">
                                    <a href="{{ route('property.reparation.show', ['id' => $piece->reparation_id]) }}"
                                    class="btn btn-outline-danger">
                                        ⬅ Retour
                                    </a>

                                    <button type="submit" class="btn btn-primary">
                                        Modifier les modifications
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif