<!DOCTYPE html>
<html>
<head>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script type="text/javascript">
    $(window).load(function() {
      $(".loader").fadeOut("slow");
    })
    </script>

  <style real="stylesheet">
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url("{{ asset('public/mystyle') }}/loader.gif") 50% 50% no-repeat rgb(249,249,249);
      }      
  </style>


    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>
        @yield('title')
    </title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/bower_components/font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="{{asset('public/mystyle')}}/my_css.css">

    <link rel="stylesheet" href="{{asset('public/mystyle')}}/bower_components/bootstrap/dist/css/mycss.css">
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/bower_components/bootstrap/dist/css/animate.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="{{asset('public/mystyle')}}/dist/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.6/css/buttons.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
    

</head>
<body class="hold-transition skin-blue layout-top-nav">
  <div class="loader"></div>
<div class="wrapper">

@include('inc.top_nav')
<!-- Left side column. contains the logo and sidebar -->
{{-- @include('inc.side_navbar') --}}

<!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      {{-- <a onclick="exportAll('txt');" href="javascript://">TXT</a> --}}
      
        @include('flash-message')
        @yield('content')


    </div>
    <!-- /.content-wrapper -->
    @include('inc.footer')

</div>
<!-- ./wrapper -->

<div class="modal fade" id="modal-default">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">Sign out</h4>
        </div>
        <div class="modal-body">
          <p>Are you sure you want to Sign out ?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>

          <a class="btn btn-danger" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
            <span class="fa fa-power-off"></span> Sign out
                
                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf
                </form>
                
                </a>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>

{{--<!-- jQuery 3 -->--}}
<script src="{{asset('public/mystyle')}}/bower_components/jquery/dist/jquery.min.js"></script>
{{--<!-- jQuery UI 1.11.4 -->--}}
{{--<script src="{{asset('public/mystyle')}}/bower_components/jquery-ui/jquery-ui.min.js"></script>--}}

<!-- Bootstrap 3.3.7 -->
<script src="{{asset('public/mystyle')}}/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Download button -->
{{-- <script src="https://code.jquery.com/jquery-3.5.1.js"></script> --}}

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>


<!-- AdminLTE App -->
<script src="{{asset('public/mystyle')}}/dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="{{asset('public/mystyle')}}/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="{{asset('public/mystyle')}}/dist/js/demo.js"></script>

<script src="{{asset('public/mystyle')}}/text/dist/tableExport.js"></script>
<script src="{{asset('public/mystyle')}}/text/main.js"></script>


<script>

    $(function () {
        $('#example1').DataTable({
            'destroy' : true,
            dom: 'Bfrtip',
            buttons: [
                'print', 'excel', 'csv'
            ],
            "pageLength": 50,
            "order": [[ 2, "asc" ]]
        })
    });


    $(function () {
        $('#example2').DataTable({
            'destroy' : true,
            "pageLength": 50,
        })
    });


    $("document").ready(function(){
        setTimeout(function(){
            $("div.alert").remove();
        }, 4000 ); // 5 secs
    });

</script>

</body>
</html>
