@extends('base')
@section('title', 'Tous les biens')
@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center">
        <h1>@yield('title')</h1>
        <div id="propertyOptions" style="display: none;">
            <a href="{{ route('admin.properties.create.house')}}" class="btn btn-primary custo-button">Maison</a>
            <a href="{{ route('admin.properties.create.apartment')}}" class="btn btn-primary custo-button">Appartement</a>
            <a href="{{ route('admin.properties.create.land')}}" class="btn btn-primary custo-button">Terrain</a>
        </div>
        <a id="addPropertyBtn" href="{{ route('admin.properties.create.house')}}" class="btn btn-primary  custo-button">Ajouter un bien</a>

    </div>


    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>Titre</th>
                <th>Surface</th>
                <th>Prix</th>
                <th>Ville</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($properties as $property)
            <tr>
                <td>{{ $property->title }}</td>
                <td>{{ $property->surface }} m²</td>
                <td>{{ $property->getFinalPrice() }} €</td>
                <td>{{ $property->city }}</td>
                <td>
                    @if($property->house)
                    <a href="{{ route('admin.properties.update.house', $property->id) }}" class="btn btn-primary">Éditer</a>
                    <form action="{{ route('admin.properties.delete.house', $property) }}" method="POST" style="display: inline-block;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Supprimer</button>
                    </form>
                    @endif

                    @if($property->apartment)
                    <a href="{{ route('admin.properties.update.apartment', $property->id) }}" class="btn btn-primary">Éditer</a>
                    <form action="{{ route('admin.properties.delete.apartment', $property) }}" method="POST" style="display: inline-block;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Supprimer</button>
                    </form>
                    @endif

                    @if($property->land)
                    <a href="{{ route('admin.properties.update.land', $property->id) }}" class="btn btn-primary">Éditer</a>
                    <form action="{{ route('admin.properties.delete.land', $property) }}" method="POST" style="display: inline-block;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Supprimer</button>
                    </form>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="d-flex justify-content-center mt-3 pagination-container">
        {{ $properties->links() }}
    </div>
</div>
@endsection