@extends('layouts.app')

@section('title', 'Listado de Bienes')

@section('content')
<div class="card">
    <div class="card-body">
        <h4 class="header-title mb-3">Listado de Bienes</h4>

        <form method="GET" action="{{ route('bienes.index') }}" class="row g-3 mb-4">
            <div class="col-md-4">
                <input type="text" name="search" class="form-control" placeholder="Buscar por bien, área o estado" value="{{ request('search') }}">
            </div>
            <div class="col-md-3">
                <select name="estado" class="form-select">
                    <option value="">-- Estado --</option>
                    <option value="Bueno" {{ request('estado') == 'Bueno' ? 'selected' : '' }}>Bueno</option>
                    <option value="Regular" {{ request('estado') == 'Regular' ? 'selected' : '' }}>Regular</option>
                    <option value="Malogrado" {{ request('estado') == 'Malogrado' ? 'selected' : '' }}>Malogrado</option>
                </select>
            </div>
			<div class="col-md-3">
    <select name="area_id" class="form-select">
        <option value="">-- Área --</option>
        @foreach ($areas as $area)
            <option value="{{ $area->id }}" {{ request('area_id') == $area->id ? 'selected' : '' }}>{{ $area->nombre }}</option>
        @endforeach
    </select>
</div>

            <div class="col-md-2">
                <button class="btn btn-primary w-100">Filtrar</button>
            </div>


{{-- BOTONES: separados con margen top --}}
<div class="row mt-3 mb-3">
    <div class="col-md-6 d-flex gap-2">
        <a href="{{ route('bienes.export.excel') }}" class="btn btn-success w-50">
            <i class="uil uil-file-exclamation-alt"></i> Excel
        </a>
        <a href="{{ route('bienes.export.pdf') }}" class="btn btn-danger w-50">
            <i class="uil uil-file-alt"></i> PDF
        </a>
    </div>
    <div class="col-md-6 text-end">
        <a href="{{ route('bienes.create') }}" class="btn btn-success">
            <i class="uil uil-plus"></i> + Nuevo Bien
        </a>
    </div>
</div>



        </form>

        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Fecha As.</th>
                        <th>Instalación</th>
                        <th>interior</th>
                        <th>Área</th>
                        <th>Oficina</th>
                        <th>Cargo</th>
                        <th>Bien</th>
                        <th>Cantidad</th>
                        <th>Unidad</th>
                        <th>Marca</th>
                        <th>Categoría</th>
                        <th>Dimensión</th>
                        <th>Color</th>
                        <th>Fecha Ad.</th>
                        <th>Precio</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($bienes as $index => $bien)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $bien->fecha_asignacion }}</td>
                            <td>{{ $bien->instalacion }}</td>
                            <td>{{ $bien->instalacion_unidad }}</td>
                            <td>{{ $bien->area->nombre ?? '' }}</td>
                            <td>{{ $bien->oficina }}</td>
                            <td>{{ $bien->cargo }}</td>
                            <td>{{ $bien->bien }}</td>
                            <td>{{ $bien->cantidad }}</td>
                            <td>{{ $bien->unidad->nombre ?? '' }}</td>
                            <td>{{ $bien->marca->nombre ?? '' }}</td>
                            <td>{{ $bien->categoria->nombre ?? '' }}</td>
                            <td>{{ $bien->dimension->nombre ?? '' }}</td>
                            <td>{{ $bien->color->nombre ?? '' }}</td>
                            <td>{{ $bien->fecha_adquisicion }}</td>
                            <td>{{ $bien->precio }}</td>
                            <td>
                                <span class="badge bg-{{ $bien->estado == 'Bueno' ? 'success' : ($bien->estado == 'Regular' ? 'warning' : 'danger') }}">
                                    {{ $bien->estado }}
                                </span>
                            </td>
                            <td>
                                <a href="{{ route('bienes.edit', $bien->id) }}" class="btn btn-sm btn-warning">Editar</a>
                                <form action="{{ route('bienes.destroy', $bien->id) }}" method="POST" style="display:inline">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger" onclick="return confirm('¿Eliminar este bien?')">Eliminar</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-3">
            {{ $bienes->appends(request()->query())->links() }}
        </div>
    </div>
</div>
@endsection