<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>{{ env('APP_NAME') }}</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin" rel="stylesheet" type="text/css">
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
          integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link href="{{ asset('dashboard/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('dashboard/css/pixeladmin.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('dashboard/css/widgets.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('dashboard/css/themes/clean.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css">
    <script src="{{ asset('dashboard/pace/pace.min.js') }}"></script>
</head>
<body>

<nav class="px-nav px-nav-left">
    <button type="button" class="px-nav-toggle" data-toggle="px-nav">
        <span class="px-nav-toggle-arrow"></span>
        <span class="navbar-toggle-icon"></span>
        <span class="px-nav-toggle-label font-size-11">
        </span>
    </button>

    @include('admin._layout.navi')
</nav>

<nav class="navbar px-navbar">
    <div class="navbar-header">
        <a class="navbar-brand" href="{{ route('admin.home') }}">
            <span class="px-demo-logo bg-primary">
                <span class="px-demo-logo-1"></span>
                <span class="px-demo-logo-2"></span>
                <span class="px-demo-logo-3"></span>
                <span class="px-demo-logo-4"></span>
                <span class="px-demo-logo-5"></span>
                <span class="px-demo-logo-6"></span>
                <span class="px-demo-logo-7"></span>
                <span class="px-demo-logo-8"></span>
                <span class="px-demo-logo-9"></span>
            </span>

            {{ env('APP_NAME') }}
        </a>
    </div>
</nav>

<div class="px-content">

    {{--@include('admin._flash.simple')--}}

    <div class="page-header">
        <h1>@yield('header')</h1>
    </div>
    <div>
        @yield('main')
    </div>
</div>

<footer class="px-footer px-footer-bottom"></footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="{{ asset('dashboard/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('dashboard/js/pixeladmin.min.js') }}"></script>
<script src="{{ asset('dashboard/js/sweetalert.min.js') }}"></script>

<script>
    if(performance.navigation.type == 2){
        location.reload(true);
    }

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $(function () {
        $('body').on('click', '.delete-link', function(event) {
            if (!confirm("{{ __('main.delete_question') }}")){
                event.preventDefault();
            }
        });
    });

    $(document).ready(function () {
        $('body > .px-nav').pxNav();
    });
</script>

@yield('scripts')
</body>
</html>
