@section('title', __('general.page_permissions_title', ['name' => $adminData->nickname ?? '']))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/admins.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_general')],
        ['label' => __('general.page_users_h1'), 'url' => route('users.r')],
        ['label' => __('general.page_permissions_breadcrumb')],
    ];

    $locked = 'dashboard';
    $total = 0;
    $on = 0;
    $tally = [];

    foreach ($groups as $groupKey => $group) {
        $tally[$groupKey] = ['on' => 0, 'total' => 0, 'free' => 0, 'sections' => []];

        foreach ($group['sections'] as $sectionKey => $section) {
            $sectionOn = 0;

            foreach (array_keys($section['items']) as $item) {
                $name = permission_name($groups, $groupKey, $item);

                if ($name !== $locked) {
                    $tally[$groupKey]['free']++;
                }

                if ($name === $locked || isset($granted[$name])) {
                    $sectionOn++;
                }
            }

            $tally[$groupKey]['sections'][$sectionKey] = ['on' => $sectionOn, 'total' => count($section['items'])];
            $tally[$groupKey]['on'] += $sectionOn;
            $tally[$groupKey]['total'] += count($section['items']);
        }

        $on += $tally[$groupKey]['on'];
        $total += $tally[$groupKey]['total'];
    }
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ $adminData->nickname ?? __('general.page_permissions_breadcrumb') }}</h1>
            <p class="page-sub">{{ __('general.perm_intro') }}</p>
        </div>
        <span class="permcount">
            <strong class="permcount__n">{{ $on }}</strong>
            <span>{{ trans_choice('general.perm_of_total', $total, ['total' => $total]) }}</span>
        </span>
    </header>

    <form class="permf" method="POST" action="{{ route('users.u.perm.do') }}" data-msg-saving="{{ __('site.configs_saving') }}">
        <input type="hidden" name="user_id" value="{{ $id_user }}">

        @foreach($groups as $groupKey => $group)
            @php $groupTally = $tally[$groupKey]; @endphp

            <section class="sec permgroup" data-group="{{ $groupKey }}">
                <div class="sec__head permgroup__head">
                    <span class="permgroup__ico"><i class="fa-solid {{ $group['icon'] }}"></i></span>
                    <div class="permgroup__text">
                        <h2 class="sec__title">{{ $group['label'] }}</h2>
                        <p class="permgroup__sum"
                           data-one="{{ trans_choice('general.perm_group_count', 1, ['count' => ':count', 'total' => $groupTally['total']]) }}"
                           data-many="{{ trans_choice('general.perm_group_count', 2, ['count' => ':count', 'total' => $groupTally['total']]) }}">{{ trans_choice('general.perm_group_count', $groupTally['on'], ['total' => $groupTally['total']]) }}</p>
                    </div>
                    @if($groupTally['free'] > 1)
                        <label class="permall">
                            <input type="checkbox" class="permall__box">
                            <span>{{ __('general.perm_select_all') }}</span>
                        </label>
                    @endif
                </div>

                <div class="sec__body">
                    @foreach($group['sections'] as $sectionKey => $section)
                        @php $sectionTally = $groupTally['sections'][$sectionKey]; @endphp

                        <div class="permsec">
                            @if(count($group['sections']) > 1)
                                <p class="permsec__label">
                                    {{ $section['label'] }}
                                    <span class="permsec__n" data-template="{{ __('general.perm_section_count', ['count' => ':count', 'total' => $sectionTally['total']]) }}">{{ __('general.perm_section_count', ['count' => $sectionTally['on'], 'total' => $sectionTally['total']]) }}</span>
                                </p>
                            @endif

                            <div class="permgrid">
                                @foreach($section['items'] as $item => $data)
                                    @php $name = permission_name($groups, $groupKey, $item); @endphp

                                    @if($name === $locked)
                                        <div class="perm is-locked">
                                            <span class="perm__ico"><i class="fa-solid {{ $data['icon'] }}"></i></span>
                                            <span class="perm__text">
                                                <span class="perm__name">{{ $data['label'] }}</span>
                                                <span class="perm__note">{{ __('general.perm_always') }}</span>
                                            </span>
                                            <i class="fa-solid fa-lock perm__lock"></i>
                                        </div>
                                    @else
                                        <label class="perm">
                                            <span class="perm__ico"><i class="fa-solid {{ $data['icon'] }}"></i></span>
                                            <span class="perm__text">
                                                <span class="perm__name">{{ $data['label'] }}</span>
                                            </span>
                                            <input type="checkbox"
                                                   name="permission[{{ $groupKey }}][{{ $sectionKey }}][{{ $item }}]"
                                                   value="1"
                                                   @checked(isset($granted[$name]))>
                                        </label>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endforeach

        <div class="permf__foot">
            <a class="btn btn--ghost" href="{{ route('users.r') }}">{{ __('site.btn_cancel') }}</a>
            <button class="btn btn--primary permf__submit" type="submit">
                @include('includes.spinner')
                <span class="btn__label">{{ __('general.action_save_changes') }}</span>
            </button>
        </div>
    </form>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-permissions.js') }}"></script>
@endsection

@include('includes/footer-novo')