@extends('layouts.admin')
@section('title', 'Ajouter un bien')

@section('content')
<div style="max-width:900px;">
    <div class="admin-card">
        <div class="admin-card-header">
            <div class="admin-card-title">Nouveau bien immobilier</div>
            <a href="{{ route('admin.biens.index') }}" class="btn btn-sm" style="border:1.5px solid var(--border);color:var(--text-light);">← Retour</a>
        </div>
        <div class="admin-card-body">
            <form action="{{ route('admin.biens.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                @if($errors->any())
                    <div class="flash-msg error" style="position:static;max-width:none;margin-bottom:1.5rem;">
                        <span><i class="fa-solid fa-circle-xmark"></i></span>
                        <ul style="margin:0;padding-left:1rem;">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                    </div>
                @endif

                <div class="admin-form-section-title">Informations générales</div>
                <div style="display:grid;grid-template-columns:1fr 90px;gap:1rem;align-items:start;">
                    <div class="form-group">
                        <label class="form-label">Titre *</label>
                        <input type="text" name="titre" class="form-control" value="{{ old('titre') }}" placeholder="Ex: Villa Prestige Coleah" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Emoji</label>
                        <input type="text" name="emoji" class="form-control" value="{{ old('emoji', '🏠') }}" style="font-size:1.4rem;text-align:center;">
                    </div>
                </div>
                <div class="admin-grid-3">
                    <div class="form-group">
                        <label class="form-label">Type *</label>
                        <select name="type" class="form-control" required>
                            @foreach(['Résidentiel','Commercial','Terrain'] as $t)
                                <option value="{{ $t }}" {{ old('type') === $t ? 'selected' : '' }}>{{ $t }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Service *</label>
                        <select name="service_type" class="form-control" required>
                            @foreach(['Location','Vente'] as $s)
                                <option value="{{ $s }}" {{ old('service_type') === $s ? 'selected' : '' }}>{{ $s }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Statut *</label>
                        <select name="statut" class="form-control" required>
                            @foreach(['Disponible','Loué','Vendu'] as $st)
                                <option value="{{ $st }}" {{ old('statut') === $st ? 'selected' : '' }}>{{ $st }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="admin-form-section-title">Détails</div>
                <div class="admin-grid-3">
                    <div class="form-group">
                        <label class="form-label">Prix</label>
                        <input type="text" name="prix" class="form-control" value="{{ old('prix') }}" placeholder="Ex: 1 200 000 GNF/mois">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Surface</label>
                        <input type="text" name="surface" class="form-control" value="{{ old('surface') }}" placeholder="Ex: 120 m²">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Pièces</label>
                        <input type="text" name="pieces" class="form-control" value="{{ old('pieces') }}" placeholder="Ex: 4">
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">Localisation</label>
                    <input type="text" name="localisation" class="form-control" value="{{ old('localisation') }}" placeholder="Ex: Ferefou, Kindia">
                </div>
                <div class="form-group">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="5" placeholder="Description détaillée...">{{ old('description') }}</textarea>
                </div>

                <div class="admin-form-section-title">Photos (0 à 5 images)</div>
                @include('admin.partials.image-upload', ['existing' => collect(), 'maxImages' => 5])

                <div class="form-group" style="margin-top:1rem;">
                    <label class="admin-checkbox-label">
                        <input type="checkbox" name="featured" value="1" class="admin-checkbox" {{ old('featured') ? 'checked' : '' }}>
                        <div>
                            <div style="font-weight:500;"><i class="fa-solid fa-star"></i> Coup de cœur</div>
                            <div style="font-size:.78rem;color:var(--text-muted);">Mettre en avant sur l'accueil</div>
                        </div>
                    </label>
                </div>

                <div style="display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light);margin-top:1rem;">
                    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Enregistrer</button>
                    <a href="{{ route('admin.biens.index') }}" class="btn btn-outline">Annuler</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection