@extends('layouts.app')

@section('title', 'Planes')
@section('hi', 'Planes de Suscripción')
@section('hi_sub', 'Administración')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Planes de Suscripción</h1>
            <p class="page-sub">Define los planes que asignarás a las empresas: precio, ciclo, módulos incluidos y límite de usuarios.</p>
        </div>
        <a href="{{ route('plans.create') }}" class="btn-primary">@include('partials.icon', ['name' => 'check', 'class' => 'ic-sm']) Nuevo plan</a>
    </div>

    @if($plans->isEmpty())
        <div class="card"><div class="empty">No hay planes. Crea el primero.</div></div>
    @else
    <div class="plan-adm-grid">
        @foreach($plans as $p)
            <div class="plan-adm">
                <div class="bar"></div>
                <div class="plan-adm__b">
                    <div class="plan-adm__top">
                        <h3>{{ $p->name }}</h3>
                        <div class="price">{{ $p->price > 0 ? number_format($p->price, 0) : 'Gratis' }}<small>{{ $p->price > 0 ? '/'.$p->interval : '' }}</small></div>
                    </div>
                    <div style="margin-top:6px"><span class="badge {{ $p->active ? 'badge-on' : 'badge-off' }}">{{ $p->active ? 'ACTIVO' : 'INACTIVO' }}</span></div>
                    <div class="desc">{{ $p->description ?: 'Sin descripción.' }}</div>
                    <div class="rows">
                        <div>@include('partials.icon', ['name' => 'users', 'class' => 'ic-sm']) {{ $p->usersLabel() }} usuarios</div>
                        <div>@include('partials.icon', ['name' => 'layers', 'class' => 'ic-sm']) {{ $p->modulesCount() }} módulos</div>
                        <div>@include('partials.icon', ['name' => 'building', 'class' => 'ic-sm']) {{ $p->companies_count }} empresas</div>
                    </div>
                    <div class="plan-adm__acts">
                        <a href="{{ route('plans.edit', $p) }}" class="btn-outline">Editar</a>
                        <form method="POST" action="{{ route('plans.destroy', $p) }}" onsubmit="return confirm('¿Eliminar este plan?')">
                            @csrf @method('DELETE')
                            <button class="btn-danger">Eliminar</button>
                        </form>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    @endif
@endsection