@extends('layouts.admin')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb bg-transparent p-0 mb-1">
                <li class="breadcrumb-item"><a href="{{ route('admin.saas.dashboard') }}">SaaS SuperAdmin</a></li>
                <li class="breadcrumb-item active">Empresas y Clínicas</li>
            </ol>
        </nav>
        <h3 class="font-weight-bold text-dark mb-0">
            <i class="bi bi-buildings-fill text-primary mr-2"></i>
            Gestión de Empresas / Clínicas Registradas
        </h3>
        <p class="text-muted small mb-0">Administre las empresas suscritas, su cupo de pacientes según el plan, sus módulos activos y el estado de su servicio.</p>
    </div>
    <div class="mt-2 mt-md-0">
        <a href="{{ route('admin.saas.empresas.create') }}" class="btn btn-primary font-weight-bold shadow-sm">
            <i class="bi bi-building-add mr-1"></i> Crear Nueva Empresa
        </a>
    </div>
</div>

<div class="card card-outline card-primary shadow-sm">
    <div class="card-body">
        <div class="table-responsive">
            <table id="tablaEmpresasSaas" class="table table-bordered table-hover align-middle">
                <thead class="bg-light">
                    <tr>
                        <th>Código / Empresa</th>
                        <th>RUC / Representante</th>
                        <th>Plan SaaS</th>
                        <th>Cupo de Pacientes</th>
                        <th>Licencia Activa</th>
                        <th>Módulos Habilitados</th>
                        <th class="text-center">Estado</th>
                        <th class="text-center" style="width: 150px;">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($empresas as $emp)
                        @php
                            $pacCount = $emp->getPacientesCount();
                            $pacMax = $emp->getMaxPacientes();
                            $pct = $emp->getPorcentajePacientes();
                            $lic = $emp->licenciaActiva;
                            $mods = $emp->getModulosActivos();
                        @endphp
                        <tr>
                            <td>
                                <span class="badge badge-secondary mb-1">{{ $emp->codigo }}</span>
                                <div class="font-weight-bold text-dark">{{ $emp->nombre }}</div>
                                <small class="text-muted"><i class="bi bi-envelope"></i> {{ $emp->email }}</small>
                            </td>
                            <td>
                                <div class="font-weight-600">{{ $emp->ruc }}</div>
                                <small class="text-muted"><i class="bi bi-person"></i> {{ $emp->representante }}</small><br>
                                <small class="text-muted"><i class="bi bi-telephone"></i> {{ $emp->telefono }}</small>
                            </td>
                            <td>
                                @if($emp->plan)
                                    <span class="badge px-2 py-1 text-white" style="background: {{ $emp->plan->color }};">
                                        {{ $emp->plan->nombre }}
                                    </span>
                                    <div class="small text-muted mt-1">${{ number_format($emp->plan->precio_mensual, 2) }}/mes</div>
                                @else
                                    <span class="badge badge-light border">Sin Plan</span>
                                @endif
                            </td>
                            <td style="min-width: 170px;">
                                <div class="d-flex justify-content-between small mb-1">
                                    <span class="font-weight-bold">{{ number_format($pacCount) }} / {{ $pacMax ? number_format($pacMax) : 'Ilimitados' }}</span>
                                    @if($pacMax)
                                        <span class="{{ $pct >= 90 ? 'text-danger font-weight-bold' : 'text-muted' }}">{{ $pct }}%</span>
                                    @endif
                                </div>
                                <div class="progress" style="height: 7px; border-radius: 5px;">
                                    <div class="progress-bar {{ $pct >= 90 ? 'bg-danger' : ($pct >= 75 ? 'bg-warning' : 'bg-success') }}"
                                         style="width: {{ $pacMax ? $pct : 30 }}%"></div>
                                </div>
                            </td>
                            <td>
                                @if($lic)
                                    <code class="font-weight-bold text-primary">{{ $lic->codigo_licencia }}</code>
                                    <div class="small text-muted">
                                        Vence: <b>{{ $lic->fecha_vencimiento->format('d/m/Y') }}</b>
                                        ({{ $lic->diasRestantes() }}d)
                                    </div>
                                @else
                                    <span class="badge badge-warning">Sin Licencia</span>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex flex-wrap" style="gap: 3px; max-width: 240px;">
                                    @foreach($mods as $mKey)
                                        @if(isset($catalogoModulos[$mKey]))
                                            <span class="badge badge-light border text-dark" style="font-size: 0.68rem;">
                                                <i class="bi {{ $catalogoModulos[$mKey]['icono'] }} text-primary"></i>
                                                {{ explode(',', $catalogoModulos[$mKey]['nombre'])[0] }}
                                            </span>
                                        @endif
                                    @endforeach
                                </div>
                            </td>
                            <td class="text-center">
                                @if($emp->estado === 'ACTIVA')
                                    <span class="badge badge-success px-2 py-1">ACTIVA</span>
                                @elseif($emp->estado === 'PRUEBA')
                                    <span class="badge badge-info px-2 py-1">PRUEBA</span>
                                @else
                                    <span class="badge badge-danger px-2 py-1">{{ $emp->estado }}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ route('admin.saas.empresas.show', $emp->id) }}" class="btn btn-primary" title="Ver Expediente / Editar">
                                        <i class="bi bi-gear-fill"></i>
                                    </a>
                                    <form action="{{ route('admin.saas.cambiar_empresa') }}" method="POST" class="d-inline">
                                        @csrf
                                        <input type="hidden" name="empresa_id" value="{{ $emp->id }}">
                                        <button type="submit" class="btn btn-info" title="Entrar a supervisar esta empresa">
                                            <i class="bi bi-box-arrow-in-right"></i>
                                        </button>
                                    </form>
                                    <form action="{{ route('admin.saas.empresas.toggle_estado', $emp->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn {{ $emp->estado === 'ACTIVA' ? 'btn-warning' : 'btn-success' }}"
                                                title="{{ $emp->estado === 'ACTIVA' ? 'Suspender Servicio' : 'Activar Servicio' }}">
                                            <i class="bi {{ $emp->estado === 'ACTIVA' ? 'bi-pause-circle' : 'bi-play-circle' }}"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
$(function () {
    $('#tablaEmpresasSaas').DataTable({
        responsive: true,
        autoWidth: false,
        language: {
            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/es-ES.json"
        }
    });
});
</script>
@endsection