@extends('layouts.main')

@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{ asset('css/edit-user.css') }}"/>
    @endpush
@endonce

@php
    function padCount($count) {
        return str_pad((string) $count, 2, '0', STR_PAD_LEFT);
    }

    $activeTab = request('tab') ?? 'personal';

    // Tabs with static labels
    $tabs = [
        'personal' => ['label' => 'Personal Info'],
        'relations' => ['label' => 'Relations'],
        'profile' => ['label' => 'Profile'],
        'roles' => ['label' => 'Roles: ' . padCount($user->roles->count())],
        'projects_manager' => ['label' => 'Projects Manager: ' . padCount(count($managing_projects))],
        'units' => ['label' => 'Units: ' . padCount($user->units->count())],
        'microservices' => ['label' => 'M/S: ' . padCount($user->microservices->count())],
        'signatures' => ['label' => 'Signatures: ' . padCount($user->personal_signatures->count())],
        'on_behalves' => ['label' => 'On Behalves: ' . padCount($user->my_behalfees->count())],
        'notifications' => ['label' => 'Notifications'],
        'groups' => ['label' => 'GROUPS'],
        'ldap_services' => ['label' => 'LDAP SERVICES'],
        'protocol_units' => ['label' => 'PROTOCOL UNITS'],
    ];

    // Conditionally insert 'contracts' after 'profile'
    if ($user->work_relation_id === 2) {
        $tabs = collect($tabs)
            ->slice(0, 3)
            ->put('contracts', ['label' => "Contracts:". padCount($contract_counter)])
            ->merge(collect($tabs)->slice(3))
            ->all();
    }

    $basepath = 'management-users.partials.edit-';
    $partials = collect($tabs)->mapWithKeys(fn($_, $key) => [$key => $basepath . str_replace('_', '-', $key)])->all();

    $tabToShow = $partials[$activeTab] ?? $partials['personal'];
@endphp

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <x-page-header back-link="{{ route('management-users') }}">
        EDITING {{ $user->lastname }} {{ $user->firstname }}
    </x-page-header>

    <ul class="nav form-tabs-container nav-pills mb-5" id="pills-tab" role="tablist">
        @foreach($tabs as $tabKey => $tabData)
            @php
                $isHelpDeskTab = in_array($tabKey, ['microservices', 'units', 'roles'])
                    && auth()->user()->roles->first()->view_name == 'help_desk';
            @endphp
            <li class="nav-item" role="presentation">
                <x-ui.blue-button
                    class="{{ $isHelpDeskTab ? 'red' : '' }} {{ $activeTab === $tabKey ? 'active' : '' }}"
                    id="pills-{{ $tabKey }}-tab"
                    pill="#pills-{{ $tabKey }}"
                    route="{{ route('management-users.edit', ['user' => $user->id, 'tab' => $tabKey]) }}">
                    {!! $tabData['label'] !!}
                </x-ui.blue-button>
            </li>
        @endforeach
    </ul>

    <div class="tab-content">
        @foreach($tabs as $tabKey => $tabData)
            <div
                class="tab-pane {{ $tabKey === $activeTab ? 'active' : '' }}"
                id="pills-{{ $tabKey }}"
                role="tabpanel"
                aria-labelledby="pills-{{ $tabKey }}-tab"
            >
                @if($tabKey === $activeTab)
                    @include($partials[$tabKey])
                @endif
            </div>
        @endforeach
    </div>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('button[route]').forEach(button => {
                button.addEventListener('click', function(event) {
                    event.preventDefault();
                    window.location.href = button.getAttribute('route');
                });
            });
        });
    </script>
@endpush