@extends('admin.layouts.app')

@php
    $isEdit = isset($admin);
    $pageTitle = $isEdit ? 'Editar Administrador' : 'Nuevo Administrador';
@endphp

@section('content')

    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">{{ $pageTitle }}</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Inicio</a></li>
                        <li class="breadcrumb-item">Organizacion</li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.admin-users.index') }}">Administradores</a></li>
                        <li class="breadcrumb-item active">{{ $isEdit ? 'Editar' : 'Nuevo' }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <form action="{{ $isEdit ? route('admin.admin-users.update', $admin->id) : route('admin.admin-users.store') }}" method="POST">
        @csrf
        @if($isEdit)
            @method('PUT')
        @endif

        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Datos del Administrador</h5>
            </div>
            <div class="card-body">
                <div class="row">

                    {{-- Nombre --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="name" class="form-label">Nombre <span class="text-danger">*</span></label>
                            <input type="text"
                                   name="name"
                                   id="name"
                                   class="form-control @error('name') is-invalid @enderror"
                                   placeholder="Nombre completo"
                                   value="{{ old('name', $isEdit ? $admin->name : '') }}"
                                   required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Email --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email"
                                   name="email"
                                   id="email"
                                   class="form-control @error('email') is-invalid @enderror"
                                   placeholder="correo@ejemplo.com"
                                   value="{{ old('email', $isEdit ? $admin->email : '') }}"
                                   required>
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Telefono --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="phone" class="form-label">Telefono</label>
                            <input type="text"
                                   name="phone"
                                   id="phone"
                                   class="form-control @error('phone') is-invalid @enderror"
                                   placeholder="Numero de telefono"
                                   value="{{ old('phone', $isEdit ? $admin->phone : '') }}">
                            @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Password --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="password" class="form-label">
                                Contrasena
                                @if(!$isEdit)
                                    <span class="text-danger">*</span>
                                @endif
                            </label>
                            <input type="password"
                                   name="password"
                                   id="password"
                                   class="form-control @error('password') is-invalid @enderror"
                                   placeholder="Contrasena"
                                   {{ !$isEdit ? 'required' : '' }}>
                            @if($isEdit)
                                <small class="form-text text-muted">Dejar vacio para mantener la actual.</small>
                            @endif
                            @error('password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Confirm Password --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="password_confirmation" class="form-label">Confirmar Contrasena</label>
                            <input type="password"
                                   name="password_confirmation"
                                   id="password_confirmation"
                                   class="form-control"
                                   placeholder="Repetir contrasena">
                        </div>
                    </div>

                    {{-- Rol --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="role_id" class="form-label">Rol <span class="text-danger">*</span></label>
                            <select name="role_id"
                                    id="role_id"
                                    class="form-select @error('role_id') is-invalid @enderror"
                                    required>
                                <option value="">Seleccionar rol...</option>
                                @foreach($roles as $role)
                                    <option value="{{ $role->id }}"
                                        {{ old('role_id', $isEdit && $admin->roles->isNotEmpty() ? $admin->roles->first()->id : '') == $role->id ? 'selected' : '' }}>
                                        {{ $role->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('role_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Estado --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="field_status" class="form-label">Estado</label>
                            <select name="status" id="field_status" class="form-select @error('status') is-invalid @enderror">
                                <option value="1" {{ old('status', $isEdit ? $admin->status : 1) == 1 ? 'selected' : '' }}>Activo</option>
                                <option value="0" {{ old('status', $isEdit ? $admin->status : 1) == 0 ? 'selected' : '' }}>Inactivo</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Sucursal: de quien es este usuario. Filtra las solicitudes de compra
                         que emite y las que recibe. Vacio = usuario de la empresa, ve todas. --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="co_sucu" class="form-label">Sucursal</label>
                            <select name="co_sucu" id="co_sucu" class="form-select @error('co_sucu') is-invalid @enderror">
                                <option value="">Sin sucursal (usuario de la empresa)</option>
                                @foreach($sucursales as $sucursal)
                                    <option value="{{ trim($sucursal->CO_ORIDE) }}"
                                        {{ old('co_sucu', $isEdit ? $admin->co_sucu : '') === trim($sucursal->CO_ORIDE) ? 'selected' : '' }}>
                                        {{ $sucursal->nombre }}{{ $sucursal->esCasaCentral() ? ' (Casa Central)' : '' }}
                                    </option>
                                @endforeach
                            </select>
                            @error('co_sucu')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                Determina que solicitudes de compra ve el usuario. Sin sucursal, las ve todas.
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        {{-- Permisos Adicionales --}}
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    Permisos Adicionales
                    <small class="text-muted fw-normal">(se suman a los del rol asignado)</small>
                </h5>
            </div>
            <div class="card-body">
                <div class="alert alert-info alert-dismissible fade show mb-3" role="alert">
                    <i class="ri-information-line me-2"></i>
                    Estos permisos se agregan <strong>ademas</strong> de los que ya tiene por su rol.
                    Util para dar acceso puntual sin modificar el rol compartido.
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                <div class="row">
                    @foreach($permissionGroups as $groupKey => $group)
                        <div class="col-lg-6 mb-3">
                            <div class="card border mb-0">
                                <div class="card-header bg-light d-flex align-items-center">
                                    <div class="form-check">
                                        <input class="form-check-input direct-group-select-all"
                                               type="checkbox"
                                               id="direct-group-{{ $groupKey }}"
                                               data-group="{{ $groupKey }}">
                                        <label class="form-check-label fw-semibold" for="direct-group-{{ $groupKey }}">
                                            {{ $group['label'] }}
                                        </label>
                                    </div>
                                </div>
                                <div class="card-body pb-1">
                                    <div class="row">
                                        @foreach($group['permissions'] as $permName)
                                            <div class="col-md-6">
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input direct-perm-checkbox direct-perm-{{ $groupKey }}"
                                                           type="checkbox"
                                                           name="direct_permissions[]"
                                                           value="{{ $permName }}"
                                                           id="direct-{{ $permName }}"
                                                           data-group="{{ $groupKey }}"
                                                           {{ (old('direct_permissions') && in_array($permName, old('direct_permissions'))) || (!old('direct_permissions') && in_array($permName, $directPermissions)) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="direct-{{ $permName }}">
                                                        {{ $permissionLabels[$permName] ?? $permName }}
                                                    </label>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Botones --}}
        <div class="pb-5 pt-3">
            <button type="submit" class="btn btn-primary">
                <i class="ri-save-line me-1"></i> {{ $isEdit ? 'Actualizar' : 'Crear Administrador' }}
            </button>
            <a href="{{ route('admin.admin-users.index') }}" class="btn btn-outline-dark ms-3">Cancelar</a>
        </div>

    </form>

@endsection

@push('js')
<script>
$(document).ready(function() {

    // --- Sync checkboxes on page load ---
    $('.direct-group-select-all').each(function() {
        var group = $(this).data('group');
        syncDirectGroupSelect(group);
    });

    // --- Group "Select All" ---
    $('.direct-group-select-all').on('change', function() {
        var group = $(this).data('group');
        var isChecked = $(this).is(':checked');
        $('.direct-perm-' + group).prop('checked', isChecked);
    });

    // --- Individual permission checkbox ---
    $('.direct-perm-checkbox').on('change', function() {
        var group = $(this).data('group');
        syncDirectGroupSelect(group);
    });

    function syncDirectGroupSelect(group) {
        var total = $('.direct-perm-' + group).length;
        var checked = $('.direct-perm-' + group + ':checked').length;
        $('#direct-group-' + group).prop('checked', total === checked);
    }

});
</script>
@endpush