@extends('layouts.app')

@section('content')
  <div class="container py-4">
    <h1 class="mb-4">Planes Selfiando</h1>

    @if(session('error'))
      <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    @if(session('ok'))
      <div class="alert alert-success">{{ session('ok') }}</div>
    @endif

    <div class="row">
      @forelse($plans as $plan)
        <div class="col-md-4 mb-3">
          <div class="card h-100">
            <div class="card-body">
              <h5 class="card-title">{{ $plan->name }}</h5>
              <p class="card-text mb-1">
                <strong>${{ number_format($plan->price, 0, ',', '.') }}</strong>
              </p>
              <p class="card-text mb-1">
                @if($plan->event_limit)
                  Incluye {{ $plan->event_limit }} evento
                @else
                  Eventos ilimitados
                @endif
              </p>
              <p class="card-text">
                Vigencia: {{ $plan->duration_days }} días
              </p>

              <form method="POST" action="{{ route('plans.pay', $plan) }}">
                @csrf
                <button class="btn btn-primary w-100">
                  💳 Contratar plan {{ $plan->name }}
                </button>
              </form>
            </div>
          </div>
        </div>
      @empty
        <p>No hay planes configurados todavía.</p>
      @endforelse
    </div>
  </div>
@endsection