@extends('layouts.app')

@section('title', 'Empresas')
@section('hi', 'Empresas Cliente')
@section('hi_sub', 'Administración de la suite')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Empresas Cliente</h1>
            <p class="page-sub">Crea el perfil de cada negocio, elige su rubro y decide qué módulos verá.</p>
        </div>
        <a href="{{ route('companies.create') }}" class="btn-primary">@include('partials.icon', ['name' => 'check', 'class' => 'ic-sm']) Nueva empresa</a>
    </div>

    <div class="card table-card" style="margin-bottom:18px">
        <div class="toolbar">
            <form class="search" method="GET" action="{{ route('companies.index') }}">
                @include('partials.icon', ['name' => 'search'])
                <input type="text" name="q" value="{{ $q }}" placeholder="Buscar por nombre, RUC o correo...">
            </form>
        </div>
    </div>

    @if($companies->isEmpty())
        <div class="card"><div class="empty">No hay empresas registradas todavía.</div></div>
    @else
    <div class="co-grid">
        @foreach($companies as $company)
            @php $cur = $company->currency ?: 'PEN'; @endphp
            <div class="co-card {{ $company->active ? '' : 'off' }}">
                <div class="co-top">
                    <div class="co-avatar">
                        @if($company->logoUrl())<img src="{{ $company->logoUrl() }}" alt="logo">@else{{ strtoupper(mb_substr($company->name, 0, 1)) }}@endif
                    </div>
                    <div class="co-id">
                        <div class="co-name">{{ $company->name }}</div>
                        <div class="co-legal">{{ $company->legal_name ?: 'Sin razón social' }}</div>
                    </div>
                    <span class="co-state {{ $company->active ? 'on' : 'off' }}">{{ $company->active ? 'ACTIVA' : 'INACTIVA' }}</span>
                </div>

                <div class="co-chips">
                    <span class="co-chip rubro">{{ $company->businessType->name ?? '—' }}</span>
                    @if($company->plan)
                        <span class="co-chip plan">Plan {{ $company->plan->name }}</span>
                    @else
                        <span class="co-chip noplan">Sin plan</span>
                    @endif
                    <span class="mi">@include('partials.icon', ['name' => 'layers', 'class' => 'ic-sm']) {{ $company->modulesCount() }} módulos</span>
                    <span class="mi">@include('partials.icon', ['name' => 'users', 'class' => 'ic-sm']) {{ $company->users_count }} usuarios</span>
                </div>

                <div class="co-meta">
                    <div><div class="k">RUC / ID</div><div class="v">{{ $company->tax_id ?: '—' }}</div></div>
                    <div><div class="k">Meta</div><div class="v">{{ $company->monthly_goal !== null ? $cur.' '.number_format($company->monthly_goal, 0) : '—' }}</div></div>
                    <div><div class="k">Suscripción</div><div class="v">{{ optional($company->subscription_ends_at)->format('d/m/Y') ?: '—' }}</div></div>
                </div>

                <div class="co-actions">
                    <a href="{{ route('companies.edit', $company) }}" class="btn-outline">Editar</a>
                    <a href="{{ route('companies.subscription', $company) }}" class="btn-primary">Suscripción</a>
                    <form method="POST" action="{{ route('companies.toggle', $company) }}">
                        @csrf @method('PATCH')
                        <button class="btn-ghost">{{ $company->active ? 'Desactivar' : 'Activar' }}</button>
                    </form>
                    <form method="POST" action="{{ route('companies.destroy', $company) }}" onsubmit="return confirm('¿Eliminar esta empresa? Esta acción no se puede deshacer.')">
                        @csrf @method('DELETE')
                        <button class="btn-ghost">Eliminar</button>
                    </form>
                </div>
            </div>
        @endforeach
    </div>

    <div style="margin-top:18px">@include('partials.pager', ['paginator' => $companies])</div>
    @endif
@endsection