@extends('layouts.app')
@section('title','Checkout')

@push('styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<style>
  body{background:#071018;color:#e6f0ff}
  .cardx{background:rgba(255,255,255,.03);border:1px solid rgba(0,180,255,.18);border-radius:16px}
  .btn-gradient{background:linear-gradient(113deg,#114fee 6%,#b654fd 83%);border:none;color:#fff}
</style>
@endpush

@section('content')
<div class="container py-4">
  <h4 class="mb-3">Checkout: {{ $plan->name }}</h4>
  @if ($errors->any())
    <div class="alert alert-danger"><ul class="mb-0">@foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
  @endif
  <div class="cardx p-3">
    <form method="POST" action="{{ route('invest.checkout.post', $plan) }}">
      @csrf
      <div class="form-row">
        <div class="form-group col-md-4">
          <label>Amount (USDT)</label>
          <input type="number" step="0.00000001" min="1" name="amount" class="form-control" required>
          <small class="text-muted">Min {{ $plan->min_amount }} | Max {{ $plan->max_amount }}</small>
        </div>
        <div class="form-group col-md-4">
          <label>Network</label>
          <select name="network" class="form-control" required>
            <option value="TRC20">TRC20 (Tron)</option>
            <option value="BEP20">BEP20 (BSC)</option>
          </select>
        </div>
      </div>
      <button class="btn btn-gradient">Proceed to Payment</button>
    </form>
  </div>
</div>
@endsection