@extends('layouts.app')
@section('title','Prenumeration')
@section('content')
@php $plan=$tenant->getCurrentPlan(); @endphp
<div style="max-width:760px;">
  <div style="margin-bottom:24px;"><h2 style="font-family:'Instrument Serif',serif;font-size:26px;color:#E8EAF0;">Prenumeration</h2></div>
  @if(session('warning'))<div style="background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#FCD34D;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;">{{ session('warning') }}</div>@endif
  <div class="ff-card" style="margin-bottom:20px;background:linear-gradient(135deg,rgba(59,125,255,.06),rgba(123,79,255,.06));border-color:rgba(59,125,255,.15);">
    <div style="display:flex;align-items:center;justify-content:space-between;">
      <div><div style="font-size:12px;color:#5B6478;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;">Aktiv plan</div>
      <div style="font-size:28px;font-weight:600;color:#E8EAF0;text-transform:capitalize;">{{ $plan }}</div>
      @if($tenant->onTrial())<div style="font-size:13px;color:#F59E0B;margin-top:4px;">Provperiod t.o.m. {{ $tenant->trial_ends_at->format('d.m.Y') }}</div>@endif</div>
      <a href="{{ route('pricing') }}" class="btn btn-primary">Uppgradera</a>
    </div>
  </div>
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;">
    @foreach([['starter','Starter','199'],['professional','Professional','499'],['enterprise','Enterprise','999']] as [$p,$n,$pr])
    <div class="ff-card" style="{{ $plan===$p?'border-color:rgba(59,125,255,.35);':'' }}">
      @if($plan===$p)<div style="font-size:11px;color:#7BA7FF;font-weight:600;margin-bottom:8px;">● Aktiv</div>@endif
      <div style="font-size:15px;font-weight:600;color:#E8EAF0;margin-bottom:4px;">{{ $n }}</div>
      <div style="font-size:22px;font-weight:700;color:#E8EAF0;margin-bottom:12px;">{{ $pr }}<span style="font-size:13px;color:#5B6478;"> kr/mån</span></div>
      @if($plan!==$p)
        <form method="POST" action="{{ route('subscription.checkout') }}">@csrf
          <input type="hidden" name="plan" value="{{ $p }}"><input type="hidden" name="interval" value="monthly">
          <button type="submit" class="btn btn-secondary btn-sm" style="width:100%;">Välj {{ $n }}</button>
        </form>
      @else
        <form method="POST" action="{{ route('subscription.cancel') }}" onsubmit="return confirm('Avsluta prenumeration?')">@csrf
          <button type="submit" class="btn btn-danger btn-sm" style="width:100%;">Avsluta</button>
        </form>
      @endif
    </div>
    @endforeach
  </div>
</div>
@endsection