<head>
    <title>{{$title}}</title>
    <meta http-equiv="content-Type" content="text/html;charset=UTF8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="_token" content="{{ csrf_token() }}"/>

    <script type="text/javascript" src="{{asset('bower_components/moment/moment.js')}}"></script>
    <script type="text/javascript" src="{{asset('bower_components/moment/locale/zh-tw.js')}}"></script>
    @section('header')

    @show
    
    <link rel="stylesheet" href="{{asset('css/bootstrap.css')}}">
    <link rel="stylesheet" href="{{asset('css/slider_video.css')}}">    

    <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.0-RC.5/alt/video-js-cdn.min.css" rel="stylesheet">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <script type="text/javascript" src="{{asset('js/jquery.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/slider.js')}}"></script>
    <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="{{asset('js/accordion.js')}}"></script>
    @section('header1')
    @show
    <link rel="stylesheet" href="{{asset('css/test.css')}}">
    @section('style')
    @show
    <script type="text/javascript">
        $(function(){
        $(".nav1").accordion({
                //accordion: true,
                speed: 500,
                closedSign:'&#9207',
                openedSign:'&#9206'
            });
        });
    </script>
</head>

<body>
    @include('layouts.nav')

    <div class="container">
        <div id="right" class="slider-right"><!--灰色背景--></div>
            <div id="user-bar" class="user-menu">
                <a href="#">Page 1-1</a>
                <a href="#"><span class="fa fa-usd" aria-hidden="true"></span> $$$</a>
                <a href="{{route('logout')}}"><span  class="fa fa-sign-out"></span> Logout</a>
        </div>
        <!-- Modal START -->
            @include('modal')
        <!-- Modal END -->
            @section('content')
            @show

    </div>
    
    @section('script')
    
    @show
</body>
</html>


