<div class="container-fluid">
    <!-- Título y botones de exportación -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="fw-bold"> Gestión de Taller</h4>
        <div class="d-flex gap-2">
            <button wire:click="$set('mostrarFormulario', true)" class="btn btn-outline-primary shadow-sm">
    📥 Registrar Ingreso
</button>
            <button wire:click="exportarEquiposEnTaller" class="btn btn-outline-success shadow-sm">
                📤 Exportar Equipos en Taller
            </button>
            <button wire:click="exportarHistorialTaller" class="btn btn-outline-primary shadow-sm">
                📤 Exportar Historial Taller
            </button>
        </div>
    </div>

    <!-- Registro al taller -->
  {{--}}  <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white"> Registrar Ingreso al Taller</div>
        <div class="card-body">
            <form wire:submit.prevent="save">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Equipo</label>
                        <select wire:model="equipo_id" class="form-select">
                            <option value="">Seleccione un equipo</option>
                            @foreach ($equiposDisponibles as $equipo)
                                <option value="{{ $equipo->id }}">{{ $equipo->codigo }} - {{ $equipo->descripcion }}</option>
                            @endforeach
                        </select>
                        @error('equipo_id') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Fecha de llegada</label>
                        <input type="date" wire:model="fecha_llegada" class="form-control">
                        @error('fecha_llegada') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Fecha estimada de salida</label>
                        <input type="date" wire:model="fecha_estimada_salida" class="form-control">
                        @error('fecha_estimada_salida') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                </div>

                <div class="mt-3">
                    <label class="form-label">Descripción del problema</label>
                    <textarea wire:model="problema" rows="3" class="form-control"></textarea>
                    @error('problema') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-primary">Registrar</button>
                </div>
            </form>
        </div>
    </div>--}}

    {{-- Modal Registro Ingreso al Taller --}}
@if($mostrarFormulario)
    <div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-lg">
            <div class="modal-content shadow">
                <form wire:submit.prevent="save">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title">Registrar Ingreso al Taller</h5>
                        <button type="button" class="btn-close" wire:click="$set('mostrarFormulario', false)"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Equipo</label>
                                <select wire:model="equipo_id" class="form-select">
                                    <option value="">Seleccione un equipo</option>
                                    @foreach ($equiposDisponibles as $equipo)
                                        <option value="{{ $equipo->id }}">{{ $equipo->codigo }} - {{ $equipo->descripcion }}</option>
                                    @endforeach
                                </select>
                                @error('equipo_id') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Fecha llegada</label>
                                <input type="date" wire:model="fecha_llegada" class="form-control">
                                @error('fecha_llegada') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Fecha estimada salida</label>
                                <input type="date" wire:model="fecha_estimada_salida" class="form-control">
                                @error('fecha_estimada_salida') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                        </div>

                        <div class="mt-3">
                            <label class="form-label">Descripción del problema</label>
                            <textarea wire:model="problema" class="form-control" rows="3"></textarea>
                            @error('problema') <small class="text-danger">{{ $message }}</small> @enderror
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-success" type="submit">Guardar</button>
                        <button type="button" class="btn btn-secondary" wire:click="$set('mostrarFormulario', false)">Cancelar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endif


    <!-- Tabla: Equipos en taller -->
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-dark text-white"> Equipos en Taller</div>
        <div class="card-body table-responsive">
            <table class="table table-bordered table-striped align-middle">
                <thead class="table-secondary">
                    <tr>
                        <th>Equipo</th>
                        <th>Fecha Llegada</th>
                        <th>Est. Salida</th>
                        <th>Problema</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($equiposTaller as $registro)
                        <tr>
                            <td>{{ $registro->equipo->codigo }} - {{ $registro->equipo->descripcion }}</td>
                            <td>{{ $registro->fecha_llegada }}</td>
                            <td>{{ $registro->fecha_estimada_salida }}</td>
                            <td>{{ $registro->problema }}</td>
                            <td>
                                <button wire:click="abrirEntrega({{ $registro->id }})" class="btn btn-sm btn-success">
                                    <i class="bi bi-box-arrow-up"></i> Entregar
                                </button>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted">No hay equipos en taller.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="d-flex justify-content-center mt-2">
                {{ $equiposTaller->links() }}
            </div>
        </div>
    </div>

    <!-- Historial de Taller -->
    <div class="card shadow-sm mb-5">
        <div class="card-header bg-dark text-white"> Historial de Equipos</div>
        <div class="card-body table-responsive">
            <table class="table table-bordered table-striped align-middle">
                <thead class="table-dark">
                    <tr>
                        <th>Equipo</th>
                        <th>Fecha Llegada</th>
                        <th>Estimada Salida</th>
                        <th>Fecha Entrega</th>
                        <th>Problema</th>
                        <th>Solución</th>
                        <th>Costo Reparación</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($historialTaller as $registro)
                        <tr>
                            <td>{{ $registro->equipo->codigo ?? 'N/D' }} - {{ $registro->equipo->descripcion ?? '' }}</td>
                            <td>{{ $registro->fecha_llegada }}</td>
                            <td>{{ $registro->fecha_estimada_salida ?? '-' }}</td>
                            <td>{{ $registro->fecha_entrega }}</td>
                            <td>{{ $registro->problema }}</td>
                            <td>{{ $registro->solucion }}</td>
                            <td>${{ number_format($registro->costo_reparacion, 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted">Aún no hay historial registrado.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="d-flex justify-content-center">
                {{ $historialTaller->links() }}
            </div>
        </div>
    </div>

    <!-- Modal entrega -->
    @if($mostrarEntrega)
        <div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
            <div class="modal-dialog">
                <div class="modal-content shadow">
                    <form wire:submit.prevent="registrarEntrega">
                        <div class="modal-header">
                            <h5 class="modal-title"> Registrar Entrega</h5>
                            <button type="button" class="btn-close" wire:click="$set('mostrarEntrega', false)"></button>
                        </div>
                        <div class="modal-body">
                            <div class="mb-3">
                                <label>Fecha de entrega</label>
                                <input type="date" wire:model="fecha_entrega" class="form-control">
                                @error('fecha_entrega') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                            <div class="mb-3">
                                <label>Solución</label>
                                <textarea wire:model="solucion" class="form-control"></textarea>
                                @error('solucion') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                            <div class="mb-3">
                                <label>Costo reparación ($)</label>
                                <input type="number" step="0.01" wire:model="costo_reparacion" class="form-control">
                                @error('costo_reparacion') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-success">Guardar</button>
                            <button type="button" class="btn btn-secondary" wire:click="$set('mostrarEntrega', false)">Cancelar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
</div>
