@extends('layouts.admin')

@section('page_title', 'Reportes')

@php
    $sortUrl = function ($column) use ($sort, $direction) {
        $newDirection = ($sort === $column && $direction === 'asc') ? 'desc' : 'asc';
        return route('patio.reportes.index', array_merge(request()->query(), [
            'sort' => $column,
            'direction' => $newDirection,
        ]));
    };

    $sortIcon = function ($column) use ($sort, $direction) {
        if ($sort !== $column) {
            return 'fas fa-sort text-muted';
        }

        return $direction === 'asc'
            ? 'fas fa-sort-up'
            : 'fas fa-sort-down';
    };
@endphp

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="mb-0">Reportes</h1>
            <small class="text-muted">Consulta y exportación de movimientos</small>
        </div>
    </div>
@stop

@section('admin_content')

<div class="card card-outline card-primary">
    <div class="card-header">
        <h3 class="card-title">Filtros</h3>
    </div>

    <div class="card-body">
        <form method="GET" action="{{ route('patio.reportes.index') }}">
            <div class="row">

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Fecha inicial</label>
                        <input type="date" name="fecha_ini" class="form-control" value="{{ $fechaIni }}">
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Fecha final</label>
                        <input type="date" name="fecha_fin" class="form-control" value="{{ $fechaFin }}">
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Tipo</label>
                        <select name="tipo" class="form-control">
                            <option value="todos" {{ $tipo == 'todos' ? 'selected' : '' }}>Todos</option>
                            <option value="entradas" {{ $tipo == 'entradas' ? 'selected' : '' }}>Entradas</option>
                            <option value="salidas" {{ $tipo == 'salidas' ? 'selected' : '' }}>Salidas</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Naviera</label>
                        <select name="naviera" class="form-control">
                            <option value="">Todas</option>
                            @foreach($navieras as $n)
                                <option value="{{ $n }}" {{ $naviera == $n ? 'selected' : '' }}>
                                    {{ $n }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Estado</label>
                        <select name="estado" class="form-control">
                            <option value="">Todos</option>
                            @foreach($estados as $e)
                                <option value="{{ $e }}" {{ $estado == $e ? 'selected' : '' }}>
                                    {{ $e }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>Contenedor</label>
                        <input type="text" name="contenedor" class="form-control" value="{{ $contenedor }}">
                    </div>
                </div>

            </div>

            <div class="d-flex justify-content-between flex-wrap">
                <div>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-search"></i> Buscar
                    </button>

                    <a href="{{ route('patio.reportes.index') }}" class="btn btn-secondary">
                        <i class="fas fa-broom"></i> Limpiar
                    </a>
                </div>

                <div>
                    <a href="{{ route('patio.reportes.exportar', request()->query()) }}" class="btn btn-success">
                        <i class="fas fa-file-excel"></i> Excel
                    </a>

                    <a href="{{ route('patio.reportes.pdf', request()->query()) }}" target="_blank" class="btn btn-danger">
                        <i class="fas fa-file-pdf"></i> PDF
                    </a>
                </div>
            </div>

        </form>
    </div>
</div>

<div class="row">
    <div class="col-md-2 col-6">
        <a href="{{ route('patio.reportes.index', array_merge(request()->query(), ['tipo' => 'todos', 'estado' => null])) }}" class="text-decoration-none">
            <div class="info-box">
                <span class="info-box-icon bg-primary"><i class="fas fa-box"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text text-dark">Total</span>
                    <span class="info-box-number text-dark">{{ $totales['total'] }}</span>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-2 col-6">
        <a href="{{ route('patio.reportes.index', array_merge(request()->query(), ['tipo' => 'entradas'])) }}" class="text-decoration-none">
            <div class="info-box">
                <span class="info-box-icon bg-success"><i class="fas fa-sign-in-alt"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text text-dark">Entradas</span>
                    <span class="info-box-number text-dark">{{ $totales['entradas'] }}</span>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-2 col-6">
        <a href="{{ route('patio.reportes.index', array_merge(request()->query(), ['tipo' => 'salidas'])) }}" class="text-decoration-none">
            <div class="info-box">
                <span class="info-box-icon bg-warning"><i class="fas fa-sign-out-alt"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text text-dark">Salidas</span>
                    <span class="info-box-number text-dark">{{ $totales['salidas'] }}</span>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-2 col-6">
        <a href="{{ route('patio.reportes.index', array_merge(request()->query(), ['estado' => 'EN_PATIO'])) }}" class="text-decoration-none">
            <div class="info-box">
                <span class="info-box-icon bg-info"><i class="fas fa-warehouse"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text text-dark">En patio</span>
                    <span class="info-box-number text-dark">{{ $totales['en_patio'] }}</span>
                </div>
            </div>
        </a>
    </div>

    <div class="col-md-2 col-6">
        <a href="{{ route('patio.reportes.index', array_merge(request()->query(), ['estado' => 'CON_INCIDENCIA'])) }}" class="text-decoration-none">
            <div class="info-box">
                <span class="info-box-icon bg-danger"><i class="fas fa-exclamation-triangle"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text text-dark">Incidencias</span>
                    <span class="info-box-number text-dark">{{ $totales['incidencias'] }}</span>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="card card-outline card-secondary">
    <div class="card-header">
        <h3 class="card-title">Resultados</h3>
    </div>

    <div class="card-body table-responsive p-0">
        <table class="table table-hover table-striped text-nowrap mb-0">
            <thead>
                <tr>
                    <th>
                        <a href="{{ $sortUrl('id') }}" class="text-dark">
                            ID <i class="{{ $sortIcon('id') }}"></i>
                        </a>
                    </th>
                    <th>Tipo</th>
                    <th>
                        <a href="{{ $sortUrl('contenedor') }}" class="text-dark">
                            Contenedor <i class="{{ $sortIcon('contenedor') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('booking') }}" class="text-dark">
                            Booking <i class="{{ $sortIcon('booking') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('maniobra') }}" class="text-dark">
                            Maniobra <i class="{{ $sortIcon('maniobra') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('naviera') }}" class="text-dark">
                            Naviera <i class="{{ $sortIcon('naviera') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('cliente') }}" class="text-dark">
                            Cliente <i class="{{ $sortIcon('cliente') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('fecha_entrada') }}" class="text-dark">
                            Entrada <i class="{{ $sortIcon('fecha_entrada') }}"></i>
                        </a>
                    </th>
                    <th>
                        <a href="{{ $sortUrl('fecha_salida') }}" class="text-dark">
                            Salida <i class="{{ $sortIcon('fecha_salida') }}"></i>
                        </a>
                    </th>
                    {{-- <th>
                        <a href="{{ $sortUrl('ubicacion_patio') }}" class="text-dark">
                            Ubicación <i class="{{ $sortIcon('ubicacion_patio') }}"></i>
                        </a>
                    </th> --}}
                    <th>
                        <a href="{{ $sortUrl('estado') }}" class="text-dark">
                            Estado <i class="{{ $sortIcon('estado') }}"></i>
                        </a>
                    </th>
                    <th class="text-center">Acciones</th>
                </tr>
            </thead>

            <tbody>
                @forelse($registros as $item)
                    @php
                        $tipoRegistro = $item->fecha_salida ? 'SALIDA' : 'ENTRADA';
                    @endphp
                    <tr>
                        <td>{{ $item->id }}</td>

                        <td>
                            @if($tipoRegistro === 'SALIDA')
                                <span class="badge badge-warning">SALIDA</span>
                            @else
                                <span class="badge badge-success">ENTRADA</span>
                            @endif
                        </td>

                        <td><strong>{{ $item->contenedor }}</strong></td>
                        <td>{{ $item->booking }}</td>
                        <td>{{ $item->maniobra }}</td>
                        <td>{{ $item->naviera }}</td>
                        <td>{{ $item->cliente }}</td>

                        <td>
                            {{ optional($item->fecha_entrada)->format('d/m/Y') }}
                            <div class="text-muted text-xs">{{ $item->hora_entrada }}</div>
                        </td>

                        <td>
                            {{ optional($item->fecha_salida)->format('d/m/Y') }}
                            <div class="text-muted text-xs">{{ $item->hora_salida }}</div>
                        </td>

                        <td>{{ $item->ubicacion_patio }}</td>

                        <td>
                            @if($item->estado === 'EN_PATIO')
                                <span class="badge badge-primary">EN PATIO</span>
                            @elseif($item->estado === 'CON_INCIDENCIA')
                                <span class="badge badge-danger">INCIDENCIA</span>
                            @elseif($item->estado === 'SALIO')
                                <span class="badge badge-success">SALIO</span>
                            @else
                                <span class="badge badge-secondary">{{ $item->estado }}</span>
                            @endif
                        </td>

                        <td class="text-center">
                            <div class="btn-group">
                                @if(Route::has('patio.inventario.show'))
                                    <a href="{{ route('patio.inventario.show', $item->id) }}" class="btn btn-xs btn-info" title="Ver">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                @endif

                                @if(Route::has('patio.contenedores.pdf.entrada') && $item->eir_entrada)
                                    <a href="{{ route('patio.contenedores.pdf.entrada', $item->id) }}" target="_blank" class="btn btn-xs btn-danger" title="PDF Entrada">
                                        <i class="fas fa-file-pdf"></i>
                                    </a>
                                @endif

                                @if(Route::has('patio.inventario.edit'))
                                    <a href="{{ route('patio.inventario.edit', $item->id) }}" class="btn btn-xs btn-primary" title="Editar">
                                        <i class="fas fa-pen"></i>
                                    </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="12" class="text-center text-muted">
                            Sin resultados para los filtros seleccionados
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="card-footer">
        {{ $registros->links() }}
    </div>
</div>

@stop