@extends('layouts.app')

@section('title', 'Contratos')

@section('content')
    <div class="page-header page-header-row">
        <div>
            <p class="page-eyebrow">Contratos</p>
            <h1 class="page-title">Contratos de Compraventa</h1>
            <p class="page-subtitle">{{ $contratos->total() }} contrato(s) registrado(s).</p>
        </div>

        <a href="{{ route('vehiculos.index') }}" class="btn btn-primary">
            <x-icon name="plus" />
            Crear desde Inventario
        </a>
    </div>

    <x-card title="Filtros" icon="search">
        <form method="GET" action="{{ route('contratos.index') }}" class="filters-form">
            <div class="field">
                <label for="q" class="field-label">Buscar</label>
                <input
                    type="text"
                    name="q"
                    id="q"
                    value="{{ request('q') }}"
                    class="field-input"
                    placeholder="Comprador, cédula, placa..."
                >
            </div>

            <div class="field">
                <label for="empresa_id" class="field-label">Empresa</label>
                <select name="empresa_id" id="empresa_id" class="field-select">
                    <option value="">Todas las empresas</option>
                    @foreach($empresas as $empresa)
                        <option value="{{ $empresa->id }}" {{ (string) request('empresa_id') === (string) $empresa->id ? 'selected' : '' }}>
                            {{ $empresa->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="field">
                <label for="tipo_traspaso" class="field-label">Tipo de Traspaso</label>
                <select name="tipo_traspaso" id="tipo_traspaso" class="field-select">
                    <option value="">Todos</option>
                    <option value="normal" {{ request('tipo_traspaso') === 'normal' ? 'selected' : '' }}>Normal</option>
                    <option value="abierto" {{ request('tipo_traspaso') === 'abierto' ? 'selected' : '' }}>Abierto</option>
                    <option value="indefinido" {{ request('tipo_traspaso') === 'indefinido' ? 'selected' : '' }}>Indefinido</option>
                </select>
            </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(request()->anyFilled(['q', 'empresa_id', 'tipo_traspaso']))
                        <a href="{{ route('contratos.index') }}" class="btn btn-ghost">Limpiar</a>
                    @endif
                </div>
            </div>
        </form>
    </x-card>

    <div class="stat-grid stat-grid-center">
        <x-stat-tile icon="tag" label="Precio de Venta Total" value="${{ number_format($stats['precio_venta_total'], 0, ',', '.') }}" />
        <x-stat-tile
            icon="coins"
            label="Saldo Pendiente Total"
            value="${{ number_format($stats['saldo_pendiente_total'], 0, ',', '.') }}"
            :variant="$stats['saldo_pendiente_total'] <= 0 ? 'success' : 'danger'"
        />
    </div>

    <x-card title="Resultados">
        @if($contratos->isEmpty())
            <div class="empty-state">
                <span class="empty-state-icon"><x-icon name="clipboard" /></span>
                <p class="empty-state-title">No hay contratos registrados</p>
                <p class="empty-state-text">Los contratos se crean desde el Inventario, con el botón "Crear Contrato" del vehículo correspondiente.</p>
                <a href="{{ route('vehiculos.index') }}" class="btn btn-primary">
                    <x-icon name="inventory" />
                    Ir al Inventario
                </a>
            </div>
        @else
            <div class="table-scroll">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Empresa</th>
                            <th>Vehículo</th>
                            <th>Placa</th>
                            <th>Comprador</th>
                            <th>Vendedor</th>
                            <th>Tipo de Traspaso</th>
                            <th>Precio de Venta</th>
                            <th>Saldo Pendiente</th>
                            <th>Acción</th>
                            <th class="costos-col-accion">PDF</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($contratos as $contrato)
                            <tr>
                                <td>{{ $contrato->fecha_contrato->format('d/m/Y') }}</td>
                                <td>{{ $contrato->empresa->nombre }}</td>
                                <td>
                                    <div class="vehicle-cell">
                                        <span class="vehicle-cell-icon">
                                            <x-icon name="motorbike" />
                                        </span>
                                        <p class="vehicle-cell-title">{{ $contrato->vehiculo->marca }} {{ $contrato->vehiculo->linea }}</p>
                                    </div>
                                </td>
                                <td><span class="plate-chip">{{ $contrato->vehiculo->placa }}</span></td>
                                <td>{{ $contrato->cliente->nombre }}</td>
                                <td>{{ $contrato->vendedor->nombre }}</td>
                                <td><span class="badge">{{ $contrato->tipo_traspaso->label() }}</span></td>
                                <td class="cell-price">${{ number_format($contrato->precio_venta, 0, ',', '.') }}</td>
                                <td class="cell-price {{ $contrato->saldo_pendiente <= 0 ? 'summary-row-value-success' : 'summary-row-value-danger' }}">
                                    ${{ number_format($contrato->saldo_pendiente, 0, ',', '.') }}
                                </td>
                                <td>
                                    <a href="{{ route('contratos.abonos', $contrato) }}" class="btn btn-sm {{ $contrato->saldo_pendiente <= 0 ? 'btn-success' : 'btn-primary' }}">
                                        <x-icon name="coins" />
                                        {{ $contrato->saldo_pendiente <= 0 ? 'Pagado' : 'Abonar' }}
                                    </a>
                                </td>
                                <td class="costos-col-accion">
                                    <a href="{{ route('contratos.pdf', $contrato) }}" target="_blank" class="btn-icon-neutral" title="Ver Contrato en PDF" aria-label="Ver contrato en PDF">
                                        <x-icon name="file" />
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

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