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

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

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

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

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

    <!-- Champs spécifiques à l'appartement -->
    <div class="row">
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Numéro étage', 'name' => 'floor_number', 'value' => old('floor_number', $apartment->floor_number)])
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Étages total de l’immeuble', 'name' => 'total_floors', 'value' => old('total_floors', $apartment->total_floors)])
        <div class="col-md-3 form-group">
            <label for="elevator">Ascenseur :</label>
            <select name="elevator" class="form-control select-custo">
                <option value="0" {{ old('elevator', $apartment->elevator) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('elevator', $apartment->elevator) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>

        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Parking / garage', 'name' => 'parking', 'type' => 'checkbox', 'value' => old('parking', $apartment->parking)])
        <div class="col-md-3 form-group">
            <label for="elevator">Terrasse / balcon :</label>
            <select name="terrace_or_balcony" class="form-control select-custo">
                <option value="0" {{ old('terrace_or_balcony', $apartment->terrace_or_balcony) == 0 ? 'selected' : '' }}>Non</option>
                <option value="1" {{ old('terrace_or_balcony', $apartment->terrace_or_balcony) == 1 ? 'selected' : '' }}>Oui</option>
            </select>
        </div>


        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Cave', 'name' => 'cellar', 'type' => 'checkbox', 'value' => 1, 'checked' => old('cellar', $apartment->cellar)])
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Charges de copropriété par an', 'name' => 'co_ownership_charges_per_year', 'value' => old('co_ownership_charges_per_year', $apartment->co_ownership_charges_per_year)])
        @include('shared.input', ['class' => 'col-md-3', 'label' => 'Nombre de lots dans la copropriété', 'name' => 'condominium_lots', 'value' => old('condominium_lots', $apartment->condominium_lots)])
        <div class="col-md-3 form-group">
            <label for="apartment_type">Type d'appartement :</label>
            <select name="apartment_type" class="form-control select-custo">
                <option value="T1" {{ old('apartment_type', $apartment->apartment_type) == 'T1' ? 'selected' : '' }}>T1</option>
                <option value="T2" {{ old('apartment_type', $apartment->apartment_type) == 'T2' ? 'selected' : '' }}>T2</option>
                <option value="T3" {{ old('apartment_type', $apartment->apartment_type) == 'T3' ? 'selected' : '' }}>T3</option>
                <option value="T4" {{ old('apartment_type', $apartment->apartment_type) == 'T4' ? 'selected' : '' }}>T4</option>
                <option value="T5" {{ old('apartment_type', $apartment->apartment_type) == 'T5' ? 'selected' : '' }}>T5</option>
                <option value="T6" {{ old('apartment_type', $apartment->apartment_type) == 'T6' ? 'selected' : '' }}>T6</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 && $apartment->exists)
            Modifier
            @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