<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>

  <title>display</title>

 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">

  <!-- Custom fonts for this template-->
  <link rel="stylesheet" href="{!!asset('vendor/fontawesome-free/css/all.min.css')!!}">
  <!-- <link rel="stylesheet" href="{!!asset('https://fonts.googleapis.com/css?family=Athiti&display=swap')!!}"> -->
  <link rel="stylesheet" href="{!!asset('https://fonts.googleapis.com/css?family=Mitr&display=swap')!!}">
  <!-- Custom styles for this template-->
  <script src="{!!asset('assets/js/vendors/jquery-3.2.1.min.js')!!}"></script>
  <link rel="stylesheet" href="{!!asset('assets/css/sb-admin-2.min.css')!!}">
  <link rel="stylesheet" href="{!!asset('assets/datepicker/css/bootstrap-datepicker.min.css')!!}">
  <link rel="stylesheet" href="{!!asset('//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css')!!}">
  <link rel="stylesheet" href="{!!asset('assets/jstree/themes/proton/style.css')!!}">
  <link href="https://fonts.googleapis.com/css?family=Athiti&display=swap" rel="stylesheet">
  <script src="{!!asset('//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js')!!}"></script>
  <script src="{!!asset('assets/js/sweetalert/sweetalert.min.js')!!}"></script>

  <script src="https://code.highcharts.com/highcharts.js"></script>
  <script src="https://code.highcharts.com/modules/data.js"></script>
  <script src="https://code.highcharts.com/modules/exporting.js"></script>
  <script src="https://code.highcharts.com/modules/accessibility.js"></script>


  <!-- <script src="dist/js/bootstrap-select.js"></script> -->

  <style>
    @font-face {
        font-family: myFirstFont;
        src: url("{{asset('assets/fonts/font-style/DB HelvethaicaMon X.ttf')}}");
      }
      .md-Load{
        background-color:rgba(255,252,255,0.9);
        width:100%;
        height:100%;
        position:fixed;
        z-index:9999;
        vertical-align: middle;
        text-align:center;
        display: none;
      }
      .md-showdata{
        background-color:rgba(255,252,255,0.9);
        width:100%;
        height:100%;
        position:fixed;
        z-index:9999;
        vertical-align: middle;
        text-align:center;
        display: none;
      }
      .center_div {
        width:100px;
        height:100px;
        position:absolute;
        top:calc(50% - 50px);
        left:calc(50% - 50px);
      }
      .zeroPadding {
        padding: 0 !important;
      }
      tr:nth-child(even) {
        background-color: #f2f2f2;
      }
  </style>

    @yield('style')
  </head>

  <body id="page-top" style="background-color: rgba(0, 0, 0, 0.25);">

  <div class="md-Load">
    <div class="center_div">
      <div class="col-12  mt-3 mt-lg-10 text-center">
        <div>
        <img src="assets/file/img/Loading.gif" alt="..." class="rounded-circle">
       </div>
       กำลังโหลด
     </div>
   </div>
 </div>

    <!-- Page Wrapper -->
    <div id="wrapper">
      <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">

              <div >
                @yield('content')

              </div>
            </div>

          </div>

          
          @yield('popup')


          <!-- Bootstrap core JavaScript-->
          <script src="{!!asset('vendor/jquery/jquery.min.js')!!}"></script>
          <script src="{!!asset('vendor/bootstrap/js/bootstrap.bundle.min.js')!!}"></script>
 
          <!-- Core plugin JavaScript-->
          <script src="{!!asset('/vendor/jquery-easing/jquery.easing.min.js')!!}"></script>
          
          <!-- Custom scripts for all pages-->
          <script src="{!!asset('assets/js/sb-admin-2.min.js')!!}"></script>
          <script src="{{asset('assets/jstree/jstree.min.js')}}"></script>
          <script src="{!!asset('assets/js/numeral.js')!!}"></script>


          <script src="{!!asset('assets/datepicker/js/bootstrap-datepicker.min.js')!!}"></script>
          <script src="{!!asset('assets/datepicker/locales/bootstrap-datepicker.th.min.js')!!}"></script>
          
         
          <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
          <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

          <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
          @yield('script')
        </body>

        </html>
