@extends('layouts.admin')

@section('title', 'Propiedades')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Listado de Propiedades</h3>
                <div class="card-tools">
                    <a href="{{ route($routePrefix . 'properties.create') }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-plus"></i> Nueva Propiedad
                    </a>
                </div>
            </div>
            <div class="card-body">
                {{-- Filtros --}}
                <form method="GET" action="{{ route($routePrefix . 'properties.index') }}" class="mb-3">
                    <div class="row">
                        <div class="col-md-3">
                            <input type="text" name="search" class="form-control" placeholder="Buscar..." 
                                   value="{{ request('search') }}">
                        </div>
                        <div class="col-md-2">
                            <select name="type" class="form-control">
                                <option value="">Tipo</option>
                                <option value="casa" {{ request('type') == 'casa' ? 'selected' : '' }}>Casa</option>
                                <option value="apartamento" {{ request('type') == 'apartamento' ? 'selected' : '' }}>Apartamento</option>
                                <option value="townhouse" {{ request('type') == 'townhouse' ? 'selected' : '' }}>Townhouse</option>
                                <option value="local" {{ request('type') == 'local' ? 'selected' : '' }}>Local</option>
                                <option value="terreno" {{ request('type') == 'terreno' ? 'selected' : '' }}>Terreno</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select name="operation" class="form-control">
                                <option value="">Operación</option>
                                <option value="venta" {{ request('operation') == 'venta' ? 'selected' : '' }}>Venta</option>
                                <option value="alquiler" {{ request('operation') == 'alquiler' ? 'selected' : '' }}>Alquiler</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select name="status" class="form-control">
                                <option value="">Estado</option>
                                <option value="disponible" {{ request('status') == 'disponible' ? 'selected' : '' }}>Disponible</option>
                                <option value="reservada" {{ request('status') == 'reservada' ? 'selected' : '' }}>Reservada</option>
                                <option value="vendida" {{ request('status') == 'vendida' ? 'selected' : '' }}>Vendida</option>
                                <option value="alquilada" {{ request('status') == 'alquilada' ? 'selected' : '' }}>Alquilada</option>
                                <option value="inactiva" {{ request('status') == 'inactiva' ? 'selected' : '' }}>Inactiva</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-info btn-sm">
                                <i class="fas fa-search"></i> Filtrar
                            </button>
                            <a href="{{ route($routePrefix . 'properties.index') }}" class="btn btn-default btn-sm">
                                <i class="fas fa-redo"></i> Limpiar
                            </a>
                        </div>
                    </div>
                </form>

                @if($properties->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover">
                        <thead class="thead-light">
                            <tr>
                                <th>ID</th>
                                <th>Propietario</th>
                                <th>Tipo</th>
                                <th>Ubicación</th>
                                <th>Operación</th>
                                <th>Precio</th>
                                <th>Estado</th>
                                <th>Plataforma</th>
                                @if(auth()->user()->hasRole('admin') || auth()->user()->hasRole('agency_admin'))
                                <th>Agente</th>
                                @endif
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($properties as $property)
                            <tr>
                                <td>{{ $property->id }}</td>
                                <td>{{ $property->owner_name }}</td>
                                <td>{{ $property->property_type_label }}</td>
                                <td>{{ $property->city }}</td>
                                <td>
                                    <span class="badge badge-{{ $property->operation_type === 'venta' ? 'primary' : 'success' }}">
                                        {{ $property->operation_type_label }}
                                    </span>
                                </td>
                                <td><strong>${{ number_format($property->price, 2) }}</strong></td>
                                <td>
                                    <form action="{{ route($routePrefix . 'properties.status', $property) }}" method="POST">
                                        @csrf
                                        @method('PATCH')
                                        <select name="status" class="form-control form-control-sm" style="width: 130px;" onchange="this.form.submit()">
                                            <option value="disponible" {{ $property->status === 'disponible' ? 'selected' : '' }}>Disponible</option>
                                            <option value="reservada" {{ $property->status === 'reservada' ? 'selected' : '' }}>Reservada</option>
                                            <option value="vendida" {{ $property->status === 'vendida' ? 'selected' : '' }}>Vendida</option>
                                            <option value="alquilada" {{ $property->status === 'alquilada' ? 'selected' : '' }}>Alquilada</option>
                                            <option value="inactiva" {{ $property->status === 'inactiva' ? 'selected' : '' }}>Inactiva</option>
                                        </select>
                                    </form>
                                </td>
                                <td>
                                    <form action="{{ route($routePrefix . 'properties.toggle-visibility', $property) }}" method="POST">
                                        @csrf
                                        @method('PATCH')
                                        <button type="submit" class="btn btn-sm {{ $property->show_on_platform ? 'btn-success' : 'btn-secondary' }}" title="{{ $property->show_on_platform ? 'Visible - Ocultar de la plataforma' : 'Oculta - Mostrar en plataforma' }}">
                                            <i class="fas fa-{{ $property->show_on_platform ? 'eye' : 'eye-slash' }}"></i>
                                        </button>
                                    </form>
                                </td>
                                @if(auth()->user()->hasRole('admin') || auth()->user()->hasRole('agency_admin'))
                                <td>
                                    @if($property->agent)
                                        {{ $property->agent->full_name }}
                                    @else
                                        <span class="text-muted">Sin asignar</span>
                                    @endif
                                </td>
                                @endif
                                <td>
                                    <div class="btn-group btn-group-sm" role="group">
                                        <a href="{{ route($routePrefix . 'properties.show', $property) }}" 
                                           class="btn btn-info" title="Ver">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route($routePrefix . 'properties.edit', $property) }}" 
                                           class="btn btn-warning" title="Editar">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        <form action="{{ route($routePrefix . 'properties.destroy', $property) }}" 
                                              method="POST" class="d-inline" 
                                              onsubmit="return confirm('¿Está seguro de eliminar esta propiedad?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger" title="Eliminar">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $properties->links() }}
                </div>
                @else
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i> No hay propiedades registradas aún.
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection