@extends('partials.layout')

@section('title','Control de Tanques')
@section('subtitle','Registro de entradas y salidas con control de stock por tanque')

@section('back')
    <a class="btn" href="{{ route('dashboard') }}">← Volver</a>
@endsection

@section('content')
    <div style="display:grid;gap:18px;">
        <div class="card" style="padding:18px;">
            <h3 style="margin-top:0;margin-bottom:12px">Registrar movimiento de tanque</h3>

            <form method="POST" action="{{ route('tanques.control.store') }}">
                @csrf
                <div style="display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));">
                    <div>
                        <label>Fecha</label>
                        <input type="datetime-local" name="fecha" value="{{ old('fecha', now()->format('Y-m-d\TH:i')) }}" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                    </div>
                    <div>
                        <label>Usuario</label>
                        <input type="text" value="{{ Auth::user()?->usuario ?? Auth::user()?->name ?? 'Usuario' }}" disabled style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc">
                    </div>
                    <div>
                        <label>Tanque</label>
                        <select name="id_tanque" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                            <option value="">-- Seleccione tanque --</option>
                            @foreach($tanques as $tanque)
                                <option value="{{ $tanque->id_tanque }}" {{ old('id_tanque') == $tanque->id_tanque ? 'selected' : '' }}>
                                    {{ $tanque->nombre }} @if($tanque->tipoCombustible) - {{ $tanque->tipoCombustible->nombre }} @endif
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label>Concepto</label>
                        <select name="id_concepto" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                            <option value="">-- Seleccione concepto --</option>
                            @foreach($conceptos as $concepto)
                                <option value="{{ $concepto->id_concepto }}" {{ old('id_concepto') == $concepto->id_concepto ? 'selected' : '' }}>
                                    {{ $concepto->tipo }} - {{ $concepto->nombre }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label>Galones de inicio del día</label>
                        <input type="number" step="0.001" name="galones" value="{{ old('galones') }}" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                    </div>
                </div>

                <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;">
                    <button class="btn primary" type="submit">Guardar movimiento</button>
                </div>
            </form>
        </div>
        

        <div class="card" style="padding:18px;">
            <h3 style="margin-top:0;margin-bottom:12px">Historial de registros</h3>
            <form method="GET" action="{{ route('tanques.control.index') }}" style="margin-bottom:18px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;">
                <div>
                    <label>Fecha desde</label>
                    <input type="date" name="fecha_desde" value="{{ old('fecha_desde', $fechaDesde ?? request()->query('fecha_desde')) }}" style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                </div>
                <div>
                    <label>Fecha hasta</label>
                    <input type="date" name="fecha_hasta" value="{{ old('fecha_hasta', $fechaHasta ?? request()->query('fecha_hasta')) }}" style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                </div>
                <div>
                    <label>Tanque</label>
                    <select name="id_tanque" style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                        <option value="">-- Todos los tanques --</option>
                        @foreach($tanques as $tanque)
                            <option value="{{ $tanque->id_tanque }}" {{ (string) old('id_tanque', $idTanque ?? request()->query('id_tanque')) === (string) $tanque->id_tanque ? 'selected' : '' }}>
                                {{ $tanque->nombre }} @if($tanque->tipoCombustible) - {{ $tanque->tipoCombustible->nombre }} @endif
                            </option>
                        @endforeach
                    </select>
                </div>
                <div style="grid-column:span 3;display:flex;gap:10px;flex-wrap:wrap;">
                    <button class="btn primary" type="submit">Aplicar filtros</button>
                    <a class="btn" href="{{ route('tanques.control.index') }}">Limpiar filtros</a>
                    <a class="btn" href="{{ route('tanques.control.export', request()->query()) }}">Exportar Excel</a>
                </div>
            </form>
            <table style="width:100%;border-collapse:collapse;">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Fecha</th>
                        <th>Tanque</th>
                        <th>Concepto</th>
                        <th>Galones</th>
                        <th>Usuario</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($movimientos as $mov)
                        <tr>
                            <td>{{ $mov->id }}</td>
                            <td>{{ optional($mov->fecha)->format('Y-m-d H:i') }}</td>
                            <td>{{ $mov->tanque ?? '-' }}</td>
                            <td>{{ $mov->concepto ?? '-' }}</td>
                            <td>{{ number_format((float) ($mov->galones ?? 0), 2) }}</td>
                            <td>{{ $mov->usuario ?? '-' }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr style="border-top:2px solid #e2e8f0;font-weight:700;background:#f8fafc;">
                        <td colspan="4" style="padding:10px;text-align:right;">Total galones que quedan</td>
                        <td colspan="2" style="padding:10px;">{{ number_format($totalGalonesQuedan ?? 0, 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
@endsection