@extends('layouts.erp')

@section('content')

<div class="erp-card">

    <!-- HEADER -->
    <div class="d-flex justify-content-between
                align-items-center mb-4">

        <div>

            <h2 class="fw-bold mb-1">

                Reportes

            </h2>

            <p class="text-muted mb-0">

                Filtros y exportación de servicios

            </p>

        </div>

    </div>

    <!-- FILTROS -->
    <form method="GET"
          action="{{ route('reportes.index') }}">

        <div class="row g-3">

            <!-- CLIENTE -->
            <div class="col-md-3">

                <label class="form-label fw-semibold">

                    Cliente

                </label>

                <input
                    type="text"
                    name="cliente"
                    class="form-control"
                    placeholder="Buscar cliente">

            </div>

            <!-- ESTATUS -->
            <div class="col-md-3">

                <label class="form-label fw-semibold">

                    Estatus

                </label>

                <select
                    name="estatus"
                    class="form-select">

                    <option value="">

                        Todos

                    </option>

                    <option value="Laboratorio">

                        Laboratorio

                    </option>

                    <option value="Validación">

                        Validación

                    </option>

                    <option value="Certificación">

                        Certificación

                    </option>

                </select>

            </div>

            <!-- FECHA INICIO -->
            <div class="col-md-3">

                <label class="form-label fw-semibold">

                    Fecha Inicio

                </label>

                <input
                    type="date"
                    name="fecha_inicio"
                    class="form-control">

            </div>

            <!-- FECHA FIN -->
            <div class="col-md-3">

                <label class="form-label fw-semibold">

                    Fecha Fin

                </label>

                <input
                    type="date"
                    name="fecha_fin"
                    class="form-control">

            </div>

        </div>

        <!-- BOTONES -->
        <div class="d-flex gap-3 mt-4">

            <button
                type="submit"
                class="btn btn-primary">

                <i class="fas fa-search"></i>

                Buscar

            </button>

<a href="{{ route('reportes.exportar.excel', request()->query()) }}"
   class="btn btn-success">

    <i class="fas fa-file-excel"></i>

    Exportar Excel

</a>

        <a href="{{ route('reportes.exportar.pdf', request()->query()) }}"
   class="btn btn-danger">

    <i class="fas fa-file-pdf"></i>

    Exportar PDF

</a>

            <button
                type="button"
                onclick="window.print()"
                class="btn btn-dark">

                <i class="fas fa-print"></i>

                Imprimir

            </button>

        </div>

    </form>

    
<!-- RESULTADOS -->

@if(isset($servicios))

<div class="table-responsive mt-5">

    <table class="table table-hover align-middle">

        <thead>

            <tr>

                <th>ID</th>

                <th>Cliente</th>

                <th>Servicio</th>

                <th>Estatus</th>

                <th>Fecha</th>

            </tr>

        </thead>

        <tbody>

            @forelse($servicios as $servicio)

                <tr>

                    <td>

                        {{ $servicio->id }}

                    </td>

                    <td>

                        {{ $servicio->cliente }}

                    </td>

                    <td>

                        {{ $servicio->servicio }}

                    </td>

                    <td>

                        <span class="badge bg-primary">

                            {{ $servicio->estatus }}

                        </span>

                    </td>

                    <td>

                        {{ $servicio->created_at }}

                    </td>

                </tr>

            @empty

                <tr>

                    <td colspan="5"
                        class="text-center text-muted">

                        No se encontraron resultados

                    </td>

                </tr>

            @endforelse

        </tbody>

    </table>

</div>

@endif

</div>

@endsection