@php
    // W projekcie global dane organizacji sa konfiguracyjne (bez sw000_organizacja).
    $org_nazwa_pelna = env('APP_ORG_NAME', config('app.name', 'Global - Multi Cube App'));
@endphp

<div class="my_logo">
    <a class="nav-link" href="https://multi-cube.pl" title="Multi-Cube" target="_blanc">
        <img class="img_logo" src="{{ asset('/img/logo/logo_01.png') }}" alt="Logo">
    </a>
</div>


<div class="my_top_title_div">

    <span class="my_top_title">{{ $org_nazwa_pelna }}</span>
    @yield('organizacja')

</div>


  <div class="navbar_auth">
      <nav class="navbar navbar-expand-md navbar-light">
          <div class="container">
              <div class="collapse navbar-collapse" id="navbarSupportedContent">

                <ul class="ml-auto navbar-nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="{{ url('/') }}" title="Strona Startowa">
                            <i class="fas fa-home fa-2x" aria-hidden="true"></i>
                        </a>
                    </li>





                  <!-- Right Side Of Navbar -->

                      <!-- /* Authentication Links */ -->
                      @guest
                        <li class="nav-item">
                            <a class="nav-link my_TopMenuButtons" href="{{ route('login') }}" title="Zaloguj się.">
                                <i class="fas fa-user fa-2x"></i>
                            </a>
                        </li>
                    @else

                        <li class="nav-item ">
                            <a class="nav-link my_TopMenuButtons" type="button" title="Info" onclick="my_ShowTogleDiv_MiniPanelMenu();">
                                <i class="fas fa-th fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>


                        <li class="nav-item ">
                            <a class="nav-link my_TopMenuButtons" type="button" aria-haspopup="true" aria-expanded="false" title="Jesteś zalogowany jako: {{ Auth::user()->name }}" onclick="my_ShowTogleDiv_UserProfil();" v-pre >
                            <i class="fas fa-user fa-2x"></i>
                            </a>
                        </li>




                      <!-- /* Kontrola roli zalogowanego usera */ -->
                      @if (Auth::user()->rola_admin == 1)

                        <li class="nav-item ">
                            <a class="nav-link my_TopMenuButtons" href="{{ url('/m_admin') }}" title="Panel Administratora Lokalnego">
                                <i class="fa fa-cog fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                      @endif


                        <li class="nav-item">
                            <a class="nav-link my_TopMenuButtons" title="Wyloguj się." style="margin-right: -15px;"
                            onclick="openModalForm('ModalForm_LogOut');"
                            ">
                                <i class="fas fa-sign-out-alt fa-2x"></i>
                            </a>



                        </li>
                </ul>
                      @endguest


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


<!-- ========================================= -->
<!--/*
    href="{{ route('logout') }}"

onclick="event.preventDefault();
            document.getElementById('logout-form').submit();
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
    @csrf
</form>
*/-->

<!-- /* div - prawe info */ -->
<div id="info" class="card_information">
    <button id="info_button_exit" class="btn btn-danger">X</button>
    <h3 style="margin-left: 4rem;">Informacja</h3>
    <hr style="background-color: white; margin: 10px 0 10px -15px;">
    <h5><u>Lorem ipsum</u></h5><br/>
    Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor

</div>

<script>
    function my_ShowInfo2 () {
        $(".card_information").show();
        var right = $('.card_information').offset().right;
        $(".card_information").css({left:right}).animate({"right":"0px"}, "fast");
        //$(".card_information").animate({width: 500}, 1000);
    };



    $(function(){
        $("#info_button_exit").click(function () {
            var right = $('.card_information').offset().right;
            $(".card_information").css({left:right}).animate({"right":"-400px"}, "slow");
            //$(".card_information").hide();
        });
    });

    function my_ShowTogleDiv (div_id) {
        var div_id;
        $("#"+div_id).slideToggle("fast");
    };

    function my_ShowTogleDiv_MiniPanelMenu () {
        $("#MiniPanelMenu_UserProfil").hide("fast");
        $("#MiniPanelMenu").slideToggle("fast");
    };

    function my_ShowTogleDiv_UserProfil () {
        $("#MiniPanelMenu").hide("fast");
        $("#MiniPanelMenu_UserProfil").slideToggle("fast");
    };



</script>


<!--/* Wysuwany Panel - Obszary */-->
@php
    // W globalu zewnetrzne tabele modulow moga nie byc dostepne.
    $obszary = [];
    if (function_exists('my_OrganisationActiveModules')) {
        try {
            $obszary = my_OrganisationActiveModules() ?: [];
        } catch (\Throwable $e) {
            $obszary = [];
        }
    }
@endphp

<div id="MiniPanelMenu" class="MiniPanelMenu form-group row">
    <div class="col-md-12 index-info">
        <h5>
            <i>
                Obszary dostępne w ramach usługi
            </i>
        </h5>
    </div>
    <div class="kafelek_ramka_mini_menu">


        <a class="text-muted" href="{{ url('/') }}" data-toggle="tooltip" title="Obszary Aplikacji" >
            <div class="my_kafelek_mini">
                <div class="col-12 d-flex flex-row box" style="padding: 6px;">
                    <div class="col-12" style="padding: 6px;">
                        <div class='iconWrapperMiniMenu'>
                            <i class="fas fa-th fa-lg" aria-hidden="true"></i>
                        </div>
                    </div>
                </div>

            </div>
        </a>

        @if($obszary != null )
            @foreach ( $obszary as $item )
                @php
                    $Permission = new my_GetPermission();
                    $PermissionValue = $Permission->my_area($item->id);

                    if ($PermissionValue){
                        $kafelek_style = "my_kafelek_mini";
                        $kolor = $item->kolor;
                        $disabled = null;
                    }else{
                        $kafelek_style = "my_kafelek_mini_grey";
                        $kolor = "none";
                        $disabled = "my_disabled";
                    }
                @endphp

                @if($disabled == null)
                    <a class="text-muted {{ $disabled }}" href="{{ url('/'.$item->routing) }}" data-toggle="tooltip" title="{{ $item->nazwa_pelna }}" >
                        <div class="{{ $kafelek_style }}">
                            <div class="col-12 d-flex flex-row box" style="padding: 6px;">
                                <div class="col-12" style="padding: 6px;">
                                    <div class='iconWrapperMiniMenu alert-{{ $kolor }}'>
                                        <i class='icon {{ $item->piktogram }}'></i>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </a>
                @endif
            @endforeach
        @endif
    </div>
</div>


<!--/* Wysuwany Panel - Profil Użytkownika */-->
@php
    if(isset(Auth::user()->id)){
        $user_id = Auth::user()->id;
        $user_name = Auth::user()->name;
        $user_email = Auth::user()->email;
        $user_role = Auth::user()->rola_admin;
    }else{
        $user_id = '';
        $user_name = '';
        $user_email = '';
        $user_role = '';
    }



    if(isset(Auth::user()->pracownik_id)){
        $pracownik_id = Auth::user()->pracownik_id;
        $dzialy_pracownika = my_EmployeeDepartments($pracownik_id);
        $dzialy_pracownika_nazwy = my_EmployeeDepartmentsNames_List($pracownik_id);
        $dzial_pracownika_skrot =my_FirstDepartment($pracownik_id);
        $dzial_pracownika_nazwa =my_FirstDepartment_FullName($pracownik_id);

        $osoba_nazwa =  my_PersonFullName($pracownik_id);
    }
    //dd("---",$dzial_pracownika_nazwa,$pracownik_id,$dzialy_pracownika,$dzialy_pracownika_nazwy);


    // Zmienna do której podpięto status położenia menu
    // Status Menu
    if(isset(Auth::user()->id)){
        $currentStatus = 0;
        try {
            if (\Illuminate\Support\Facades\Schema::hasTable('users_settings')) {
                $users_settings = DB::table('users_settings')
                    ->where('user_id', $user_id)
                    ->where('users_settings_option_id', 1)
                    ->first();
                $currentStatus = (int) ($users_settings->active ?? 0);
            }
        } catch (\Throwable $e) {
            $currentStatus = 0;
        }
    }else{
        $currentStatus = 0;
    }



@endphp
<div id="MiniPanelMenu_UserProfil" class="MiniPanelMenu form-group row">

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item nav-item-user_profil" role="presentation">
    <a class="nav-link active nav-item-user_profil" id="profil-tab" data-toggle="tab" href="#profil" role="tab"
       aria-controls="profil" aria-selected="true">Profil</a>
  </li>
  <li class="nav-item nav-item-user_profil" role="presentation">
    <a class="nav-link nav-item-user_profil" id="settings-tab" data-toggle="tab" href="#settings" role="tab"
       aria-controls="settings" aria-selected="false">Ustawienia</a>
  </li>
</ul>


<div class="tab-content tab-content-user_info" id="myTabContent">
    <div class="tab-pane fade show active" id="profil" role="tabpanel" aria-labelledby="home-tab">
        <!-- TAB - Profil użytkownika -->
        <div class="col-md-12 index-info">
            <h5>
                <i>
                    Info - Profil użytkownika
                </i>
            </h5>
        </div>
        <div class="kafelek_ramka">
            <span class="row">
                <label class="col-md-4 text-right">Login:</label>
                <div class="col-md-8 text-left">{{ $user_name ?? ''}}</div>
            </span>
            <span class="row">
                <label class="col-md-4 text-right">Email:</label>
                <div class="col-md-8 text-left">{{ $user_email ?? ''}}</div>
            </span>
            <span class="row">
                <label class="col-md-4 text-right">Funkcja:</label>
                @if($user_role == 1)
                    <div class="col-md-8 text-left">Lokalny Administrator</div>
                @else
                    <div class="col-md-8 text-left">Użytkownik</div>
                @endif
            </span>
                    @if(isset(Auth::user()->pracownik_id))

                <hr style="border-color:white;" />
                <span class="row">
                    <label class="col-md-4 text-right">Imię i Nazwisko:</label>
                    <div class="col-md-8 text-left"><b>{{ $osoba_nazwa ?? 'Nie przypisano' }}</b></div>
                </span>
                <hr style="border-color:white;" />

                <span class="row">
                    <label class="col-md-4 text-right">Komórka/i Org.:</label>
                    <div class="col-md-8 text-left">{!! $dzialy_pracownika_nazwy ?? 'Nie przypisano do KO' !!}</div>
                </span>
            @else
                <hr style="border-color:white;" />
                <div class="col-md-12 text-center text-danger blink" style="background-color: white; font-size: 1.5rem;">Konto nie zostało przypisane do użytkownika</div>
            @endif

            <hr style="border-color:white;" />
            <a class="btn btn-primary" type="button" data-toggle="tooltip" title="Przejdź do Zmiany Hasła" onclick="openModalForm('ModalForm_ChangePassword')">Zmiana Hasła</a>

        </div>
        <!-- KONIEC - TAB - Profil użytkownika -->
    </div>

    <div class="tab-pane fade" id="settings" role="tabpanel" aria-labelledby="contact-tab">
        <!-- TAB - Ustawienia użytkownika -->
        <div class="col-md-12 index-info">
            <h5>
                <i>
                    Ustawienia - Profil użytkownika
                </i>
            </h5>
        </div>

        <form id="user-settings-form" method="POST" action="{{ route('user_settings_update') }}">
            @csrf
            <div class="kafelek_ramka">
                <span class="row">
                    <label class="col-md-4 text-right">Położenie MENU:</label>
                    <div class="col-md-8 text-left">

                        <div class="form-group">
                            <label class="ml-3">
                                <input type="radio"
                                    name="polozenie_menu_uzytkownika"
                                    value="L"
                                    {{ $currentStatus == 1 ? 'checked' : '' }}>
                                Lewa strona
                            </label>
                            <br/>
                            <label class="ml-3">
                                <input type="radio"
                                    name="polozenie_menu_uzytkownika"
                                    value="P"
                                    {{ $currentStatus == 0 ? 'checked' : '' }}>
                                Prawa strona
                            </label>
                        </div>

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

            <hr style="border-color:white;" />
            <button type="submit" class="btn btn-primary">Zapisz</button>
        </form>
        <hr style="border-color:white;" />
        <a class="btn btn-secondary" href="{{ route('2fa.show') }}">Ustawienia 2FA</a>
        <!-- KONIEC - TAB - Ustawienia użytkownika -->
    </div>
</div>







</div>

<script>
    $(function () {
        var storageKey = 'myTab_active_href';

        // przywróć po odświeżeniu
        var saved = localStorage.getItem(storageKey); // np. "#profile"
        if (saved) {
            $('#myTab a[href="' + saved + '"]').tab('show');
        }

        // zapamiętaj po kliknięciu
        $('#myTab a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            var href = $(e.target).attr('href'); // "#home" / "#profile" / "#contact"
            if (href) localStorage.setItem(storageKey, href);
        });

        var userSettingsForm = document.getElementById('user-settings-form');
        if (userSettingsForm) {
            userSettingsForm.addEventListener('submit', function (event) {
                var tokenInput = userSettingsForm.querySelector('input[name="_token"]');
                if (!tokenInput) {
                    return;
                }

                event.preventDefault();

                fetch('{{ route('csrf.token') }}', {
                    method: 'GET',
                    credentials: 'same-origin',
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                })
                .then(function (response) {
                    if (!response.ok) {
                        throw new Error('csrf_refresh_failed');
                    }
                    return response.json();
                })
                .then(function (data) {
                    if (data && data.token) {
                        tokenInput.value = data.token;
                    }
                    userSettingsForm.submit();
                })
                .catch(function () {
                    userSettingsForm.submit();
                });
            });
        }
    });
</script>

@auth
@if(session('show_optional_2fa_reminder'))
    <style>
        body > #twoFactorOptionalReminderModal {
            position: fixed !important;
            z-index: 2100 !important;
        }

        .modal-backdrop.modal-backdrop-2fa-optional-reminder {
            z-index: 2099 !important;
        }
    </style>

    <div class="modal fade" id="twoFactorOptionalReminderModal" tabindex="-1" role="dialog" aria-labelledby="twoFactorOptionalReminderTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="twoFactorOptionalReminderTitle">Zwieksz bezpieczenstwo konta</h5>
                    <button type="button" class="close" id="twoFactorOptionalReminderCloseTop" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <p class="mb-2">
                        Mozesz juz wlaczyc<br/><h2>2FA</h2><br/>(uwierzytelnianie dwuskladnikowe).
                    </p>
                    <p class="mb-3">
                        To znacznie zwieksza bezpieczenstwo Twojego konta.
                    </p>

                    <div class="custom-control custom-checkbox">
                        <hr/>
                        <input type="checkbox" class="custom-control-input" id="twoFactorOptionalReminderSnooze">
                        <label class="custom-control-label" for="twoFactorOptionalReminderSnooze">
                            Nie pokazuj komunikatu przez 7 dni
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" id="twoFactorOptionalReminderCloseBottom">Zamknij</button>
                    <a href="{{ route('2fa.show') }}" class="btn btn-primary" id="twoFactorOptionalReminderGoToSettings">Przejdz do ustawien 2FA</a>
                </div>
            </div>
        </div>
    </div>

    <script>
        (function () {
            var $modal = $('#twoFactorOptionalReminderModal');
            if (!$modal.length) {
                return;
            }

            // Modal jest w partialu naglowka (z wlasnym stacking context),
            // dlatego przenosimy go do body, aby warstwy dzialaly globalnie.
            if ($modal.parent().get(0) !== document.body) {
                $modal.appendTo('body');
            }

            var snoozeCheckbox = document.getElementById('twoFactorOptionalReminderSnooze');
            var closeButtons = [
                document.getElementById('twoFactorOptionalReminderCloseTop'),
                document.getElementById('twoFactorOptionalReminderCloseBottom')
            ];
            var goToSettingsButton = document.getElementById('twoFactorOptionalReminderGoToSettings');
            var csrfMeta = document.querySelector('meta[name="csrf-token"]');
            var csrfToken = csrfMeta ? String(csrfMeta.getAttribute('content') || '') : '';

            $modal.on('show.bs.modal', function () {
                $(this).css('z-index', '2100');
                $(this).find('.modal-dialog').css('pointer-events', 'auto');
            });

            $modal.on('shown.bs.modal', function () {
                var $backdrop = $('.modal-backdrop').last();
                if ($backdrop.length) {
                    $backdrop.addClass('modal-backdrop-2fa-optional-reminder');
                }
            });

            $modal.on('hidden.bs.modal', function () {
                $('.modal-backdrop-2fa-optional-reminder').removeClass('modal-backdrop-2fa-optional-reminder');
            });

            function saveSnoozeIfChecked() {
                if (!snoozeCheckbox || !snoozeCheckbox.checked) {
                    return Promise.resolve();
                }

                return fetch('{{ route('2fa.optional-reminder.snooze') }}', {
                    method: 'POST',
                    credentials: 'same-origin',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest',
                        'X-CSRF-TOKEN': csrfToken
                    },
                    body: '{}'
                }).catch(function () {
                    return null;
                });
            }

            closeButtons.forEach(function (button) {
                if (!button) {
                    return;
                }

                button.addEventListener('click', function () {
                    saveSnoozeIfChecked().finally(function () {
                        $modal.modal('hide');
                    });
                });
            });

            if (goToSettingsButton) {
                goToSettingsButton.addEventListener('click', function (event) {
                    if (!snoozeCheckbox || !snoozeCheckbox.checked) {
                        return;
                    }

                    event.preventDefault();
                    var targetUrl = goToSettingsButton.getAttribute('href');

                    saveSnoozeIfChecked().finally(function () {
                        window.location.href = targetUrl;
                    });
                });
            }

            $modal.modal({
                backdrop: 'static',
                keyboard: true,
                show: true
            });
        })();
    </script>
@endif
@endauth