@extends('layouts.app')
@section('title','Carrito — '.config('app.name'))
@section('content')
<header class="page-head"><div class="container-shell"><span class="eyebrow">Compra segura</span><h1>Tu carrito</h1><p>Revisa los cursos antes de enviar un único comprobante.</p></div></header>
<section class="section-tight"><div class="container-shell course-detail"><div class="panel table-wrap"><table class="data-table"><thead><tr><th>Curso</th><th>Instructor</th><th>Precio</th><th></th></tr></thead><tbody>@forelse($courses as $course)<tr><td><strong>{{ $course->title }}</strong></td><td>{{ $course->instructor->name }}</td><td>{{ $course->is_free ? 'Gratis' : '$'.number_format($course->effectivePrice(),2).' '.$course->currency }}</td><td><form method="POST" action="{{ route('cart.destroy',$course) }}">@csrf @method('DELETE')<button class="btn btn-danger btn-small">Quitar</button></form></td></tr>@empty<tr><td colspan="4" class="empty-state">Tu carrito está vacío. <a href="{{ route('catalog') }}">Explorar cursos</a></td></tr>@endforelse</tbody></table></div>@if($courses->isNotEmpty())<aside class="panel"><form class="panel-body stack" method="POST" action="{{ route('cart.checkout') }}" enctype="multipart/form-data">@csrf<span class="eyebrow">Resumen</span><div class="course-footer"><span>Subtotal</span><strong>${{ number_format($courses->sum(fn($course)=>$course->effectivePrice()),2) }} MXN</strong></div><div><label class="form-label">Cupón opcional</label><input class="form-input" name="coupon" value="{{ old('coupon') }}"></div>@if($courses->sum(fn($course)=>$course->effectivePrice())>0)<div><label class="form-label">Comprobante</label><input class="form-input" type="file" name="proof" accept=".pdf,.jpg,.jpeg,.png"><p class="form-help">Necesario si la orden conserva un saldo por pagar.</p></div>@endif<label class="check-row"><input type="checkbox" required> Confirmo los cursos y condiciones de acceso.</label><button class="btn btn-primary">Completar orden</button></form></aside>@endif</div></section>
@endsection