@extends('layouts.app')
@section('title','Promociones — '.config('app.name'))

@section('content')
<div class="dashboard-page admin-workspace"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/>
<section class="dashboard-main">
    <header class="admin-page-header"><div><span class="dashboard-kicker">Ventas</span><h1>Promociones y cupones</h1><p>Crea descuentos con límites, vigencia y alcance controlados.</p></div><a class="btn btn-primary" href="#nuevo-cupon">+ Nueva promoción</a></header>
    <section class="admin-stat-strip"><article><span>Activas</span><strong>{{ $couponStats['active'] }}</strong><small>disponibles para compra</small></article><article><span>Canjes</span><strong>{{ $couponStats['uses'] }}</strong><small>usos acumulados</small></article><article><span>Programadas</span><strong>{{ $couponStats['scheduled'] }}</strong><small>inician próximamente</small></article><article><span>Vencidas</span><strong>{{ $couponStats['expired'] }}</strong><small>fuera de vigencia</small></article></section>
    <form class="admin-toolbar" method="GET"><label class="admin-search-field"><span>Buscar</span><input class="form-input" name="q" value="{{ request('q') }}" placeholder="Código promocional"></label><label><span>Estado</span><select class="form-select" name="status"><option value="">Todos</option><option value="active" @selected(request('status')==='active')>Activos</option><option value="inactive" @selected(request('status')==='inactive')>Inactivos</option><option value="expired" @selected(request('status')==='expired')>Vencidos</option></select></label><button class="btn btn-secondary">Aplicar filtros</button>@if(request()->hasAny(['q','status']))<a href="{{ route('admin.coupons.index') }}">Limpiar</a>@endif</form>
    <div class="admin-module-layout">
        <section class="panel module-list-panel"><header class="panel-head"><div><h2>Promociones configuradas</h2><p>Abre una promoción para editar sus condiciones.</p></div><span class="settings-count">{{ $coupons->total() }}</span></header><div class="module-record-list">
            @forelse($coupons as $coupon)@php($expired=$coupon->expires_at?->isPast())
            <details class="module-record coupon-record"><summary><span class="module-record-icon">%</span><span><strong>{{ $coupon->code }}</strong><small>{{ $coupon->type==='percent' ? rtrim(rtrim($coupon->value,'0'),'.').'%' : '$'.number_format((float)$coupon->value,2) }} · {{ $coupon->uses }} usos</small></span><span class="status {{ !$coupon->is_active ? 'status-suspended' : ($expired ? 'status-rejected' : 'status-active') }}">{{ !$coupon->is_active ? 'Inactiva' : ($expired ? 'Vencida' : 'Activa') }}</span><i>⌄</i></summary>
            <form class="module-record-form" method="POST" action="{{ route('admin.coupons.update',$coupon) }}">@csrf @method('PUT')
                <div class="form-grid"><label><span class="form-label">Código</span><input class="form-input" name="code" value="{{ $coupon->code }}" required></label><label><span class="form-label">Tipo</span><select class="form-select" name="type"><option value="percent" @selected($coupon->type==='percent')>Porcentaje</option><option value="fixed" @selected($coupon->type==='fixed')>Monto fijo</option></select></label><label><span class="form-label">Valor</span><input class="form-input" type="number" step=".01" name="value" value="{{ $coupon->value }}" required></label><label><span class="form-label">Compra mínima</span><input class="form-input" type="number" step=".01" name="minimum_amount" value="{{ $coupon->minimum_amount }}"></label><label><span class="form-label">Límite total</span><input class="form-input" type="number" name="usage_limit" value="{{ $coupon->usage_limit }}"></label><label><span class="form-label">Límite por usuario</span><input class="form-input" type="number" name="per_user_limit" value="{{ $coupon->per_user_limit }}"></label><label><span class="form-label">Inicio</span><input class="form-input" type="datetime-local" name="starts_at" value="{{ $coupon->starts_at?->format('Y-m-d\TH:i') }}"></label><label><span class="form-label">Vencimiento</span><input class="form-input" type="datetime-local" name="expires_at" value="{{ $coupon->expires_at?->format('Y-m-d\TH:i') }}"></label><label class="field-full"><span class="form-label">Aplicar a cursos</span><select class="form-select" name="course_ids[]" multiple size="5">@foreach($courses as $course)<option value="{{ $course->id }}" @selected($coupon->courses->contains($course->id))>{{ $course->title }}</option>@endforeach</select><small class="form-help">Sin selección aplica a todo el catálogo.</small></label></div>
                <div class="record-form-actions"><label class="switch-row compact"><span><strong>Promoción activa</strong><small>Se validará también la vigencia y límites.</small></span><input type="checkbox" name="is_active" value="1" @checked($coupon->is_active)><i></i></label><button class="btn btn-primary">Guardar promoción</button></div>
            </form></details>
            @empty<div class="empty-state"><strong>No hay promociones con estos filtros</strong><span>Crea una campaña o cambia la búsqueda.</span></div>@endforelse
        </div>@if($coupons->hasPages())<div class="panel-pagination">{{ $coupons->links() }}</div>@endif</section>
        <aside class="panel module-create-panel" id="nuevo-cupon"><header class="panel-head"><div><span>Nueva campaña</span><h2>Crear promoción</h2><p>Define primero la regla principal; podrás editar el alcance después.</p></div></header><form class="panel-body" method="POST" action="{{ route('admin.coupons.store') }}">@csrf
            <label><span class="form-label">Código</span><input class="form-input" name="code" placeholder="BIENVENIDA20" required></label><div class="form-grid"><label><span class="form-label">Tipo</span><select class="form-select" name="type"><option value="percent">Porcentaje</option><option value="fixed">Monto fijo</option></select></label><label><span class="form-label">Valor</span><input class="form-input" type="number" step=".01" name="value" required></label><label><span class="form-label">Compra mínima</span><input class="form-input" type="number" step=".01" name="minimum_amount"></label><label><span class="form-label">Límite total</span><input class="form-input" type="number" name="usage_limit"></label><label><span class="form-label">Por usuario</span><input class="form-input" type="number" name="per_user_limit" value="1"></label><label><span class="form-label">Inicio</span><input class="form-input" type="datetime-local" name="starts_at"></label><label><span class="form-label">Vencimiento</span><input class="form-input" type="datetime-local" name="expires_at"></label></div><label><span class="form-label">Cursos incluidos</span><select class="form-select" name="course_ids[]" multiple size="5">@foreach($courses as $course)<option value="{{ $course->id }}">{{ $course->title }}</option>@endforeach</select><small class="form-help">Sin selección aplica a todos los cursos.</small></label><button class="btn btn-primary">Crear promoción</button>
        </form></aside>
    </div>
</section></div></div>
@endsection