@extends('layouts.app')
@section('title', 'Planos - ERP-PLUS')
@section('page_title', 'Planos')
@section('page_subtitle', 'Faca upgrade para um plano superior ao seu plano atual.')

@section('content')

@if (session('error'))
    <div class="notice error" style="margin-bottom:16px">{{ session('error') }}</div>
@endif

@php $currentPrice = (float) ($currentPlan?->price ?? 0); @endphp

<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px">
    @foreach ($plans as $plan)
        @php
            $planPrice   = (float) $plan->price;
            $isCurrent   = $currentPlan && $currentPlan->id === $plan->id;
            $isDowngrade = $planPrice <= $currentPrice && ! $isCurrent;
            $disabled    = $isCurrent || $isDowngrade;
            $borderColor = $isCurrent ? 'var(--primary)' : ($isDowngrade ? 'var(--border)' : ($planPrice > 0 ? 'var(--primary)' : 'var(--border)'));
            $opacity     = $isDowngrade ? '0.5' : '1';
        @endphp
        <div class="panel" style="display:grid;grid-template-rows:auto 1fr auto;border:2px solid {{ $borderColor }};opacity:{{ $opacity }}">
            <div class="panel-header" style="flex-direction:column;text-align:center;gap:8px;border-bottom:0;padding:24px 16px 12px;position:relative">
                @if ($isCurrent)
                    <span style="position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px">Plano atual</span>
                @endif
                <h2 style="font-size:22px;margin:0">{{ $plan->name }}</h2>
                <div style="font-size:36px;font-weight:700;color:{{ $isDowngrade ? 'var(--muted)' : 'var(--primary)' }}">
                    @if ($planPrice > 0)
                        R$ {{ number_format($planPrice, 2, ',', '.') }}
                        <span style="font-size:14px;font-weight:400;color:var(--muted)">/mes</span>
                    @else
                        Gratuito
                    @endif
                </div>
            </div>

            <div style="padding:12px 16px 20px;text-align:center;font-size:14px;color:var(--muted);line-height:1.6">
                {{ $plan->description }}
                @if ($plan->trial_days > 0)
                    <br><br><strong>{{ $plan->trial_days }} dias</strong> de teste gratuito
                @endif
                <br>Ciclo de <strong>{{ $plan->billing_cycle }} dias</strong>
                <br>Ate <strong>{{ $plan->max_cnpjs }}</strong> CNPJ(s)
            </div>

            <div style="padding:0 16px 20px;text-align:center">
                @if ($isCurrent)
                    <div class="button" style="width:100%;padding:12px;font-size:15px;opacity:.5;cursor:default;box-sizing:border-box">
                        Plano atual
                    </div>
                @elseif ($isDowngrade)
                    <div class="button" style="width:100%;padding:12px;font-size:15px;opacity:.4;cursor:not-allowed;box-sizing:border-box" title="Nao e permitido fazer downgrade de plano">
                        Indisponivel
                    </div>
                @else
                    <form method="POST" action="{{ route('subscription.upgrade') }}">
                        @csrf
                        <input type="hidden" name="plan_id" value="{{ $plan->id }}">
                        <button class="button primary" type="submit"
                                style="width:100%;padding:12px;font-size:15px"
                                onclick="return confirm('Confirmar upgrade para o plano {{ $plan->name }}?')">
                            Fazer upgrade
                        </button>
                    </form>
                @endif
            </div>
        </div>
    @endforeach
</div>
@endsection