@extends('outlets.layout')
@section('content')

<style type="text/css">
  .customvidoesec {
    margin: 45px auto !important;
    max-width: 600px;
}
</style>

      <header class="productpage">



            <div class="container-fluid">


                        <div class="headerSearch">



                            <div class="row">



                            <div class="col-md-4">

                              <div class="left-menu">

                                <a class="openbtn" href="#" onclick="openNav()"><i class="fas fa-bars"></i></a>

                               

               

                              </div>
                            </div>


                             <div class="col-md-4">
                               <h3 class="text-center pageTitle"> Video tutorial </h3>
                             </div>

                             <div class="col-md-4">
                                  <div class="right-menu">

                                   <ul>

                                    <li>
                                        <div class="dropdown border-icon">
                                          <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
                                          <i class="fa fa-language" style="color:#fff"></i></button>
                                          <ul class="dropdown-menu">
                                            <li><a href="{{url('lang/eng')}}">English</a></li>
                                            <li><a href="{{ URL('lang/ch')}}">中文</a></li>
                                          </ul>
                                        </div>
                                    </li>

                                      <!--li class="border-icon"><a href="" ><i class="fa fa-language"></i></a></li--> 

                                      <li class="border-icon"><span>2</span><a href="{{ URL::to('outlets/listingappointment')}}"><i class="fa fa-calendar"></i></a></li> 

                                      <li>
                                        <div class="dropdown">
                                          <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.MyProfile") : Lang::get("lang.MyProfile") }}
                                          <span class="caret"></span></button>
                                          <ul class="dropdown-menu">
                                            <!-- <li><a href="{{url::to('outlets/openRegister')}}">Open Register</a></li> -->
                                            <li><a href="{{url::to('outlets/closeRegister')}}">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.CloseRegister") : Lang::get("lang.CloseRegister") }}</a></li>

                                            <li><a href="{{url::to('outlets/videoTutorial')}}">Video tutorial</a></li>

                                            <li><a href="{{ URL::to('outlets/logout')}}">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Logout") : Lang::get("lang.Logout") }}</a></li>
                                          </ul>
                                        </div>
                                      </li>

                                    </ul>
                                </div>
                              </div>



                        </div>


                    </div>


            </div>



        </header>

    
        <section class="orderPage">
          <div class="row no-gutters">
           
            <!-- col -->

            <div class="col-md-12 col-sm-12">

              <div class="orderRight apenddata">

                
                 <div class="customvidoesec">
                      <video width="600" height="400" controls loop>
                      <source src="/resources/views/outlets/common/images/postutorial.mp4" type="video/mp4">
                    </video>
                 </div>

            </div>
            <!-- col -->





          </div>
        <!-- row -->
        </section>


    </div>
    <!-- main -->
<style type="text/css">

@media screen and (max-width: 480px) { 
  .oRproDetail img {
    width: 100%;
  }
}

</style>
<!-- ============end add to customer========= -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{!! asset('resources/pos1/js/bootstrap.min.js') !!}"></script> 


@endsection