@extends('layouts.legal')

@section('title', 'Konfirmasi Pembayaran')

@section('content')

<h1>Selesaikan Pembayaran</h1>
@section('content')

<h1>Selesaikan Pembayaran</h1>

@if(session('error'))
    <div style="background:rgba(180,87,63,0.1); border:1px solid #B4573F; color:#8A3E2A; padding:14px 16px; border-radius:10px; margin-bottom:20px; font-size:0.88rem;">
        <i class="fa-solid fa-circle-exclamation"></i> {{ session('error') }}
    </div>
@endif


<p>
    Undangan kamu sudah dibuat! Aktifkan sekarang dengan paket
    <strong>{{ ucfirst($plan) }}</strong>.
</p>

<div class="info-box">
    <p><strong>Paket:</strong> {{ ucfirst($plan) }}</p>
    <p><strong>Harga:</strong> Rp {{ number_format($price, 0, ',', '.') }}</p>
</div>

<form action="{{ route('payment.checkout') }}" method="POST">
    @csrf
    <input type="hidden" name="plan" value="{{ $plan }}">

    <div class="form-group" style="margin-bottom:20px;">
        <label for="coupon_code" style="display:block; font-size:0.85rem; color:var(--ink-soft); margin-bottom:6px;">Punya kode promo?</label>
        <input
            type="text"
            name="coupon_code"
            id="coupon_code"
            placeholder="Contoh: PREMIUM20"
            style="width:100%; padding:13px 16px; border:1px solid var(--gold-line); border-radius:10px; text-transform:uppercase; font-family:inherit; font-size:0.9rem;"
        >
    </div>

    <button type="submit" class="btn-gold">
        Bayar Sekarang
    </button>
</form>

<p style="margin-top:24px; text-align:center; font-size:0.88rem;">
    Belum siap bayar?
    <a href="{{ route('user.dashboard') }}">Lanjut coba dulu dengan trial 3 hari</a>
</p>

@endsection