@extends('base')
@section('title', $property->exists ? 'Editer une maison': 'Créer une maison')
@section('content')

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

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

    @csrf
    @method($house->exists ? 'put' : 'post')
    

    @include('admin.properties.propertyform') <!-- Inclure les champs de la propriété -->

    <!-- Champs spécifiques à la maison -->
    <div class="row">
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Garage', 'name' => 'garage', 'type' => 'checkbox', 'value' => old('garage', $house->garage)])
        <div class="col-md-3 form-group">
            <label for="sold">Type :</label>
            <select name="type" class="form-control select-custo">
                <option value="independent" {{ old('type', $house->type) == 'independent' ? 'selected' : '' }}>Indépendante</option>
                <option value="semi_detached" {{ old('type', $house->type) == 'semi_detached' ? 'selected' : '' }}>Mitoyenne</option>
            </select>
        </div>

        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Superficie du terrain', 'name' => 'land_surface', 'value' => old('land_surface', $house->land_surface)])
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Nombre d\'étages', 'name' => 'floors', 'value' => old('floors', $house->floors)])
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Piscine', 'name' => 'swimming_pool', 'type' => 'checkbox', 'value' => 1, 'checked' => old('swimming_pool', $house->swimming_pool)])

        <div class="col-md-3 form-group">
            <label for="single_storey">Plain pied :</label>
            <select name="single_storey" class="form-control select-custo">
                <option value="0" {{ old('single_storey', $house->single_storey) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('single_storey', $house->single_storey) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>

        <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', $house->housing_estate) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('housing_estate', $house->housing_estate) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>


    </div>

    <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 ($property->exists && $house->exists)
            Mettre à jour la propriété
            @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