@extends('layouts.app')

@section('title', 'Inventario Liquidado')

@section('content')
    <div class="page-header page-header-row">
        <div>
            <p class="page-eyebrow">Inventario</p>
            <h1 class="page-title">Inventario Liquidado</h1>
            <p class="page-subtitle">{{ $vehiculos->total() }} vehículo(s) liquidado(s).</p>
        </div>

        <a href="{{ route('vehiculos.index') }}" class="btn btn-ghost">
            <x-icon name="arrow-left" />
            Volver a Inventario
        </a>
    </div>

    <x-card title="Filtros" icon="search">
        <form method="GET" action="{{ route('vehiculos.liquidados') }}" class="filters-form">
            <div class="field">
                <label for="mes" class="field-label">Mes de Liquidación</label>
                <input
                    type="month"
                    name="mes"
                    id="mes"
                    value="{{ $mes }}"
                    class="field-input"
                >
            </div>

            <div class="filters-actions-group">
                <span class="field-label field-label-ghost" aria-hidden="true">&nbsp;</span>
                <div class="filters-actions">
                    <button type="submit" class="btn btn-primary">Filtrar</button>
                    @if($mes !== now()->format('Y-m'))
                        <a href="{{ route('vehiculos.liquidados') }}" class="btn btn-ghost">Ver mes actual</a>
                    @endif
                </div>
            </div>
        </form>
    </x-card>

    <div class="stat-grid stat-grid-center">
        <x-stat-tile icon="inventory" label="Total Liquidados" :value="$stats['total']" />
        <x-stat-tile icon="coins" label="Costo Total" value="${{ number_format($stats['inversion_total'], 0, ',', '.') }}" />
        <x-stat-tile icon="tag" label="Venta Total" value="${{ number_format($stats['precio_venta_total'], 0, ',', '.') }}" />
        <x-stat-tile
            icon="clipboard"
            label="Utilidad Total"
            value="${{ number_format($stats['utilidad_total'], 0, ',', '.') }}"
            :variant="$stats['utilidad_total'] >= 0 ? 'success' : 'danger'"
        />
    </div>

    <x-card title="Resultados">
        @if($vehiculos->isEmpty())
            <div class="empty-state">
                <span class="empty-state-icon"><x-icon name="inbox" /></span>
                <p class="empty-state-title">No hay vehículos liquidados</p>
                <p class="empty-state-text">
                    @if($mes !== '')
                        No hay liquidaciones registradas en ese mes.
                    @else
                        Cuando liquides un vehículo desde el Inventario, aparecerá aquí.
                    @endif
                </p>
            </div>
        @else
            <div class="table-scroll">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Empresa</th>
                            <th>Vehículo</th>
                            <th>Placa</th>
                            <th>Tipo</th>
                            <th>Color</th>
                            <th>Fecha de Liquidación</th>
                            <th>Precio de Compra</th>
                            <th>Costo Total</th>
                            <th>Precio de Venta</th>
                            <th>Utilidad</th>
                            <th>Estado</th>
                            <th class="costos-col-accion">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($vehiculos as $vehiculo)
                            <tr>
                                <td>{{ $vehiculo->empresa->nombre }}</td>
                                <td>
                                    <div class="vehicle-cell">
                                        <span class="vehicle-cell-icon">
                                            <x-icon :name="$vehiculo->tipo_vehiculo->value === 'carro' ? 'car' : 'motorbike'" />
                                        </span>
                                        <div>
                                            <p class="vehicle-cell-title">{{ $vehiculo->marca }} {{ $vehiculo->linea }}</p>
                                            <p class="vehicle-cell-sub">Modelo {{ $vehiculo->modelo }}</p>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="plate-chip">{{ $vehiculo->placa }}</span></td>
                                <td><span class="badge badge-red">{{ $vehiculo->tipo_vehiculo->label() }}</span></td>
                                <td>{{ $vehiculo->color }}</td>
                                <td>{{ $vehiculo->fecha_liquidacion?->format('d/m/Y') ?? '—' }}</td>
                                <td class="cell-price">
                                    {{ $vehiculo->precio_compra !== null ? '$'.number_format($vehiculo->precio_compra, 0, ',', '.') : '—' }}
                                </td>
                                <td class="cell-price">
                                    ${{ number_format(($vehiculo->precio_compra ?? 0) + ($vehiculo->costos_adicionales_sum_valor ?? 0), 0, ',', '.') }}
                                </td>
                                <td class="cell-price">
                                    @if($vehiculo->contrato)
                                        ${{ number_format($vehiculo->contrato->precio_venta, 0, ',', '.') }}
                                    @else
                                        —
                                    @endif
                                </td>
                                <td class="cell-price {{ $vehiculo->contrato ? 'summary-row-value-success' : '' }}">
                                    @if($vehiculo->contrato)
                                        ${{ number_format($vehiculo->contrato->precio_venta - $vehiculo->costo_total, 0, ',', '.') }}
                                    @else
                                        —
                                    @endif
                                </td>
                                <td><span class="badge {{ $vehiculo->estado->value === 'disponible' ? 'badge-success' : 'badge-red' }}">{{ $vehiculo->estado->label() }}</span></td>
                                <td class="costos-col-accion">
                                    <div class="row-actions">
                                        <a href="{{ route('vehiculos.edit', $vehiculo) }}" class="btn-icon-neutral" title="Editar Vehículo" aria-label="Editar vehículo">
                                            <x-icon name="pencil" />
                                        </a>
                                        <form
                                            action="{{ route('vehiculos.desliquidar', $vehiculo) }}"
                                            method="POST"
                                            data-confirm-modal
                                            data-confirm-title="¿Des-liquidar esta moto?"
                                            data-confirm-text="La {{ $vehiculo->marca }} {{ $vehiculo->linea }} (placa {{ $vehiculo->placa }}) volverá a aparecer en el Inventario normal."
                                            data-confirm-button="Sí, des-liquidar"
                                        >
                                            @csrf
                                            <button type="submit" class="btn-icon-active" title="Des-liquidar Vehículo" aria-label="Des-liquidar vehículo">
                                                <x-icon name="arrow-left" />
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{ $vehiculos->onEachSide(1)->links('vehiculos.partials.pagination') }}
        @endif
    </x-card>
@endsection