@extends('layouts.app')

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

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

        {{-- Botón Nueva Transferencia --}}
        <div class="mb-3">
            <a href="{{ route('transferencias.create') }}" class="btn btn-success">
                <i class="uil uil-plus"></i> Nueva Transferencia
            </a>
        </div>

        {{-- Filtros --}}
        <form method="GET" action="{{ route('transferencias.index') }}" class="row g-2 align-items-end mb-3">
            <div class="col-md-3">
                <label class="form-label">Desde</label>
                <input type="date" name="desde" value="{{ request('desde') }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label">Hasta</label>
                <input type="date" name="hasta" value="{{ request('hasta') }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label">Área Origen</label>
                <select name="area_origen" class="form-select">
                    <option value="">Todas</option>
                    @foreach ($areas as $area)
                        <option value="{{ $area->id }}" {{ request('area_origen') == $area->id ? 'selected' : '' }}>
                            {{ $area->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Área Destino</label>
                <select name="area_destino" class="form-select">
                    <option value="">Todas</option>
                    @foreach ($areas as $area)
                        <option value="{{ $area->id }}" {{ request('area_destino') == $area->id ? 'selected' : '' }}>
                            {{ $area->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <button class="btn btn-primary w-100">Filtrar</button>
            </div>
        </form>

        {{-- Botones de exportación --}}
        <div class="d-flex gap-2 mb-3">
            <a href="{{ route('transferencias.export.excel', request()->query()) }}" class="btn btn-success">
                <i class="uil uil-file-exclamation-alt"></i> Exportar Excel
            </a>
            <a href="{{ route('transferencias.export.pdf', request()->query()) }}" class="btn btn-danger">
                <i class="uil uil-file-alt"></i> Exportar PDF
            </a>
        </div>

        {{-- Tabla --}}
        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Fecha</th>
                        <th>Bien</th>
                        <th>Código</th>
                        <th>Cantidad</th>
                        <th>Área Origen</th>
                        <th>Área Destino</th>
                        <th>Observación</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($transferencias as $index => $t)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $t->fecha_transferencia->format('Y-m-d') }}</td>
                            <td>{{ $t->bien->bien }}</td>
                            <td>{{ $t->bien->codigo ?? '—' }}</td>
                            <td>{{ $t->cantidad }}</td>
							<td>{{ $t->areaOrigen->nombre ?? '—' }}</td>
							<td>{{ $t->areaDestino->nombre ?? '—' }}</td>
                            <td>{{ $t->observacion ?? '—' }}</td>
                            <td>
                                <a href="{{ route('transferencias.show', $t->id) }}" class="btn btn-sm btn-info">Ver</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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