@extends('layouts.app')

@section('breadcrumb', 'TPV Ágora')

@section('content')
    <x-page-header title="TPV Ágora — ventas y caja" description="Importa ventas del TPV local, genera cierres diarios y compara con el banco.">
        <x-slot:actions>
            @if($apiEnabled || $exportFolder)
                <form method="POST" action="{{ route('tpv.sales.sync') }}" class="d-inline">
                    @csrf
                    <button class="btn btn-primary">Sincronizar ahora</button>
                </form>
            @endif
        </x-slot:actions>
    </x-page-header>

    @if(session('status'))
        <div class="alert alert-success mb-4" role="alert">{{ session('status') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger mb-4" role="alert">
            @foreach($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    @endif

    <div class="stat-grid mb-4">
        <div class="stat-card stat-card--accent">
            <div class="stat-card__label">Ventas importadas</div>
            <div class="stat-card__value">{{ number_format($sales->total()) }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-card__label">Fuente activa</div>
            <div class="stat-card__value" style="font-size:1rem;">{{ $source->name }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-card__label">Modo sync</div>
            <div class="stat-card__value" style="font-size:1rem;">
                @if($apiEnabled) API @elseif($exportFolder) Carpeta @else CSV manual @endif
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-card__label">Cierres generados</div>
            <div class="stat-card__value">{{ number_format($closings->count()) }}</div>
        </div>
    </div>

    <section class="row g-4 mb-4">
        <div class="col-lg-6">
            <div class="surface">
                <div class="surface__header">
                    <h2 class="surface__title">Importar exportación Ágora</h2>
                </div>
                <div class="surface__body">
                    <p class="small text-secondary">
                        En Ágora Retail: <strong>Informes → Diario de albaranes → Exportar</strong>
                        (listado o extendido) o histórico de ventas. Guarda como CSV.
                    </p>
                    <form method="POST" action="{{ route('tpv.sales.import') }}" enctype="multipart/form-data" class="row g-3">
                        @csrf
                        <div class="col-md-6">
                            <label class="form-label">Perfil de fichero</label>
                            <select name="import_profile" class="form-select" required>
                                <option value="agora_sales">Ventas / histórico</option>
                                <option value="agora_delivery_notes">Diario de albaranes</option>
                                <option value="generic">Genérico</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Archivo CSV</label>
                            <input type="file" name="sales_file" class="form-control" accept=".csv,.txt" required>
                        </div>
                        <div class="col-12">
                            <button class="btn btn-primary">Importar ventas</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="surface">
                <div class="surface__header">
                    <h2 class="surface__title">Configuración recomendada</h2>
                </div>
                <div class="surface__body small text-secondary">
                    <p><strong>Opción A — API local (ideal):</strong> activa el Módulo de Servicios de Integración en Ágora Monitor y configura en <code>.env</code>:</p>
                    <ul>
                        <li><code>AGORA_API_ENABLED=true</code></li>
                        <li><code>AGORA_API_URL=http://IP-TIENDA:PUERTO</code></li>
                        <li><code>AGORA_API_TOKEN=...</code></li>
                    </ul>
                    <p class="mb-2"><strong>Opción B — Carpeta vigilada:</strong> programa Ágora para exportar CSV a una carpeta y define <code>AGORA_EXPORT_FOLDER</code>.</p>
                    <p class="mb-0">Diagnóstico: <code>php artisan app:agora-health-check</code></p>
                </div>
            </div>
        </div>
    </section>

    @if($dailyChecks !== [])
        <section class="surface surface--flush mb-4">
            <div class="surface__header">
                <h2 class="surface__title">Cuadre TPV vs banco (por día)</h2>
            </div>
            <div class="data-table-wrap">
                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Fecha</th>
                        <th>Canal</th>
                        <th>Total TPV</th>
                        <th>Total banco</th>
                        <th>Diferencia</th>
                        <th>Estado</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($dailyChecks as $check)
                        <tr>
                            <td>{{ \Carbon\Carbon::parse($check['date'])->format('d/m/Y') }}</td>
                            <td>{{ strtoupper($check['channel']) }}</td>
                            <td class="amount">{{ number_format($check['tpv_total'], 2, ',', '.') }} €</td>
                            <td class="amount">{{ number_format($check['bank_total'], 2, ',', '.') }} €</td>
                            <td class="amount {{ abs($check['difference']) > 1 ? 'amount--negative' : 'amount--positive' }}">
                                {{ number_format($check['difference'], 2, ',', '.') }} €
                            </td>
                            <td>
                                @if($check['status'] === 'matched')
                                    <span class="status-badge status-badge--success">Cuadrado</span>
                                @elseif($check['status'] === 'review')
                                    <span class="status-badge status-badge--warning">Revisar</span>
                                @else
                                    <span class="status-badge status-badge--danger">Descuadre</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </section>
    @endif

    <section class="row g-4 mb-4">
        <div class="col-lg-7">
            <div class="surface surface--flush">
                <div class="surface__header">
                    <h2 class="surface__title">Ventas TPV recientes</h2>
                </div>
                <div class="data-table-wrap">
                    <table class="data-table">
                        <thead>
                        <tr>
                            <th>Ticket</th>
                            <th>Fecha</th>
                            <th>Cliente</th>
                            <th>Pago</th>
                            <th>Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($sales as $sale)
                            <tr>
                                <td class="tabular-nums">{{ $sale->ticket_number ?? '—' }}</td>
                                <td class="cell-muted">{{ $sale->sold_at?->format('d/m/Y H:i') }}</td>
                                <td class="cell-muted">{{ $sale->customer_name ?? '—' }}</td>
                                <td>{{ $sale->payment_method ?? '—' }}</td>
                                <td class="amount">{{ number_format((float) $sale->total, 2, ',', '.') }} €</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">
                                    <div class="empty-state">Sin ventas importadas. Sube un CSV o configura la sincronización.</div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
                @if($sales->hasPages())
                    <div class="surface__body pt-0">{{ $sales->links() }}</div>
                @endif
            </div>
        </div>
        <div class="col-lg-5">
            <div class="surface mb-4">
                <div class="surface__header">
                    <h2 class="surface__title">Cierres de caja (auto)</h2>
                </div>
                <div class="surface__body">
                    @forelse($closings as $closing)
                        <div class="list-item">
                            <div class="list-item__title">{{ $closing->closing_date?->format('d/m/Y') }}</div>
                            <div class="list-item__meta">
                                Efectivo {{ number_format((float) $closing->cash_total, 2, ',', '.') }} € ·
                                Tarjeta {{ number_format((float) $closing->card_total, 2, ',', '.') }} € ·
                                Total {{ number_format((float) $closing->tpv_total, 2, ',', '.') }} €
                            </div>
                        </div>
                    @empty
                        <p class="text-secondary mb-0">Sin cierres generados.</p>
                    @endforelse
                </div>
            </div>
            <div class="surface">
                <div class="surface__header">
                    <h2 class="surface__title">Últimas sincronizaciones</h2>
                </div>
                <div class="surface__body">
                    @forelse($runs as $run)
                        <div class="list-item">
                            <div class="list-item__title">
                                {{ $run->finished_at?->format('d/m/Y H:i') ?? 'En curso' }}
                                · {{ $run->records_success }} ok
                            </div>
                            <div class="list-item__meta">{{ $run->status }} — {{ $run->error_message }}</div>
                        </div>
                    @empty
                        <p class="text-secondary mb-0">Sin ejecuciones registradas.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection