<?php
$set_theme = session('set_theme');
if ($set_theme == '') {
    $set_theme = 'light-theme.css';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> {{ config('website.cnf_appname')}} </title>

    <link rel="shortcut icon" href="{{ asset('uploads/images/').'/'.config('website.cnf_favicon')}}" type="image/x-icon">
    <link href="{{ asset('enadmin/central.min.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/js/plugins/iCheck/skins/square/green.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/js/plugins/fancybox/jquery.fancybox.css') }}" rel="stylesheet">
    <link href="{{ asset('enadmin/js/plugins/toast/css/jquery.toast.css')}}" rel="stylesheet">

    <!-- Icon CSS -->
    <link href="{{ asset('enadmin/fonts/icomoon.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/fonts/awesome/css/font-awesome.min.css')}}" rel="stylesheet">

    <!-- google font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700|Rubik" rel="stylesheet">
    <!-- <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap" rel="stylesheet">


    <!-- <link href="{{ asset('enadmin/css/colors.css')}}" rel="stylesheet"> -->
    <link href="{{ asset('enadmin/css/central.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/css/media.css')}}" rel="stylesheet">
    <link href="{{ asset('enadmin/css/chartist.min.css')}}" rel="stylesheet">
    <!--
    <link href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//cdn.datatables.net/responsive/2.2.1/css/responsive.dataTables.min.css">
    -->

    <link href="{{ asset('enadmin/'.$set_theme)}}" rel="stylesheet" id="switch-theme">

    <script type="text/javascript" src="{{ asset('enadmin/js/chartist.min.js')}}"></script>
    <script type="text/javascript" src="{{ asset('enadmin/central.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('enadmin/js/central.js') }}"></script>
    <script type="text/javascript" src="{{ asset('enadmin/js/simpleclone.js') }}?ver={{rand(1,88888)}}"></script>
    <script type="text/javascript" src="{{ asset('enadmin/js/custom.js') }}"></script>

    {{--
    <link href="{{ asset('enadmin/css/oneditor.min.css')}}" rel="stylesheet" type="text/css">
    <script src="{{ asset('enadmin/js/jsoneditor.min.js') }}" ></script> --}}

    {{-- <script type="text/javascript" src="{{asset('enadmin/js/highlight.pack.js')}}"></script> --}}
    {{-- <link href="{{asset('enadmin/css/highlight-default.css')}}" rel="stylesheet"> --}}

    <script type="text/javascript" src="{{asset('enadmin/js/jquery.json-editor.min.js')}}"></script>
    <link href="{{asset('enadmin/css/jquery.json-viewer.css')}}" rel="stylesheet">

    <!--
    <script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="//cdn.datatables.net/responsive/2.2.1/js/dataTables.responsive.min.js"></script>
    -->

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
    <link href="{{ asset('enadmin/css/custom.css')}}" rel="stylesheet">

    <link href="{{ asset('date_range_picker/daterangepicker.css')}}" rel="stylesheet">
    <script type="text/javascript" src="{{ asset('moment.js')}}"></script>
    <script type="text/javascript" src="{{ asset('date_range_picker/daterangepicker.js')}}"></script>
</head>

<body class="sxim-init">
<div id="wrapper">
    @include('layouts.sidebar')

    <div class="gray-bg <?php if (Auth::user()->group_id == 1) echo 'superadmin-head'; else echo 'bird-head'; ?>" id="page-wrapper">
        <div class="minimal-header">
            @if(file_exists(public_path().'/uploads/images/'.config('website.cnf_logo') ) && config('website.cnf_logo') !='')
                <img src="{{ asset('uploads/images/'.config('website.cnf_logo')) }}" alt="{{ config('website.cnf_appname') }}"/>
            @else
                {{ config('website.cnf_appname')}}
            @endif
        </div>
        @include('layouts.header')

        @yield('content')
    </div>
</div>

@include('media::partials.media')

<script>
    'use strict';
    $(document).ready(function () {
        $('[data-type="mediaUpload"]').rvMedia({
            multiple: false,
            onSelectFiles: function (files, $el) {
                $($el).prev().val(files[0].full_url);
                $($el).prev().parent().find('.img-preview img').attr('src', files[0].full_url);
            }
        });
    });
</script>


<div class="footer fixed">
    <div class="pull-right"></div>
    <div>
        <strong>Copyright</strong> &copy; <?php echo date('Y');?> .<b> {{ config('website.cnf_comname')}}</b>
    </div>
</div>

<div class="modal fade" id="central-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-default">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body" id="central-modal-content"></div>
        </div>
    </div>
</div>

{{ SiteHelpers::showNotification() }}

<style>
    #sidebar-navigation #sidemenu {
        overflow-y: scroll !important
    }

    .open > .dropdown-menu {
        display: block;
    }

    .loader {
        border: 3px solid #f3f3f3; /* Light grey */
        border-top: 3px solid #40d733; /* Blue */
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
    }

    #exportBtn {
        font-size: 12px;
        line-height: 1.5;
    }
</style>

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#sidebar-navigation #sidemenu').height($(window).height());

        $('[data-toggle="tooltip"]').tooltip();

        $('#sidemenu').sximMenu();

        loadNotification();
        setInterval(function () {
            // loadNotification()
        }, 10000);

        $('.switch-theme').on('click', function (event) {
            theme = $(this).attr('code');
            url_theme = '{!! asset("enadmin") !!}/' + theme;
            $.get('{{ url("enadmin") }}/' + theme, function () {

                $('#switch-theme').attr('href', url_theme);
            })
        });
    });

    function loadNotification() {
        $.get('{{ url("home/load") }}', function (data) {
            $('.notif-alert').html(data.total);
            var html = '';
            $.each(data.note, function (key, val) {
                html += '<li><a href="' + val.url + '"><div class="message-center"><div class="note-content"><h5>' + val.title + '</h5><span class="mail-desc">' + val.text + '</span> <span class="time">' + val.date + '</span> </div></div><div class="clr"></div></a></li>';
            });
            $('#notification-menu').html(html);
        });
    }

    function getURLParameters() {
        let urlVariablesArr = [];
        let urlVariables = window.location.search.substring(1).split('&');
        for (let i = 0; i < urlVariables.length; i++) {
            let sParameterName = urlVariables[i].split('=');
            if (sParameterName[0] === '' || sParameterName[1] === undefined)
                continue;
            urlVariablesArr[sParameterName[0]] = sParameterName[1];
        }
        return urlVariablesArr;
    }

    @if(isset($pageModule))
    function moduleExport() {
        let params = getURLParameters();
        $.ajax({
            type: 'GET',
            url: '{{ url( '/manage/'. $pageModule .'/export') }}',
            data: {
                do: 'excel',
                ...params
            },
            beforeSend: function () {
                $('#exportError').hide();
                $('#exportBtn').html("<div class='loader' style=\"margin-right: 5px\"></div>Exporting...");
            },
            success: function (result, status, xhr) {
                let reportName = '{{ $pageModule }}';
                let disposition = xhr.getResponseHeader('content-disposition');
                let matches = /"([^"]*)"/.exec(disposition);
                let filename = (matches != null && matches[1] ? matches[1] : reportName + '_' + moment().unix() + '.csv');
                let blob = new Blob([result], {
                    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                });

                let link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = filename;
                link.click();
            },
            error: function (error) {
                console.log(error);
                $('#exportError').show();
            },
            complete: function () {
                $('#exportBtn').html('Export CSV');
            }
        });
    }
    @endif
</script>

</body>
</html>
