{% block document %}
<!DOCTYPE html>
<html{% block html_attributes %} lang="en"{% endblock %}>
<head>
{% block head %}
  {% block meta %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="{% block meta_description %}{% endblock %}">
    <meta name="keywords" content="{% block meta_keywords %}{% endblock %}">
  {% endblock meta %}
  <title>{% block title %}{% block page_title %}{% endblock page_title %} | {% block site_title %}{{ config.ADMINLTE_SITE_TITLE }}{% endblock site_title %}{% endblock title %}</title>
  {% block styles %}
    <link type="image/x-icon" rel="shortcut icon" href="{{ adminlte.static('favicon.ico') }}">
    <link rel="stylesheet" href="{{ adminlte.static('plugins/fontawesome-free/css/all.min.css') }}">
    <link rel="stylesheet" href="{{ adminlte.static('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ adminlte.static('dist/css/adminlte.min.css') }}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.3.0/css/flag-icon.min.css">
    <link rel="stylesheet" href="{{ adminlte.static('plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ adminlte.static('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ adminlte.static('plugins/daterangepicker/daterangepicker.css') }}">
  {% endblock styles %}
  <style>{% block styles_inline %}{% endblock styles_inline %}</style>
  {% block javascript_head %}{% endblock javascript_head %}
{% endblock head %}
</head>

<body{% block body_attributes %}{% endblock %}>
{% block body %}
  {% block main %}{% endblock %}
  {% block javascript %}
    <script src="{{ adminlte.static('plugins/jquery/jquery.min.js') }}"></script>
    <script src="{{ adminlte.static('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ adminlte.static('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script src="{{ adminlte.static('dist/js/adminlte.min.js') }}"></script>
    <script src="{{ adminlte.static('plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ adminlte.static('plugins/moment/moment.min.js') }}"></script>
    <script src="{{ adminlte.static('plugins/daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ adminlte.static('plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
  {% endblock %}
  <script>
      $(() => {
          $('select').select2({
              theme: 'bootstrap4'
          });

          $('input[data-daterangepicker]').each((i, input) => {
            $(input).daterangepicker({
              singleDatePicker: true,
              locale: {
                format: 'YYYY-MM-DD',
              }
            });
          });

          $('input[data-bootstrap-switch]').each((i, checkbox) => {
            $(checkbox).bootstrapSwitch('state', $(checkbox).prop('checked'));
          });

          bsCustomFileInput.init();
      });
  </script>
  <script>{% block javascript_inline %}{% endblock %}</script>
{% endblock %}
</body>
</html>
{% endblock %}