@extends('layout.backend')

@section('title', 'Permissões do nível de acesso')

@section('scripts')
@parent
@vite(['resources/js/componentes-roles-permissions.js'])
@endsection

@section('content')

@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

@if(session()->has('alert-error'))
<div class="alert alert-danger">
    {!! session()->get('alert-error') !!}
</div>
@endif

@php
    // Agrupar permissões pelo primeiro caractere do campo order
    $permGroups = [];
    foreach ($permissions as $permission) {
        $key = substr($permission->order, 0, 1);
        $permGroups[$key][] = $permission;
    }

	// TO DO: Mover isto para o banco na tabela roles.
    $groupConfig = [
        '0' => ['label' => 'Administração',    'icon' => 'fa-shield-alt',     'color' => 'danger'],
        '1' => ['label' => 'Pessoas',    'icon' => 'fa-shield-alt',     'color' => 'danger'],
        '2' => ['label' => 'Membros Colih',    'icon' => 'fa-shield-alt',     'color' => 'primary'],
        '3' => ['label' => 'Assistentes',    'icon' => 'fa-shield-alt',     'color' => 'primary'],
        '4' => ['label' => 'Membros GVP',    'icon' => 'fa-shield-alt',     'color' => 'primary'],
        'b' => ['label' => 'Médicos',           'icon' => 'fa-user-md',        'color' => 'primary'],
        'd' => ['label' => 'Hospitais',         'icon' => 'fa-hospital',       'color' => 'info'],
        'e' => ['label' => 'Especialidades',    'icon' => 'fa-stethoscope',    'color' => 'success'],
        'f' => ['label' => 'Convênios',         'icon' => 'fa-handshake',      'color' => 'warning'],
        'g' => ['label' => 'Casos GVP / Colih', 'icon' => 'fa-folder-open',   'color' => 'info'],
        'h' => ['label' => 'Pessoas',           'icon' => 'fa-users',          'color' => 'primary'],
        'i' => ['label' => 'Papéis',            'icon' => 'fa-id-badge',       'color' => 'secondary'],
        'j' => ['label' => 'Visitas',           'icon' => 'fa-calendar-check', 'color' => 'success'],
        'k' => ['label' => 'Métricas',          'icon' => 'fa-chart-bar',      'color' => 'info'],
        'l' => ['label' => 'Documentos',        'icon' => 'fa-file-alt',       'color' => 'warning'],
        'm' => ['label' => 'Plantão',           'icon' => 'fa-clock',          'color' => 'danger'],
        'n' => ['label' => 'Facilitadores',     'icon' => 'fa-hands-helping',  'color' => 'success'],
        'o' => ['label' => 'Medicamentos',      'icon' => 'fa-pills',          'color' => 'primary'],
        'p' => ['label' => 'Casos Médicos',     'icon' => 'fa-clipboard-list', 'color' => 'secondary'],
        'q' => ['label' => 'Assistentes',       'icon' => 'fa-user-tie',       'color' => 'info'],
    ];
@endphp

<x-form.header.button-bar>
	<x-form.header.button-back :route="route('roles.index')" tooltip="Voltar à ĺista de níveis de acesso" />
</x-form.header.button-bar>

@include('components.widget.alerts')

<div class="card shadow mb-4">
	<div class="card-header py-3 d-flex flex-column flex-md-row align-items-md-center justify-content-md-between">
		<div class="mb-2 mb-md-0">
			<h6 class="m-0 font-weight-bold text-primary">
				<i class="fas fa-user-shield mr-2 text-primary"></i>EDITAR PERMISSÕES DO NÍVEL DE ACESSO
			</h6>
			<p class="mb-0 small text-muted mt-2">Marque as permissões que este nível de acesso deve possuir.</p>
		</div>
	</div>

    <div class="card-body">

        @if($errors->any())
        <div class="alert alert-danger alert-errors">
            <div class="mb-3"><strong>ATENÇÃO:</strong></div>
            <ul>
                @foreach ($errors->all() as $error)
                <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
        @endif

        {!! Form::open(['id' => 'form-edit-role-permissions', 'url' => route('roles.storepermissions'), 'autocomplete' => 'off']) !!}
        {!! Form::hidden('id', $role->id) !!}

        {{-- Cabeçalho com papel e botão salvar --}}
        <div class="row align-items-top mb-1">
            <div class="col-12 col-md mt-2">
			<span class="badge-lg badge-dark badge-pill px-3 py-2 align-self-start align-self-md-center">{{ $role->role }}</span>
            </div>
            <div class="col-12 col-md-auto mt-3 mt-md-0 text-right">
                <button type="submit" class="btn btn-primary btn-icon-split">
                    <span class="icon text-white-50"><i class="fas fa-save"></i></span>
                    <span class="text">Salvar</span>
                </button>
            </div>
        </div>

        <hr class="mb-4">

        {{-- Grade de grupos --}}
        <div class="row">
            @foreach($permGroups as $key => $groupPerms)
                @php
                    $cfg          = $groupConfig[$key] ?? ['label' => 'Outros', 'icon' => 'fa-lock', 'color' => 'secondary'];
                    $total        = count($groupPerms);
                    $checkedCount = collect($groupPerms)->filter(fn($p) => in_array($p->id, $role_permissions))->count();
                @endphp

                <div class="col-sm-12 col-md-6 col-xl-4 mb-3 d-flex">
                    <div class="card border-left-{{ $cfg['color'] }} w-100 shadow-sm">

                        {{-- Cabeçalho do grupo --}}
                        <div class="card-header py-2 px-3 d-flex align-items-center bg-light">
                            <i class="fas {{ $cfg['icon'] }} text-{{ $cfg['color'] }} mr-2 fa-fw"></i>
                            <span class="font-weight-bold text-{{ $cfg['color'] }} flex-grow-1">
                                {{ $cfg['label'] }}
                            </span>
                            <span class="badge badge-{{ $cfg['color'] }} badge-pill mr-2"
                                  id="count-{{ $key }}"
                                  title="{{ $checkedCount }} de {{ $total }} ativas">
                                {{ $checkedCount }}/{{ $total }}
                            </span>
                            <div class="form-check mb-0">
                                <input class="form-check-input select-all-group"
                                       type="checkbox"
                                       id="select-all-{{ $key }}"
                                       data-group="{{ $key }}"
                                       title="Marcar / desmarcar todas">
                                <label class="form-check-label small text-muted" for="select-all-{{ $key }}">
                                    Todos
                                </label>
                            </div>
                        </div>

                        {{-- Checkboxes do grupo --}}
                        <div class="card-body py-2 px-3">
                            @foreach($groupPerms as $permission)
                            <div class="form-check py-1">
                                <input class="form-check-input perm-checkbox"
                                       type="checkbox"
                                       name="permissions[]"
                                       value="{{ $permission->id }}"
                                       id="{{ $permission->slug }}"
                                       data-group="{{ $key }}"
                                       {{ in_array($permission->id, $role_permissions) ? 'checked' : '' }}>
                                <label class="form-check-label" for="{{ $permission->slug }}">
                                    {{ $permission->permission }}
                                </label>
                            </div>
                            @endforeach
                        </div>

                    </div>
                </div>
            @endforeach
        </div>


        {{-- Botão salvar inferior --}}
        <div class="mt-2">
            <button type="submit" class="btn btn-primary btn-icon-split">
                <span class="icon text-white-50"><i class="fas fa-save"></i></span>
                <span class="text">Salvar</span>
            </button>
        </div>

        {!! Form::close() !!}
    </div>
</div>


@endsection