@extends('layouts.app')

@section('title', 'Pagos / Suscripción')
@section('hi', 'Pagos / Suscripción')
@section('hi_sub', 'Administración')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Pagos / Suscripción</h1>
            <p class="page-sub">Historial de suscripciones y pagos de todas las empresas.</p>
        </div>
    </div>

    <div class="stat-row" style="grid-template-columns:repeat(3,1fr)">
        <div class="stat"><span>Suscripciones</span><b>{{ number_format($totals['count']) }}</b></div>
        <div class="stat"><span>Ingresos por suscripción</span><b>{{ number_format($totals['revenue'], 2) }}</b></div>
        <div class="stat"><span>Este mes</span><b style="color:var(--accent)">{{ number_format($totals['month'], 2) }}</b></div>
    </div>

    <div class="card table-card">
        <div class="toolbar">
            <form class="search" method="GET" action="{{ route('payments.index') }}">
                @include('partials.icon', ['name' => 'search'])
                <input type="text" name="q" value="{{ $q }}" placeholder="Buscar por N° o empresa...">
            </form>
        </div>
        <table class="dt">
            <thead><tr><th>N°</th><th>Empresa</th><th>Plan</th><th>Fecha</th><th>Vigencia</th><th>Total</th><th style="text-align:right"></th></tr></thead>
            <tbody>
            @forelse($subscriptions as $s)
                <tr>
                    <td class="strong mono">{{ $s->number }}</td>
                    <td>{{ $s->company->name ?? '—' }}</td>
                    <td><span class="badge badge-role">{{ $s->plan_name }}</span></td>
                    <td class="muted">{{ $s->created_at->format('d/m/Y H:i') }}</td>
                    <td class="muted">{{ $s->starts_at->format('d/m/y') }} → {{ $s->ends_at->format('d/m/y') }}</td>
                    <td class="strong">{{ number_format($s->total, 2) }}</td>
                    <td style="text-align:right"><a href="{{ route('payments.ticket', $s) }}" class="btn-outline btn-sm" style="padding:7px 11px">Ticket</a></td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty">Aún no hay pagos ni suscripciones registradas.</div></td></tr>
            @endforelse
            </tbody>
        </table>
        @include('partials.pager', ['paginator' => $subscriptions])
    </div>
@endsection