﻿@php
$logo = \App\Models\Utility::get_file('uploads/logo/');
$company_favicon = \App\Models\Utility::getValByName('company_favicon');
$company_logo = \App\Models\Utility::GetLogo();
$SITE_RTL = \App\Models\Utility::getValByName('SITE_RTL');
$setting = \App\Models\Utility::colorset();
$color = !empty($setting['theme_color']) ? $setting['theme_color'] : 'theme-3';
$pusher_setting = \App\Models\Utility::settings();
$getseo = App\Models\Utility::getSeoSetting();
$metatitle = isset($getseo['meta_title']) ? $getseo['meta_title'] : '';
$metadesc = isset($getseo['meta_description']) ? $getseo['meta_description'] : '';
$meta_image = \App\Models\Utility::get_file('uploads/meta/');
$meta_logo = isset($getseo['meta_image']) ? $getseo['meta_image'] : '';
$enable_cookie = \App\Models\Utility::getCookieSetting('enable_cookie');
$lang = 'en';
if (isset($setting['color_flag']) && $setting['color_flag'] == 'true') {
    $themeColor = 'custom-color';
} else {
    $themeColor = $color;
}
@endphp

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ $SITE_RTL == 'on' ? 'rtl' : '' }}">

    <head>

        <title>
            {{ \App\Models\Utility::getValByName('title_text') ? \App\Models\Utility::getValByName('title_text') : config('app.name', 'HRMGo SaaS') }}
            - @yield('page-title')
            </title>

        <!-- SEO META -->
        <meta name="title" content="{{ $metatitle }}">
        <meta name="description" content="{{ $metadesc }}">
        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website">
        <meta property="og:url" content="{{ env('APP_URL') }}">
        <meta property="og:title" content="{{ $metatitle }}">
        <meta property="og:description" content="{{ $metadesc }}">
        <meta property="og:image"
            content="{{ isset($meta_logo) && !empty(asset('storage/uploads/meta/' . $meta_logo)) ? asset('storage/uploads/meta/' . $meta_logo) : 'hrmgo.png' }}">

        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image">
        <meta property="twitter:url" content="{{ env('APP_URL') }}">
        <meta property="twitter:title" content="{{ $metatitle }}">
        <meta property="twitter:description" content="{{ $metadesc }}">
        <meta property="twitter:image"
            content="{{ isset($meta_logo) && !empty(asset('storage/uploads/meta/' . $meta_logo)) ? asset('storage/uploads/meta/' . $meta_logo) : 'hrmgo.png' }}">


        <meta charset="utf-8" />
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="Dashboard Template Description" />
        <meta name="keywords" content="Dashboard Template" />
        <meta name="author" content="WorkDo" />


        <!-- Favicon icon -->
        <link rel="icon" href="{{ asset('assets/images/payraty-favicon.png') }}" type="image/x-icon" />
        <!-- for calender-->
        <link rel="stylesheet" href="{{ asset('assets/css/plugins/main.css') }}">

        <link rel="stylesheet" href="{{ asset('assets/css/plugins/datepicker-bs5.min.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/css/plugins/style.css') }}">
        <!-- font css -->
        <link rel="stylesheet" href="{{ asset('assets/css/plugins/bootstrap-switch-button.min.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/fonts/tabler-icons.min.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/fonts/feather.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/fonts/fontawesome.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/fonts/material.css') }}">
        <link rel="stylesheet" href="{{ asset('css/custom.css') }}">

        <!-- vendor css -->

        <link rel="stylesheet" href="{{ asset('assets/css/customizer.css') }}">
        <link rel="stylesheet" href="{{ asset('css/custom.css') }}">


        @if ($SITE_RTL == 'on')
            <link rel="stylesheet" href="{{ asset('assets/css/style-rtl.css') }}">
        @endif

        @if ($setting['cust_darklayout'] == 'on')
            <link rel="stylesheet" href="{{ asset('assets/css/style-dark.css') }}">
        @else
            <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}" id="main-style-link">
        @endif

        <meta name="url" content="{{ url('') . '/' . config('chatify.routes.prefix') }}"
            data-user="{{ Auth::user()->id }}">

        <link rel='stylesheet' href='https://unpkg.com/nprogress@0.2.0/nprogress.css' />

        @if ($setting['cust_darklayout'] == 'on')
            <link rel="stylesheet" href="{{ asset('assets/css/custom-dark.css') }}">
        @endif

        <style>
            :root {
                --color-customColor: '#164c9d';
            }
        </style>
        <link rel="stylesheet" href="{{ asset('css/custom-color.css') }}">

        @stack('css-page')
        </head>



    <body class="{{ $themeColor }}">
        <!-- [ Pre-loader ] start -->
        <div class="loader-bg">
            <div class="loader-track">
                <div class="loader-fill"></div>
            </div>
        </div>
        <!-- [ Pre-loader ] End -->
        <!-- [ navigation menu ] start -->
        @include('partial.Admin.menu')
        <!-- [ navigation menu ] end -->
        <!-- [ Header ] start -->

        @include('partial.Admin.header')

        <!-- Modal -->
        <div class="modal notification-modal fade" id="notification-modal" tabindex="-1" role="dialog"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="btn-close float-end" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                        <h6 class="mt-2">
                            <i data-feather="monitor" class="me-2"></i>Desktop settings
                        </h6>
                        <hr />
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="pcsetting1" checked />
                            <label class="form-check-label f-w-600 pl-1" for="pcsetting1">Allow desktop
                                notification</label>
                        </div>
                        <p class="text-muted ms-5">
                            you get lettest content at a time when data will updated
                        </p>
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="pcsetting2" />
                            <label class="form-check-label f-w-600 pl-1" for="pcsetting2">Store Cookie</label>
                        </div>
                        <h6 class="mb-0 mt-5">
                            <i data-feather="save" class="me-2"></i>Application settings
                        </h6>
                        <hr />
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="pcsetting3" />
                            <label class="form-check-label f-w-600 pl-1" for="pcsetting3">Backup Storage</label>
                        </div>
                        <p class="text-muted mb-4 ms-5">
                            Automaticaly take backup as par schedule
                        </p>
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="pcsetting4" />
                            <label class="form-check-label f-w-600 pl-1" for="pcsetting4">Allow guest to print
                                file</label>
                        </div>
                        <h6 class="mb-0 mt-5">
                            <i data-feather="cpu" class="me-2"></i>System settings
                        </h6>
                        <hr />
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="pcsetting5" checked />
                            <label class="form-check-label f-w-600 pl-1" for="pcsetting5">View other user chat</label>
                        </div>
                        <p class="text-muted ms-5">Allow to show public user message</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-danger btn-sm" data-bs-dismiss="modal">
                            Close
                        </button>
                        <button type="button" class="btn btn-light-primary btn-sm">
                            Save changes
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ Header ] end -->


        <!-- [ Main Content ] start -->
        <section class="dash-container">
            <div class="dash-content">

                <div class="page-header">
                    <div class="page-block">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <div class="page-header-title">
                                    <h4 class="m-b-10">
                                        @yield('page-title')
                                    </h4>
                                </div>
                                <ul class="breadcrumb">
                                    @yield('breadcrumb')
                                </ul>
                            </div>
                            <div class="col-sm-auto col-md">
                                <div class="float-end " @if ($SITE_RTL == 'on') style=" float: left !important;" @endif>
                                    @yield('action-button')
                                </div>

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

                <!-- [ breadcrumb ] end -->
                <!-- [ Main Content ] start -->
                <!-- [ basic-table ] start -->
                @yield('content')
                <!-- [ basic-table ] end -->
                <!-- [ Main Content ] end -->
                </div>
                </section>
                <div class="modal fade" id="commonModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                    aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel"></h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                                </div>
                                <div class="body">
                                </div>
                                </div>
                                </div>
                                </div>

        <div class="modal fade" id="commonModalOver" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"></h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                    </div>
                </div>
            </div>
        </div>

        <div class="position-fixed top-0 end-0 p-3" style="z-index: 99999">
            <div id="liveToast" class="toast text-white  fade" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="d-flex">
                    <div class="toast-body"></div>
                    <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
                        aria-label="Close"></button>
                </div>
            </div>
        </div>
        <!-- Warning Section Ends -->
        <!-- Required Js -->
        <script src="{{ asset('assets/js/plugins/choices.min.js') }}"></script>
        <script src="{{ asset('js/jquery.min.js') }}"></script>
        <script src="{{ asset('js/jquery.form.js') }}"></script>

        <script src="{{ asset('js/letter.avatar.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/datepicker-full.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/popper.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/simplebar.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/perfect-scrollbar.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/bootstrap.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/feather.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/bootstrap-switch-button.min.js') }}"></script>
        <script src="{{ asset('assets/js/dash.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/sweetalert2.all.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/simple-datatables.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/flatpickr.min.js') }}"></script>

        <script src="{{ asset('js/custom.js') }}"></script>

        <script src="{{ asset('js/chatify/autosize.js') }}"></script>
        <script src='https://unpkg.com/nprogress@0.2.0/nprogress.js'></script>
        <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>



        <script>
            const dataTable = new simpleDatatables.DataTable("#pc-dt-simple");
        </script>

        <script>
            feather.replace();
            var pctoggle = document.querySelector("#pct-toggler");
            if (pctoggle) {
                pctoggle.addEventListener("click", function() {
                    if (
                        !document.querySelector(".pct-customizer").classList.contains("active")
                    ) {
                        document.querySelector(".pct-customizer").classList.add("active");
                    } else {
                        document.querySelector(".pct-customizer").classList.remove("active");
                    }
                });
            }
            var themescolors = document.querySelectorAll(".themes-color > a");
            for (var h = 0; h < themescolors.length; h++) {
                var c = themescolors[h];
                c.addEventListener("click", function(event) {
                    var targetElement = event.target;
                    if (targetElement.tagName == "SPAN") {
                        targetElement = targetElement.parentNode;
                    }
                    var temp = targetElement.getAttribute("data-value");
                    removeClassByPrefix(document.querySelector("body"), "theme-");
                    document.querySelector("body").classList.add(temp);
                });
            }
            // var custthemebg = document.querySelector("#cust_theme_bg");
            // custthemebg.addEventListener("click", function() {
            // if (custthemebg.checked) {
            // document.querySelector(".dash-sidebar").classList.add("transprent-bg");
            // document
            // .querySelector(".dash-header:not(.dash-mob-header)")
            // .classList.add("transprent-bg");
            // } else {
            // document.querySelector(".dash-sidebar").classList.remove("transprent-bg");
            // document
            // .querySelector(".dash-header:not(.dash-mob-header)")
            // .classList.remove("transprent-bg");
            // }
            // });
            // var custdarklayout = document.querySelector("#cust_darklayout");
            // custdarklayout.addEventListener("click", function() {
            // if (custdarklayout.checked) {
            // document
            // .querySelector("#main-style-link")
            // .setAttribute("href", "{{ asset('assets/css/style-dark.css') }}");
            // document
            // .querySelector(".m-header > .b-brand > .logo-lg")
            // .setAttribute("src", "{{ asset('/storage/uploads/logo/logo-light.png') }}");
            // } else {
            // document
            // .querySelector("#main-style-link")
            // .setAttribute("href", "{{ asset('assets/css/style.css') }}");
            // document
            // .querySelector(".m-header > .b-brand > .logo-lg")
            // .setAttribute("src", "{{ asset('/storage/uploads/logo/logo-dark.png') }}");
            // }
            // });

            function removeClassByPrefix(node, prefix) {
            for (let i = 0; i < node.classList.length; i++) { let value=node.classList[i]; if (value.startsWith(prefix))
                { node.classList.remove(value); } } } </script>

        <script>
            $(document).on('click', '.local_calender .fc-daygrid-event', function(e) {
                        // if (!$(this).hasClass('project')) {
                        e.preventDefault();
                        var event = $(this);
                        var title = $(this).find('.fc-event-title').html();

                var size = 'md';
                var url = $(this).attr('href');
                $("#commonModal .modal-title ").html(title);
                $("#commonModal .modal-dialog").addClass('modal-' + size);
                $.ajax({
                url: url,
                success: function(data) {
                $('#commonModal .body').html(data);
                $("#commonModal").modal('show');
                if ($(".d_week").length > 0) {
                $($(".d_week")).each(function(index, element) {
                var id = $(element).attr('id');

                                (function() {
                                    const d_week = new Datepicker(document
                                    .querySelector('#' +
                                    id), {
                                    buttonClass: 'btn',
                                    format: 'yyyy-mm-dd',
                                    });
                                    })();

                            });
                            }

                    },
                    error: function(data) {
                    data = data.responseJSON;
                    toastrs('Error', data.error, 'error')
                    }
                    });
                    // }
                    });

            $('#dismissWelcome').on('click', function() {
            $('.welcome-back-wrapper-box').addClass('hidden-box');
            });
            </script>

        <script src="https://js.pusher.com/5.0/pusher.min.js"></script>



        @if (\Auth::user()->type != 'super admin')
            <script>
                $(document).ready(function() {
                    pushNotification('{{ Auth::id() }}');
                });

                function pushNotification(id) {

                    // ajax setup form csrf token
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    // Enable pusher logging - don't include this in production
                    Pusher.logToConsole = false;

                    var pusher = new Pusher('{{ $pusher_setting['pusher_app_key'] }}', {
                        cluster: '{{ $pusher_setting['pusher_app_cluster'] }}',
                        forceTLS: true
                    });

                    // Pusher Notification
                    var channel = pusher.subscribe('send_notification');
                    channel.bind('notification', function(data) {
                        if (id == data.user_id) {
                            $(".notification-toggle").addClass('beep');
                            $(".notification-dropdown #notification-list").prepend(data.html);
                        }
                    });

                    // Pusher Message
                    var msgChannel = pusher.subscribe('my-channel');
                    msgChannel.bind('my-chat', function(data) {

                        if (id == data.to) {
                            getChat();
                        }
                    });
                }

                // Get chat for top ox
            </script>
        @endif


        @if ($message = Session::get('success'))
            <script>
                    show_toastr('Success', @json($message), 'success');
            </script>
        @endif
        @if ($message = Session::get('error'))
            <script>
                    show_toastr('Error', @json($message), 'error');
            </script>
        @endif


        @yield('script')
        @stack('script-page')

        @stack('scripts')
        @include('Chatify::layouts.footerLinks')

        @stack('custom-scripts')

    </body>

</htm