@extends('base')
@section('title', $land->exists ? 'Editer un terrain' : 'Créer un terrain')
@section('content')

<h1>@yield('title')</h1>

<form class="v-stack gap-2" action="{{ $land->exists ? route('admin.properties.update.land', $property->id) : route('admin.properties.store.land') }}" method="post" enctype="multipart/form-data">

    @csrf
    @method($land->exists ? 'put' : 'post')
    @include('admin.properties.propertyform') <!-- Inclure les champs de la propriété -->

    <!-- Champs spécifiques au terrain -->
    <div class="row">
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Pourcentage de l\'emprise au sol', 'name' => 'footprint_percentage', 'value' => old('footprint_percentage', $land->footprint_percentage)])
        <div class="col-md-3 form-group">
            <label for="housing_estate">Lotissement :</label>
            <select name="housing_estate" class="form-control select-custo">
                <option value="0" {{ old('housing_estate', $land->housing_estate) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('housing_estate', $land->housing_estate) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Zone PLU', 'name' => 'plu_zone', 'value' => old('plu_zone', $land->plu_zone)])
        <div class="col-md-3 form-group">
            <label for="servicing">Viabilisation :</label>
            <select name="servicing" class="form-control select-custo">

                <option value="0" {{ old('servicing', $land->servicing) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('servicing', $land->servicing) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>

    </div>

    <input type="hidden" name="rooms" value="1">
    <input type="hidden" name="bedrooms" value="1">
    <input type="hidden" name="heating_type" value="none">
    <input type="hidden" name="bathrooms" value="1">
    <input type="hidden" name="water_rooms" value="1">


    <div class="mt-3">
        <label for="photos">Photos</label>
        <input type="file" id="photos" name="photos[]" multiple>
    </div>

    <!-- Bouton de soumission -->
    <div class="mt-3">
        <button type="submit" class="btn btn-primary custo-button">
            @if ($land->exists)
            Mettre à jour le terrain
            @else
            Créer
            @endif
        </button>
    </div>
</form>

@if ($property->photos)
<div class="photo-gallery">
    @foreach ($property->photos as $photo)
    <div class="photo-item">
        <img src="{{ asset('storage/' . $photo->path) }}" alt="{{ $photo->description ?? 'Photo de la propriété' }}" class="small-photo">

        <!-- Formulaire de suppression -->
        <form action="{{ route('admin.properties.delete.photo', $photo) }}" method="POST">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-primary custo-button">Supprimer la photo</button>
        </form>
    </div>
    @endforeach

</div>
@endif

@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

@endsection