@extends('admin/layouts.master')
@section('title', '新增課程 - Admin')
@section('body')

<section class="content">
  @include('admin.message')
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <div class="row">
            <div class="col-md-10">
              <h3 class="box-title"> {{ __('adminstaticword.Add') }} {{ __('adminstaticword.Course') }}</h3>
            </div>
            <div  class="col-md-2">
                <div><h4 class="admin-form-text"><a href="{{url('course')}}" data-toggle="tooltip" data-original-title="Go back" class="btn-floating"><i class="material-icons"><button class="btn btn-xs btn-success abc"> << {{ __('adminstaticword.Back') }}</button> </i></a></h4></div>
            </div>
          </div>
        </div>
         
        <div class="box-body">
          <div class="form-group">
            <form action="{{url('course/')}}" method="post" enctype="multipart/form-data">
              {{ csrf_field() }}
  
              <div class="row">
                <div class="col-md-3">
                  <label>{{ __('adminstaticword.Category') }}:<span class="redstar">*</span></label>
                  <select name="category_id" id="category_id" class="form-control js-example-basic-single" required>
                    <option value="">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach($category as $cate)
                      <option value="{{$cate->id}}" {{ old('category_id') == $cate->id ? "selected" : "" }}>{{$cate->title}}</option>
                    @endforeach
                  </select>
                </div>
                
                {{-- 次要分類 --}}
                {{-- <div class="col-md-3 display-none">
                  <label>{{ __('adminstaticword.SubCategory') }}:<span class="redstar">*</span></label>
                  <select name="subcategory_id" id="upload_id" class="form-control js-example-basic-single" >
                  </select>
                </div> --}}
                
                {{-- 子分類
                <div class="col-md-3">
                  <label>{{ __('adminstaticword.ChildCategory') }}:</label>
                  <select name="childcategory_id" id="grand" class="form-control js-example-basic-single"></select>
                </div>
                 --}}
                 {{-- 選擇教練 --}}
                <div class="col-md-3">
                  <label for="exampleInputTit1e">{{ __('adminstaticword.SelectUser') }}<span class="redstar">*</span></label>
                    <select name="user_id" class="form-control js-example-basic-single col-md-7 col-xs-12" required>
                      <option value="">{{ __('adminstaticword.SelectanOption') }}</option>
                        @foreach($users as $user)
                          @if(!$user->trashed())
                            <option value="{{$user->id}}" {{ old('user_id') == $user->id ? "selected" : "" }}>{{$user->fname}}</option>
                          @endif
                        @endforeach
                    </select>
                </div>
                {{-- 控制項 --}}
                <div class="col-md-3">
                  <label for="classType">{{ __('adminstaticword.Select') }}{{ __('adminstaticword.ClassType') }}<span class="redstar">*</span></label>
                    @php
                      $courseType = config( 'course' )['type'];
                    @endphp
                    <select name="type" class="form-control col-md-7 col-xs-12" id="classType">
                      @foreach ($courseType as $value => $typeName)
                        <option value="{{$value}}">{{$typeName}}</option>
                      @endforeach
                    </select>
                </div>
                {{-- 加值頻道 --}}
                <div class="col-md-3" id="channel-area">
                  <label for="channel">{{ __('adminstaticword.Select') }}{{ __('adminstaticword.PrivateCourse') }}: <span class="redstar">*</span></label>
                  <select name="channel_id" id="channel" class="form-control">
                    <option>{{ __('adminstaticword.SelectanOption') }}</option>
                    @if (isset($plusChannels))
                      @foreach ($plusChannels as $data)
                        <optgroup label="{{$data['parent_plusChannel']->name}}">
                          @foreach($data['child_plusChannel'] as $value )
                            <option value="{{ $value->id }}" {{ old('channel_id') == $value->id ? "selected" : "" }}>{{ $value->name }}</option>
                          @endforeach
                        </optgroup>
                      @endforeach
                    @endif
                  </select>
                </div>
                {{-- 訓練計畫 --}}
                <div class="col-md-3" id="bundle-area">
                  <label for="bundle">選擇{{ __('adminstaticword.BundleCourse') }}: </label>
                  <select name="bundle_id[]" id="bundle" class="form-control" multiple="multiple">
                    @if (isset($bundles))
                      @foreach ($bundles as $item )
                        <option value="{{ $item->id }}" @if (old("bundle_id")){{ (in_array($item->id, old("bundle_id")) ? "selected":"") }}@endif>{{ $item->title }}</option>
                      @endforeach
                    @endif
                  </select>
                </div>
                {{-- 直播 --}}
                <div class="col-md-3" id="live-area">

                      <label for="live_time">選擇直播日期</label>
                      <input type="text" id="live_time" name="live_time" class="form-control">

                </div>
              </div>
              <br>
              {{-- 語系
              <div class="row">
                <div class="col-md-6"> 
                  <label>{{ __('adminstaticword.Language') }}: <span class="redstar">*</span></label>
                  <select name="language_id" class="form-control js-example-basic-single">
                    @php
                    $languages = App\CourseLanguage::all();
                    @endphp  
                    @foreach($languages as $caat)
                      <option {{ $caat->language_id == $caat->id ? 'selected' : "" }} value="{{ $caat->id }}">{{ $caat->name }}</option>
                    @endforeach
                  </select> 
                </div>
                 --}}
                {{-- Select Refund Policy
                <div class="col-md-6"> 
                @php
                        $ref_policy = App\RefundPolicy::all();
                    @endphp
                    <label for="exampleInputSlug">{{ __('adminstaticword.SelectRefundPolicy') }}</label>
                    <select name="refund_policy_id" class="form-control js-example-basic-single col-md-7 col-xs-12">
                      <option value="none" selected disabled hidden> 
                        {{ __('frontstaticword.SelectanOption') }}
                      </option>
                      @foreach($ref_policy as $ref)
                        <option  value="{{ $ref->id }}">{{ $ref->name }}</option>
                      @endforeach
                    </select>
                  
                </div>

                
              </div>
              <br>
               --}}


              <div class="row">
                <div class="col-md-6">
                  <label for="exampleInputTit1e">{{ __('adminstaticword.Title') }}: <sup class="redstar">*</sup></label>
                  <input type="title" class="form-control" name="title" id="exampleInputTitle" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Title') }}" value="{{ (old('title')) }}" required>
                </div>
                <div class="col-md-6">
                  <label for="exampleInputTit1e">{{ __('adminstaticword.ShortDetail') }}: <sup class="redstar">*</sup></label>
                  <textarea name="short_detail" rows="3" class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.ShortDetail') }}" required >{{ (old('short_detail')) }}</textarea>
                </div>
              </div>
              <br>
                 
              {{-- <div class="row">
                <div class="col-md-6">
                  <label for="exampleInputSlug">{{ __('adminstaticword.Slug') }}: <sup class="redstar">*</sup></label>
                  <input pattern="[/^\S*$/]+"  type="text" class="form-control" name="slug" id="exampleInputPassword1" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Slug') }}" value="{{ (old('slug')) }}" required>
                </div>
                
                <!-- 課程需求 -->
                <div class="col-md-6">
                  <label for="requirement">{{ __('adminstaticword.Requirements') }}: </label>
                  <textarea name="requirement" rows="3"  class="form-control" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Requirements') }}">{{ (old('requirement')) }}</textarea>
                </div>
              </div>           
              <br>  --}}
              {{-- 詳細內容 --}}
              <div class="row">
                <div class="col-md-12">
                  <label for="exampleInputTit1e">{{ __('adminstaticword.Detail') }}: <sup class="redstar">*</sup></label>
                  <textarea id="detail" name="detail" rows="3" class="form-control">{{ (old('detail')) }}</textarea>
                </div>
              </div>

              <br> 

              <div class="row">
                {{-- 適用 --}}
                <x-input-component labelClass="fit_situation" labelName="{{ __('adminstaticword.FitSituation') }}" value="{{ old('fit_situation') }}"></x-input-component>

                {{-- 課程建議 --}}
                <x-input-component labelClass="suggest" labelName="{{ __('adminstaticword.Suggest') }}" value="{{ old('suggest') }}"></x-input-component>

              </div>
              <br>


              <div class="row">
                {{-- 不適用情形 --}}
                <x-input-component labelClass="unfit_situation" labelName="{{ __('adminstaticword.NotSuitable') }}" value="{{ old('unfit_situation') }}"></x-input-component>
                
                {{-- 事前準備 --}}
                <x-input-component labelClass="before_fitness" labelName="{{ __('adminstaticword.Preparation') }}" value="{{ old('before_fitness') }}"></x-input-component>
                
              </div>
              <br>
              <div class="row">
                {{-- 身體反應 --}}
                <x-input-component labelClass="body_response" labelName="{{ __('adminstaticword.BodyResponse') }}" value="{{ old('body_response') }}"></x-input-component>
                
                {{-- 備註 --}}
                <x-input-component labelClass="note" labelName="{{ __('adminstaticword.Note') }}" value="{{ old('note') }}"></x-input-component>
              </div>

              <br>

              <div class="row">
                {{-- 卡洛里 --}}
                <div class="col-md-3">
                  <label for="calorie">{{ __('adminstaticword.Calorie') }}: </label>
                  <input type="number" class="form-control" name="calorie" id="calorie" placeholder="輸入消耗的卡洛里" min="0" value="{{ old('calorie') }}">
                </div>
                {{-- 課程強度 --}}
                <div class="col-md-3">
                  <label for="level">課程強度: </label>
                  <select name="level" id="level" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($courseLevel as $item)
                      <option value="{{ $item->id }}" {{ old('level') == $item->id ? "selected" : "" }}>{{ $item->name }}</option>
                    @endforeach
                  </select>
                </div>
                {{-- 帶貨商品 --}}
                <div class="col-md-3">
                  <label for="course_and_commodity">帶貨商品: </label>
                  <select name="course_and_commodity[]" id="course_and_commodity" class="form-control" multiple="multiple">
                    @foreach ($product as $item)
                      <option value="{{ $item->id }}" @if (old("course_and_commodity")){{ (in_array($item->id, old("course_and_commodity")) ? "selected":"") }}@endif>{{ $item->name }}</option>
                    @endforeach
                  </select>
                </div>
                <div class="col-md-3">
                  <label for="course_and_accessory">配件: </label>
                  <select name="course_and_accessory[]" id="course_and_accessory" class="form-control" multiple="multiple">
                    @foreach ($accessory as $item)
                      <option value="{{ $item->id }}" @if (old("course_and_accessory")){{ (in_array($item->id, old("course_and_accessory")) ? "selected":"") }}@endif>{{ $item->name }}</option>
                    @endforeach
                  </select>
                </div>
                

              </div>

              <br>
              
              {{-- 偏好設定 --}}
              <h4>偏好設定</h4>
              <div class="row">
                {{-- 性別 --}}
                <div class="col-lg-2">
                  <label for="gender" class="">{{ __('adminstaticword.Sex') }}: </label>
                  <select name="gender" id="gender" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($gender as $key => $value )
                      <option value="{{ $key }}"  {{ old('gender') == $key ? "selected" : "" }}>{{$value}}</option>
                    @endforeach
                  </select>
                </div>
                {{-- BMI --}}
                <div class="col-lg-3">
                  <label for="bmi" class="">{{ __('adminstaticword.BMI') }}: </label>
                  <select name="bmi" id="bmi" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($bmi as $key => $value)
                      <option value="{{$key}}" {{ old('bmi') == $key ? "selected" : "" }}>{{$value}}</option>
                    @endforeach
                  </select>
                </div>
                {{-- 健身經驗 --}}
                <div class="col-lg-2">
                  <label for="fitness_level" class="">{{ __('adminstaticword.Experience') }}: </label>
                  <select name="fitness_level" id="fitness_level" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($fitness_level as $key => $value)
                      <option value="{{$key}}" {{ old('fitness_level') == $key ? "selected" : "" }}>{{$value}}</option>
                    @endforeach
                  </select>
                </div>
                {{-- 健身目標 --}}
                <div class="col-lg-2">
                  <label for="fitness_target" class="">{{ __('adminstaticword.Target') }}: </label>
                  <select name="fitness_target" id="fitness_target" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($target as $key =>$value )
                      <option value="{{$key}}" {{ old('fitness_target') == $key ? "selected" : "" }}>{{$value}}</option>
                    @endforeach
                  </select>
                </div>
                {{-- 多快達成目標 --}}
                <div class="col-lg-3">
                  <label for="fitness_howlong" class="">{{ __('adminstaticword.HowLong') }}: </label>
                  <select name="fitness_howlong" id="fitness_howlong" class="form-control">
                    <option value="0">{{ __('adminstaticword.SelectanOption') }}</option>
                    @foreach ($howLong as $key => $value )
                      <option value="{{$key}}" {{ old('fitness_howlong') == $key ? "selected" : "" }}>{{$value}}</option>
                    @endforeach
                  </select>
                </div>
              </div>

              <br>


              <div class="row">
                <div class="col-md-2 display-none">
                  <label for="exampleInputDetails">{{ __('adminstaticword.MoneyBack') }}:</label>
                  <li class="tg-list-item">
                    <input class="tgl tgl-skewed" id="cb01" type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.No') }}" data-tg-on="{{ __('adminstaticword.Yes') }}" for="cb01"></label>
                  </li>
                  <input type="hidden" name="free" value="0" id="cb10">
                  <br>
                  <div class="display-none" id="dooa">
                    <label for="exampleInputSlug">{{ __('adminstaticword.Days') }}: <sup class="redstar">*</sup></label>
                    <input type="number" min="1" class="form-control" name="day" id="exampleInputPassword1" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Days') }}" value="">
                  </div> 
                </div>

                {{-- 課程類型免費或付費 --}}
                {{-- <div class="col-md-3">
                  <label for="exampleInputDetails">{{ __('adminstaticword.ClassType') }}:</label>                 
                  <li class="tg-list-item">
                    <input name="type" class="tgl tgl-skewed" id="cb111" type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.Free') }}" data-tg-on="{{ __('adminstaticword.Paid') }}" for="cb111"></label>
                  </li>
                  <br>
                  <div class="display-none" id="pricebox">
                    <label for="exampleInputSlug">{{ __('adminstaticword.Price') }}: <sup class="redstar">*</sup></label>
                    <input type="number" step="0.01" class="form-control" name="price" id="priceMain" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.Price') }}" value="{{ (old('price')) }}">
                    
                    <label for="exampleInputSlug">{{ __('adminstaticword.DiscountPrice') }}: </label>
                    <input type="number" step="0.01" class="form-control" name="discount_price" id="offerPrice" placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.DiscountPrice') }}" value="{{ (old('discount_price')) }}">
                  </div>
                </div> --}}
                <div class="col-md-2">
                  @if(Auth::User()->role == "admin")
                  <label for="exampleInputDetails">{{ __('adminstaticword.Featured') }}:</label>
                  <li class="tg-list-item">
                
                    <input class="tgl tgl-skewed" id="cb1"   type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.OFF') }}" data-tg-on="{{ __('adminstaticword.ON') }}" for="cb1"></label>
                  </li>
                  <input type="hidden" name="featured" value="0" id="j">
                  @endif
                </div> 
                <div class="col-md-2">
                  @if(Auth::User()->role == "admin")
                  <label for="exampleInputDetails">{{ __('adminstaticword.Status') }}:</label>
                  <li class="tg-list-item">  
                    <input class="tgl tgl-skewed" id="cb3" type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.Deactive') }}" data-tg-on="{{ __('adminstaticword.Active') }}" for="cb3"></label>
                  </li>
                  <input type="hidden" name="status" value="0" id="test">
                  @endif
                </div>
                {{-- 免費 --}}
                <div class="col-md-2 free-area">
                  @if(Auth::User()->role == "admin")
                  <label for="exampleInputDetails">{{ __('adminstaticword.Free') }}:</label>
                  <li class="tg-list-item">
                    <input class="tgl tgl-skewed" id="free" type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.OFF') }}" data-tg-on="{{ __('adminstaticword.ON') }}" for="free"></label>
                  </li>
                  <input type="hidden" name="is_free" value="0" id="is_free">
                  @endif
                </div>

                <div class="col-sm-2" id="live-area">
                  <label for="live">影片格式: </label>
                  <li class="tg-list-item">
                    <input name="video_type" class="tgl tgl-skewed" id="video_type" type="checkbox"/>
                    <label class="tgl-btn" data-tg-off="影片" data-tg-on="Iframe" for="video_type"></label>
                  </li>
                </div>
                
                
                <div class="col-sm-2" id="video_enable-area">
                  <label for="video_enable">直播回放: </label>
                  <li class="tg-list-item">
                    <input name="video_enable" class="tgl tgl-skewed" id="video_enable" type="checkbox" value="1" checked/>
                    <label class="tgl-btn" data-tg-off="關閉" data-tg-on="啟用" for="video_enable"></label>
                  </li>
                </div>


              </div>
              <br>

              {{-- <div class="row">
                
                <div class="display-none col-sm-4" id="live_time-box">
                  <label for="live_time">選擇直播日期</label>
                  <input type="text" id="live_time" name="live_time" class="form-control">
                </div>
              </div> --}}

              <div class="row">
                <div class="col-md-6" id="document2">
                    <label for="url">影片{{ __('adminstaticword.URL') }}: <sup class="redstar">*</sup></label>
                    <input type="text" name="url" id="url"  placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.URL') }}" class="form-control" value="{{ (old('url')) }}" required>
                </div>

                <div class="display-none col-md-6" id="iframe-box">
                  <div class="row">
                    <div class="col-sm-6">
                      <label for="video-iframe" >影片 Iframe</label>
                      <input type="text" id="video-iframe" name="video_iframe" class="form-control">
                    </div>
                    <div class="col-sm-6">
                      <label for="chat-iframe">聊天室 Iframe</label>
                      <input type="text" id="chat-iframe" name="chat_iframe" class="form-control">
                    </div>
                  </div>
                </div>



                <div class="col-md-6">
                  <label for="preview_video_url">預覽影片{{ __('adminstaticword.URL') }} ID : </label>
                  <br>
                  <p>https://vimeo.com/<input type="number" name="preview_video_url" id="preview_video_url"  placeholder="{{ __('adminstaticword.Enter') }}預覽影片{{ __('adminstaticword.URL') }}"  value="{{ (old('preview_video_url')) }}"></p>
                  
                </div>
                
             

              {{-- <div class="col-md-6">

                <label for="">{{ __('adminstaticword.Duration') }}: </label>
                <li class="tg-list-item">              
                  <input class="tgl tgl-skewed" id="duration_type" type="checkbox" name="duration_type" >
                  <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.Days') }}" data-tg-on="{{ __('adminstaticword.Month') }}" for="duration_type"></label>
                </li>

                <label for="exampleInputSlug">{{ __('adminstaticword.CourseExpireDuration') }}</label>
                <input min="1" class="form-control" name="duration" type="number" id="duration"  placeholder="{{ __('adminstaticword.Enter') }} {{ __('adminstaticword.CourseExpireDuration') }}" value="{{ (old('duration')) }}">


              </div> --}}
              </div>

              <br>

            <div class="row">
             <div class="col-md-6">
                <label>{{ __('adminstaticword.PreviewImage') }}:</label> - <p class="inline info">size: 3:2</p><sup class="redstar">*</sup>
                <br>
                <input type="file" name="preview_image" id="image" class="inputfile inputfile-1" >
                <label for="image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg> <span>{{ __('adminstaticword.Chooseafile') }}&hellip;</span></label>
                  
              </div>  
              {{-- <div class="col-md-6">
                @if(Auth::User()->role == "admin")
                <label for="Revenue">{{ __('adminstaticword.InstructorRevenue') }}:</label>
                <div class="input-group">
                            
                  <input min="1" max="100" class="form-control" name="instructor_revenue" type="number" id="revenue"  placeholder="{{ __('adminstaticword.Enter') }} revenue percentage" class="{{ $errors->has('instructor_revenue') ? ' is-invalid' : '' }} form-control" value="{{ (old('instructor_revenue')) }}">
                    <span class="input-group-addon"><i class="fa fa-percent"></i></span>
                </div>
                @endif
              </div> --}}
            </div>
            <br>
            <br>


            {{-- <div class="row">
              <div class="col-sm-3">

                  <label for="exampleInputDetails">{{ __('adminstaticword.Assignment') }}:</label>                 
                  <li class="tg-list-item">
                    <input {{ old('assignment_enable') == "0" ? '' : "checked" }} class="tgl tgl-skewed" name="assignment_enable"  id="frees" type="checkbox">
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.No') }}" data-tg-on="{{ __('adminstaticword.Yes') }}" for="frees"></label>
                  </li>
                </div>

                 <div class="col-sm-3">

                  <label for="exampleInputDetails">{{ __('adminstaticword.Appointment') }}:</label>                 
                  <li class="tg-list-item">
                    <input {{ old('appointment_enable') == "0" ? '' : "checked" }} class="tgl tgl-skewed" name="appointment_enable"  id="frees1" type="checkbox">
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.No') }}" data-tg-on="{{ __('adminstaticword.Yes') }}" for="frees1"></label>
                  </li>
                </div>

                 <div class="col-sm-3">

                  <label for="exampleInputDetails">{{ __('adminstaticword.CertificateEnable') }}:</label>                 
                  <li class="tg-list-item">
                    <input {{ old('certificate_enable') == "0" ? '' : "checked" }} class="tgl tgl-skewed" name="certificate_enable"  id="frees2" type="checkbox">
                    <label class="tgl-btn" data-tg-off="{{ __('adminstaticword.No') }}" data-tg-on="{{ __('adminstaticword.Yes') }}" for="frees2"></label>
                  </li>
                </div>

                <div class="col-sm-3">
                  <label for="">{{ __('adminstaticword.DripContent') }}: </label>
                  <li class="tg-list-item">              
                      <input class="tgl tgl-skewed" id="drip_enable" type="checkbox" name="drip_enable" {{ old('drip_enable') == 1 ? 'checked' : '' }} >
                      <label class="tgl-btn" data-tg-off="Disable" data-tg-on="Enable" for="drip_enable"></label>
                  </li>
                </div>
            </div> --}}
            <br>
            <br>

             

           

              <div class="box-footer">
                <button type="submit" class="btn btn-lg col-md-4 btn-primary">{{ __('adminstaticword.Submit') }}</button>
              </div>

            </form>
          </div>
        </div>
        <!-- /.box -->
      </div>
      <!-- /.box -->
    </div>
  </div>
  <!-- /.row -->
</section> 

@endsection

@section('scripts')




<script>
(function($) {
"use strict";

  $(function() {
      $('.js-example-basic-single').select2(
        {
          tags: true,
          tokenSeparators: [',', ' ']
        });
    });

  $(function() {
    $('#cb1').change(function() {
      $('#j').val(+ $(this).prop('checked'))
    })
  })
// 免費付費
  $(function() {
    $('#free').change(function() {
      $('#is_free').val(+ $(this).prop('checked'))
    })
  })

  $(function() {
    $('#cb3').change(function() {
      $('#test').val(+ $(this).prop('checked'))
    })
  })

  $('#cb111').on('change',function(){

    if($('#cb111').is(':checked')){
      $('#pricebox').show('fast');

      $('#priceMain').prop('required','required');

    }else{
      $('#pricebox').hide('fast');

      $('#priceMain').removeAttr('required');
    }

  });
  // 新增影片格式
  $('#video_type').on('change',function(){
    if($('#video_type').is(':checked')){
      $('#iframe-box').show('fast');
      $('#document2').hide('fast');
      $('#url').removeAttr('required');
      $('#video-iframe').prop('required','required');
    }else{
      $('#document2').show('fast');
      $('#url').prop('required','required');
      $('#iframe-box').hide('fast');
      $('#video-iframe').removeAttr('required');
    }
  });

  $('#preview').on('change',function(){

    if($('#preview').is(':checked')){
      $('#document1').show('fast');
      $('#document2').hide('fast');
    }else{
      $('#document2').show('fast');
      $('#document1').hide('fast');
    }

  });

  $("#cb3").on('change', function() {
    if ($(this).is(':checked')) {
      $(this).attr('value', '1');
    }
    else {
      $(this).attr('value', '0');
    }});

  $(function(){

      $('#ms').change(function(){
        if($('#ms').val()=='yes')
        {
            $('#doabox').show();
        }
        else
        {
            $('#doabox').hide();
        }
      });

  });

  $(function(){

      $('#ms').change(function(){
        if($('#ms').val()=='yes')
        {
            $('#doaboxx').show();
        }
        else
        {
            $('#doaboxx').hide();
        }
      });

  });

  $(function(){

      $('#msd').change(function(){
        if($('#msd').val()=='yes')
        {
            $('#doa').show();
        }
        else
        {
            $('#doa').hide();
        }
      });

  });

  $(function() {
    var urlLike = '{{ url('admin/dropdown') }}';
    $('#category_id').change(function() {
      var up = $('#upload_id').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });

  $(function() {
    var urlLike = '{{ url('admin/gcat') }}';
    $('#upload_id').change(function() {
      var up = $('#grand').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:filter(id), text:filter(title)}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });
})(jQuery);

// 新增關聯選項
$(document).ready(function () {
  $('#course_and_commodity').select2();
  $('#course_and_accessory').select2();
  $('#channel').select2();
  $('#bundle').select2({
    tags: true,
    tokenSeparators: [',', ' ']
  });
  
  changeTypeDetect( $('#classType') );
  $(document).on('change','#classType',function(){
    changeTypeDetect($(this) );
  });
})

// 控制 typeClass 出現
function changeTypeDetect(el){
  channel.style.display = 'none';
  channel.querySelector('select').required = false
  live.style.display = 'none';
  live.querySelector('input').required = false
  bundle.style.display = 'none';
  bundle.querySelector('select').required = false
  switch(classType.value){
    case '2' :
      channel.style.display = 'block';
      channel.querySelector('select').required = true
      break;
    case '3' :
      bundle.style.display = 'block';
      bundle.querySelector('select').required = true
      break;
    case '4' :
      live.style.display = 'block';
      live.querySelector('input').required = true
      break;
  }
}

// 新增直播日期

var liveDate = document.querySelector('#live_time')
$('#live_time').daterangepicker({
  "singleDatePicker": true,
  "timePicker": true,
  startDate: moment().startOf('hour'),
  "timePicker24Hour": true,
  drops:'auto',
  // 'autoUpdateInput': false,
  locale: {
    format: 'Y-M-DD HH:mm',
    cancelLabel: '取消',
      applyLabel: '確定',
      daysOfWeek: [
              "日",
              "一",
              "二",
              "三",
              "四",
              "五",
              "六"
          ],
      monthNames: [
              "一月",
              "二月",
              "三月",
              "四月",
              "五月",
              "六月",
              "七月",
              "八月",
              "九月",
              "十月",
              "十一月",
              "十二月"
          ],
  }
});

// 選擇類型的時候變化顯示畫面
var bundle = document.querySelector('#bundle-area')
var channel = document.querySelector('#channel-area')
var live = document.querySelector('#live-area')
var classType = document.querySelector('#classType')
var free = document.querySelector('.free-area')
var channelSelect = document.querySelector('#channel')

</script>

  
@endsection