@php
    $plans = ['basico' => 'Basico', 'pro' => 'Pro', 'premium' => 'Premium'];
    $modules = [
        'configuracion' => ['label' => 'Configuracion', 'desc' => 'General, diseno, menu y presentacion', 'icon' => 'bi-sliders'],
        'contenido' => ['label' => 'Contenido', 'desc' => 'Banner, niveles, noticias, eventos, galeria, etc.', 'icon' => 'bi-collection'],
        'gestion' => ['label' => 'Gestion', 'desc' => 'Admisiones y contactos', 'icon' => 'bi-clipboard2-check'],
    ];
@endphp

<div class="mb-3">
    <label class="form-label">Nombre del colegio / cuenta</label>
    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $client?->name ?? '') }}" required>
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="mb-3">
    <label class="form-label">Email</label>
    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $client?->email ?? '') }}" required>
    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

@if(!isset($client))
<div class="mb-3">
    <label class="form-label">Contrasena</label>
    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
    @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
@endif

<hr class="my-4">
<h6 class="fw-bold mb-3"><i class="bi bi-credit-card me-2 text-primary"></i>Plan y Suscripcion</h6>

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">Plan</label>
        <select name="plan" class="form-select @error('plan') is-invalid @enderror">
            @foreach($plans as $value => $label)
                <option value="{{ $value }}" {{ (old('plan', $client?->plan ?? 'basico') === $value) ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
        @error('plan')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6 mb-3">
        <label class="form-label">Espacio asignado (MB)</label>
        <input type="number" name="storage_limit_mb" class="form-control @error('storage_limit_mb') is-invalid @enderror" value="{{ old('storage_limit_mb', $client?->storage_limit_mb ?? 500) }}" min="1" required>
        @error('storage_limit_mb')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">Fecha de inicio</label>
        <input type="date" name="subscription_started_at" class="form-control @error('subscription_started_at') is-invalid @enderror" value="{{ old('subscription_started_at', $client?->subscription_started_at?->format('Y-m-d') ?? '') }}">
        @error('subscription_started_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6 mb-3">
        <label class="form-label">Fecha de renovacion</label>
        <input type="date" name="subscription_ends_at" class="form-control @error('subscription_ends_at') is-invalid @enderror" value="{{ old('subscription_ends_at', $client?->subscription_ends_at?->format('Y-m-d') ?? '') }}">
        @error('subscription_ends_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<hr class="my-4">
<h6 class="fw-bold mb-3"><i class="bi bi-shield-check me-2 text-primary"></i>Modulos permitidos</h6>
<p class="text-muted small">Selecciona que modulos podra ver este cliente.</p>

@php
    $stored = $client?->permissions ?? null;
    $selectedModules = old('permissions', $stored ? array_keys(array_filter($stored)) : null);
@endphp
@foreach($modules as $key => $module)
    <div class="d-flex align-items-center justify-content-between border rounded-3 px-3 py-2 mb-2">
        <div class="d-flex align-items-center gap-3">
            <div class="bg-primary bg-opacity-10 text-primary rounded-3 d-flex align-items-center justify-content-center" style="width:38px;height:38px;font-size:1.1rem;">
                <i class="bi {{ $module['icon'] }}"></i>
            </div>
            <div>
                <div class="fw-semibold small">{{ $module['label'] }}</div>
                <div class="text-muted small">{{ $module['desc'] }}</div>
            </div>
        </div>
        <div class="form-check form-switch m-0">
            <input class="form-check-input" type="checkbox" name="permissions[]" value="{{ $key }}"
                   {{ $selectedModules === null || in_array($key, $selectedModules) ? 'checked' : '' }} style="cursor:pointer;">
        </div>
    </div>
@endforeach