@php
    $user = auth()->user();
@endphp
<!--begin::Toolbar wrapper-->
<div class="d-flex align-items-stretch flex-shrink-0">
    <!--begin::Search-->
    <div class="d-flex align-items-center ms-1 ms-lg-3">
        <!--begin::Support Menu wrapper-->
        <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="click"
            data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
            <i class="ki-outline ki-question-2 fs-1"></i>
        </div>
        @include('web.default.panel.partials/search/_dropdown')
        <!--end::Support Menu wrapper-->
    </div>
    {{-- <div class="d-flex align-items-stretch ms-1 ms-lg-3">
        @include('web.default.panel.partials/search/_dropdown')
    </div> --}}
    <!--end::Search-->
    <!--begin::Activities-->
    {{-- <div class="d-flex align-items-center ms-1 ms-lg-3">
        <!--begin::Drawer toggle-->
        <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" id="kt_activities_toggle">
            <i class="ki-outline ki-notification-bing fs-1"></i>
        </div>
        <!--end::Drawer toggle-->
    </div> --}}
    <!--end::Activities-->
    <!--begin::Quick links-->
    @if ($user)
        <div class="d-flex align-items-center ms-1 ms-lg-3">
            <!--begin::Menu wrapper-->
            <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px"
                data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                <i class="ki-outline ki-tablet-ok fs-1"></i>
            </div>
            @include('web.default.panel.partials/menus/_quick-links-menu')
            <!--end::Menu wrapper-->
        </div>
    @endif
    <!--end::Quick links-->
    <!--begin::Chat-->
    {{-- <div class="d-flex align-items-center ms-1 ms-lg-3">
        <!--begin::Menu wrapper-->
        <div class="btn btn-icon btn-active-light-primary position-relative btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px pulse pulse-success"
            id="kt_drawer_chat_toggle">
            <i class="ki-outline ki-notification-2 fs-1"></i>
            <span class="pulse-ring w-45px h-45px"></span>
        </div>
        <!--end::Menu wrapper-->
    </div> --}}
    <!--end::Chat-->
    <!--begin::Notifications-->
    @if ($user)
        <div class="d-flex align-items-center ms-1 ms-lg-3">
            <!--begin::Menu- wrapper-->
            <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px position-relative"
                data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                <i class="ki-outline ki-element-11 fs-1"></i>
            </div>
            @include('web.default.panel.partials/menus/_notifications-menu')
            <!--end::Menu wrapper-->
        </div>
    @endif
    <!--end::Notifications-->
    {{-- <!--begin::Theme mode-->
    <div class="d-flex align-items-center ms-1 ms-lg-3">
        @include('web.default.panel.partials/theme-mode/_main')
    </div>
    <!--end::Theme mode--> --}}
    <!--begin::User menu-->
    @if ($user)
        <div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
            <!--begin::Menu wrapper-->
            <div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click"
                data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                <img src="{{ $user->getAvatar() }}" alt="image" />
            </div>

            @include('web.default.panel.partials/menus/_user-account-menu')
        @else
            <div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_login_button">
                <button type="button" class="btn btn-sm btn-primary btn-block" id="loadLoginModal">Log in</button>
            </div>

            <div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_register_button">
                <button type="button" class="btn btn-sm btn-outline btn-block" id="loadRegisterModal">Register</button>
            </div>

            <!-- Placeholder for modals -->
            <div id="modalContainer"></div>
    @endif


    <!--end::Menu wrapper-->
</div>
<!--end::User menu-->
<!--begin::Heaeder menu toggle-->
{{-- <div class="d-flex align-items-center d-lg-none ms-2 me-n2" title="Show header menu">
    <div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-40px h-md-40px"
        id="kt_header_menu_mobile_toggle">
        <i class="ki-outline ki-burger-menu-2 fs-1"></i>
    </div>
</div> --}}
<!--end::Heaeder menu toggle-->
</div>
<!--end::Toolbar wrapper-->
@push('scripts_bottom')
    <script>
        $(document).ready(function() {
            // $('#passwordless_sign_in_form').on('submit', function(e) {
            //     e.preventDefault();

            //     var form = $(this);
            //     var url = '/passwordless/login';
            //     var formData = form.serialize();

            //     $.ajax({
            //         type: 'POST',
            //         url: url,
            //         data: formData,
            //         dataType: 'json',
            //         beforeSend: function() {
            //             // Disable the submit button to prevent multiple submissions
            //             form.find('button[type="submit"]').prop('disabled', true);
            //         },
            //         success: function(response) {
            //             if (response.success) {
            //                 Swal.fire({
            //                     icon: 'success',
            //                     title: 'Success',
            //                     text: response.message,
            //                     confirmButtonText: 'OK'
            //                 });
            //                 $('#kt_modal_login').modal('hide');
            //             } else {
            //                 Swal.fire({
            //                     icon: 'error',
            //                     title: 'Error',
            //                     text: response.message,
            //                     confirmButtonText: 'OK'
            //                 });
            //             }
            //         },
            //         error: function(xhr, status, error) {
            //             Swal.fire({
            //                 icon: 'error',
            //                 title: 'Error',
            //                 text: 'An error occurred while processing your request.',
            //                 confirmButtonText: 'OK'
            //             });
            //         },
            //         complete: function() {
            //             // Re-enable the submit button
            //             form.find('button[type="submit"]').prop('disabled', false);
            //         }
            //     });
            // });
        });
    </script>

    <script>
        $(document).ready(function() {
            $('#loadLoginModal').on('click', function() {
                // Remove existing modal if it exists
                $('#kt_modal_login').remove();

                // Fetch the login modal from the server
                $.get("{{ route('modal.login') }}", function(data) {
                    $('#modalContainer').html(data);
                    var loginModal = new bootstrap.Modal(document.getElementById('kt_modal_login'));
                    loginModal.show();
                }).fail(function() {
                    console.error('Failed to load login modal.');
                });
            });

            $('#loadRegisterModal').on('click', function(e) {
                // Get the redirect URL from data attribute or current page URL
                var redirectTo = $(this).data('redirect') || window.location.href;

                // Remove existing modal if it exists
                $('#initialRegistrationModal').remove();

                // Fetch the register modal from the server with redirect parameter
                $.get("{{ route('modal.register') }}", {
                    redirect: redirectTo
                }, function(data) {
                    $('#modalContainer').html(data);
                    var registerModal = new bootstrap.Modal(document.getElementById(
                        'initialRegistrationModal'));
                    registerModal.show();
                }).fail(function() {
                    console.error('Failed to load register modal.');
                });
            });
        });
    </script>
@endpush