<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>@yield('title') | So-Manager管理パネル</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- daterange picker -->
    <link rel="stylesheet" href="{{ asset('plugins/daterangepicker/daterangepicker-bs3.css') }}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{ asset('plugins/iCheck/all.css') }}">
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" href="{{ asset('plugins/colorpicker/bootstrap-colorpicker.min.css') }}">
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" href="{{ asset('plugins/timepicker/bootstrap-timepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datepicker/datepicker3.css') }}">
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('plugins/select2/select2.min.css') }}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ asset('dist/css/adminlte.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables/dataTables.bootstrap4.css') }}">
    <!-- Google Font: Source Sans Pro -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">

    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item d-lg-none">
                <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a class="nav-link">{{ __('ようこそ、:ope_name様', ['ope_name' => Auth::user()->ope_name]) }}</a>
            </li>
        </ul>

        <!-- SEARCH FORM -->
        <!--
        <form class="form-inline ml-3">
          <div class="input-group input-group-sm">
            <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
            <div class="input-group-append">
              <button class="btn btn-navbar" type="submit">
                <i class="fa fa-search"></i>
              </button>
            </div>
          </div>
        </form>
        -->

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto">
            <!-- Messages Dropdown Menu -->
            <li class="nav-item dropdown">
                <a class="nav-link text-danger" data-toggle="dropdown" href="#">
                    <i class="fa fa-exclamation-circle"></i><span class="d-none d-md-inline"> {{__('ハード異常:')}}</span> {{__(':stt件',['stt'=>1])}} <small class="d-none d-md-inline">{{__('最新:date',['date'=>'2018/09/01 15:00'])}} </small>
                </a>
            </li>
            <!-- Notifications Dropdown Menu -->
            <li class="nav-item dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#">
                    <i class="fa fa-bell-o"></i><span class="d-none d-md-inline"> {{__('タスク:')}} </span> {{__(':stt件',['stt'=>5])}} <small class="d-none d-md-inline">{{__('最新:date',['date'=>'2018/09/01 15:00'])}}</small>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                    <span class="dropdown-header">5 件のタスクが未完了です。</span>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        タスクタイトルが入ります
                        <span class="float-right text-muted text-sm">3 mins</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        タスクタイトルが入ります
                        <span class="float-right text-muted text-sm">12 hours</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        タスクタイトルが入ります
                        <span class="float-right text-muted text-sm">2 days</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        タスクタイトルが入ります
                        <span class="float-right text-muted text-sm">2 days</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        タスクタイトルが入ります
                        <span class="float-right text-muted text-sm">2 days</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item dropdown-footer">過去のタスクを全て見る</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/logout"><i class="fa fa-sign-out"></i> {{ __('ログアウト') }}</a>
            </li>
        </ul>
    </nav>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-dark-primary bg-success elevation-4">
        <!-- Brand Logo -->
        <a href="/home" class="brand-link">
            <img src="{{asset('assets/img/so-rin_logo.png')}}" alt="Logo" class="brand-image"
                 style="opacity: .8">
            <span class="brand-text font-weight-light">So-Manager</span>
        </a>

        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar user panel (optional) -->
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <a href="#">
                    <!--<i class="fa fa-bicycle nav-icon"></i>-->
                    <form class="form" action="./index3.html">
                        <select class="form-control form-control-lg">
                            <optgroup label="駐輪場を選んでください"></optgroup>
                            <optgroup label="東京都">
                                <option selected="">〇〇駐輪場</option>
                                <option>〇〇駐輪場</option>
                            </optgroup>
                            <optgroup label="埼玉県">
                                <option>〇〇駐輪場</option>
                            </optgroup>
                            <optgroup label="千葉県">
                                <option>〇〇駐輪場</option>
                                <option>〇〇駐輪場</option>
                                <option>〇〇駐輪場</option>
                            </optgroup>
                            <optgroup label="大阪府">
                                <option>〇〇駐輪場</option>
                            </optgroup>
                            <option>XX様インフォメーション</option>
                        </select>
                        <button type="button" class="btn btn-block btn-danger">上記駐輪場の管理画面に移動</button>
                    </form>
                </a>
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                    <!-- Add icons to the links using the .nav-icon class
                         with font-awesome or any other icon font library -->
                    <li class="nav-item">
                        <a href="/home" class="nav-link">
                            <i class="nav-icon fa fa-home"></i>
                            <p>
                                info（ホーム）
                                <span class="right badge badge-danger">New</span>
                            </p>
                        </a>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-dashboard"></i>
                            <p>
                                一般ウェブ管理
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー１</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー２</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link ">
                            <i class="nav-icon fa fa-bicycle"></i>
                            <p>
                                駐輪管理
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー１</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー２</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-tags"></i>
                            <p>
                                タグ、ステッカー管理
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー１</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー２</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-repeat"></i>
                            <p>
                                定期駐輪管理
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            {{-- 
                            Laravel 12移行時の定期駐輪管理メニュー項目
                            実装完了済み：区画別利用率状況
                            --}}
                            <li class="nav-item">
                                <a href="{{ route('using_status') }}" class="nav-link @if(request()->routeIs('using_status*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>区画別利用率状況</p>
                                </a>
                            </li>
                            {{-- 
                            Laravel 12移行時に一時的にコメントアウト：他の機能は順次実装予定
                            <li class="nav-item">
                                <a href="{{ route('contractor') }}" class="nav-link @if(request()->routeIs('contractor*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>契約者一覧</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('contractor_list') }}" class="nav-link @if(request()->routeIs('contractor_list*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>未更新者一覧</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('update_candidate') }}" class="nav-link @if(request()->routeIs('update_candidate*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>更新予定者一覧</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('reservation') }}" class="nav-link @if(request()->routeIs('reservation*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>予約者一覧</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('personal') }}" class="nav-link @if(request()->routeIs('personal*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>本人確認手動処理</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('refund_processing') }}" class="nav-link @if(request()->routeIs('refund_processing*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>返金処理</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('periodical_usage') }}" class="nav-link @if(request()->routeIs('periodical_usage*')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>定期利用・契約状況</p>
                                </a>
                            </li>
                            --}}
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-calculator"></i>
                            <p>
                                集計業務
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー１</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー２</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-chain-broken"></i>
                            <p>
                                チェーンロック
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー１</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="./example.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>下層メニュー２</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <?php $route = [
                        'users',
                        'opes',
                        'regular_contracts',
                        'ptypes',
                        'usertypes',
                        'prices',
                        'parks',
                        'managers',
                        'settlement_transactions',
                        'print_areas',
                        'operator_ques',
                        'regular_types',
                        'seals',
                        'jurisdiction_parkings',
                    ];?>
                    <li class="nav-item has-treeview @if(in_array(app('router')->currentRouteName(),$route )) menu-open @endif">
                        <a href="#" class="nav-link @if(in_array(app('router')->currentRouteName(), $route)) active @endif">
                            <i class="nav-icon fa fa-th"></i>
                            <p>
                                {{__("マスタ管理")}}
                                <i class="right fa fa-angle-down"></i>
                            </p>
                        </a>
                        {{-- 
                            Laravel 12移行時に一時的にコメントアウト：routeが未定義のため
                        <ul class="nav nav-treeview" style="display: block;">
                            <li class="nav-item">
                                <a href="{{route('users')}}" class="nav-link @if(app('router')->is('users')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__('利用者マスタ')}}</p>
                                </a>
                            </li>
                            
                            <li class="nav-item">
                                <a href="{{route('regular_contracts')}}" class="nav-link @if(app('router')->is('regular_contracts')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__('定期契約マスタ')}}</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('prices')}}" class="nav-link @if(app('router')->is('prices')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__('駐輪場所、料金マスタ')}}</p>
                                </a>
                            </li>
                            
                            <li class="nav-item">
                                <a href="{{route('opes')}}" class="nav-link @if(app('router')->is('opes')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__('オペレータマスタ')}}</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('parks')}}" class="nav-link @if(app('router')->is('parks')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__("駐輪場マスタ")}}</p>
                                </a>
                            </li>
                            
                            <li class="nav-item">
                                <a href="{{route('settlement_transactions')}}" class="nav-link @if(app('router')->is('settlement_transactions')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__('決済トランザクション')}}</p>
                                </a>
                            </li>
                            
                            <li class="nav-item">
                                <a href="{{route('print_areas')}}" class="nav-link @if(app('router')->is('print_areas')) active @endif">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>{{__("シール印刷範囲マスタ")}}</p>
                                </a>
                            </li>
                            --}}


                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>定期予約マスタ</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('ptypes')}}" class="nav-link @if(app('router')->is('ptypes')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__('駐輪分類マスタ')}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>駐輪車室マスタ</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('usertypes')}}" class="nav-link @if(app('router')->is('usertypes')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__('利用者分類マスタ')}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>近傍駅マスタ</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>区マスタ</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>消費税マスタ</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('managers')}}" class="nav-link @if(app('router')->is('managers')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__("駐車場管理者マスタ")}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>デバイス管理</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('operator_ques')}}" class="nav-link @if(app('router')->is('operator_ques')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__("オペレータキュー")}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('regular_types')}}" class="nav-link @if(app('router')->is('regular_types')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__("定期種別マスタ")}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('seals')}}" class="nav-link @if(app('router')->is('seals')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__("シール発行履歴")}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="{{route('jurisdiction_parkings')}}" class="nav-link @if(app('router')->is('jurisdiction_parkings')) active @endif">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>{{__("管轄駐輪場")}}</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="nav-item">--}}
                                {{--<a href="./example.html" class="nav-link">--}}
                                    {{--<i class="fa fa-circle-o nav-icon"></i>--}}
                                    {{--<p>参照マスタ予約切り替え</p>--}}
                                {{--</a>--}}
                            {{--</li>--}}
                        </ul>
                    </li>

                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        @yield('content')
    </div>
    <!-- /.content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <strong>Copyright &copy; 2018 <a href="./index2.html">So-Manager for back office by so-rin Co.,Ltd.</a></strong> All rights reserved.
    </footer>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- Select2 -->
<script src="{{ asset('plugins/select2/select2.full.min.js') }}"></script>
<!-- InputMask -->
<script src="{{ asset('plugins/input-mask/jquery.inputmask.js') }}"></script>
<script src="{{ asset('plugins/input-mask/jquery.inputmask.date.extensions.js') }}"></script>
<script src="{{ asset('plugins/input-mask/jquery.inputmask.extensions.js') }}"></script>
<!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script>
<script src="{{ asset('plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('plugins/datepicker/locales/bootstrap-datepicker.ja.js') }}"></script>

<!-- bootstrap color picker -->
<script src="{{ asset('plugins/colorpicker/bootstrap-colorpicker.min.js') }}"></script>
<!-- bootstrap time picker -->
<script src="{{ asset('plugins/timepicker/bootstrap-timepicker.min.js') }}"></script>
<!-- SlimScroll 1.3.0 -->
<script src="{{ asset('plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
<!-- iCheck 1.0.1 -->
<script src="{{ asset('plugins/iCheck/icheck.min.js') }}"></script>
<!-- FastClick -->
<script src="{{ asset('plugins/fastclick/fastclick.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('dist/js/adminlte.min.js') }}"></script>
<!-- AdminLTE for demo purposes -->
<script src="{{ asset('dist/js/demo.js') }}"></script>
<!-- Page script -->
<script>
    $(function () {
        //Initialize Select2 Elements
        $('.select2').select2();

        //Datemask dd/mm/yyyy
        $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
        //Datemask2 mm/dd/yyyy
        $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
        //Money Euro
        $('[data-mask]').inputmask()

        //Date range picker
        $('#reservation').daterangepicker()
        //Date range picker with time picker
        $('#reservationtime').daterangepicker({
            timePicker         : true,
            timePickerIncrement: 30,
            format             : 'MM/DD/YYYY h:mm A'
        })
        //Date range as a button
        $('#daterange-btn').daterangepicker(
            {
                ranges   : {
                    '今日'       : [moment(), moment()],
                    '昨日'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    '最新の１週間' : [moment().subtract(6, 'days'), moment()],
                    '最新の30日': [moment().subtract(29, 'days'), moment()],
                    '今月'  : [moment().startOf('month'), moment().endOf('month')],
                    '先月'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                },
                startDate: moment().subtract(29, 'days'),
                endDate  : moment()
            },
            function (start, end) {
                $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
            }
        )

        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
            checkboxClass: 'icheckbox_minimal-blue',
            radioClass   : 'iradio_minimal-blue'
        })
        //Red color scheme for iCheck
        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
            checkboxClass: 'icheckbox_minimal-red',
            radioClass   : 'iradio_minimal-red'
        })
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
            checkboxClass: 'icheckbox_flat-green',
            radioClass   : 'iradio_flat-green'
        })

        //Colorpicker
        $('.my-colorpicker1').colorpicker()
        //color picker with addon
        $('.my-colorpicker2').colorpicker()

        //Timepicker
        $('.timepicker').timepicker({
            showInputs: false
        })
    });
</script>

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
</body>
</html>
