@extends('layouts.app')
@section('title','Boleto Premium - GIGAX Arena')
@section('page_title','BOLETO PREMIUM')
@push('styles')
<style>
.gxb{max-width:700px;margin:0 auto}.gxb-card{padding:22px;border:1px solid rgba(112,145,181,.18);border-radius:14px;background:linear-gradient(160deg,#0c1c2d,#07111d)}
.gxb-k{font-size:9px;font-weight:1000;color:#29ef76;letter-spacing:.12em}.gxb h1{margin:6px 0;color:#fff;font-size:22px}.gxb-sub{color:#8299ae;font-size:10px;margin-bottom:18px}.gxb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gxb-full{grid-column:1/-1}.gxb label{display:block;margin:0 0 5px;color:#91a7ba;font-size:8px;font-weight:900}.gxb input,.gxb select{width:100%;box-sizing:border-box;height:38px;padding:0 10px;border:1px solid rgba(112,145,181,.22);border-radius:8px;background:#07111d;color:#edf5fb;font-size:10px}.gxb-btn{width:100%;height:40px;margin-top:15px;border:0;border-radius:8px;background:linear-gradient(#20d967,#10aa4d);color:#fff;font-size:9px;font-weight:1000;cursor:pointer}.gxb-err{padding:10px;margin-bottom:12px;border-radius:8px;background:rgba(255,70,90,.08);color:#ff8797;font-size:9px}.gxb-note{margin-top:10px;color:#71899f;font-size:8px}@media(max-width:650px){.gxb-grid{grid-template-columns:1fr}.gxb-full{grid-column:auto}}
</style>
@endpush
@section('content')
<div class="gxb"><div class="gxb-card">
 <div class="gxb-k">GIGAX ARENA • BOLETO</div>
 <h1>Premium {{ $cfg['label'] }} — R$ {{ number_format($cfg['price'],2,',','.') }}</h1>
 <div class="gxb-sub">Preencha os dados exigidos pelo Mercado Pago para emissão do boleto.</div>
 @if(session('premium_error'))<div class="gxb-err">{{ session('premium_error') }}</div>@endif
 @if($errors->any())<div class="gxb-err">{{ $errors->first() }}</div>@endif
 <form method="POST" action="{{ route('premium.boleto.create') }}">@csrf
  <input type="hidden" name="plan" value="{{ $plan }}">
  <div class="gxb-grid">
   <div><label>NOME</label><input name="first_name" value="{{ old('first_name') }}" required></div>
   <div><label>SOBRENOME</label><input name="last_name" value="{{ old('last_name') }}" required></div>
   <div><label>CPF</label><input name="cpf" value="{{ old('cpf') }}" inputmode="numeric" required></div>
   <div><label>CEP</label><input name="zip_code" value="{{ old('zip_code') }}" inputmode="numeric" required></div>
   <div class="gxb-full"><label>RUA / AVENIDA</label><input name="street_name" value="{{ old('street_name') }}" required></div>
   <div><label>NÚMERO</label><input name="street_number" value="{{ old('street_number') }}" placeholder="S/N" required></div>
   <div><label>BAIRRO</label><input name="neighborhood" value="{{ old('neighborhood') }}" required></div>
   <div><label>CIDADE</label><input name="city" value="{{ old('city') }}" required></div>
   <div><label>UF</label><input name="state" value="{{ old('state') }}" maxlength="2" placeholder="MG" required></div>
  </div>
  <button class="gxb-btn" type="submit">GERAR BOLETO</button>
 </form>
 <div class="gxb-note">O Premium não é ativado na emissão. A ativação ocorre somente após o Mercado Pago confirmar o pagamento.</div>
</div></div>
@endsection