@extends('layouts.master')
@section('title',__('Create Menu'))
@section('breadcum')
	<div class="breadcrumbbar">
                <h4 class="page-title">{{ __('Menu') }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{url('/admin')}}">{{ __('Dashboard') }}</a></li>
                      <li class="breadcrumb-item active" aria-current="page">{{ __('Create Menu') }}</li>
                    </ol>
                </div>  
    </div>
@endsection
@section('maincontent')
<div class="contentbar">
  <div class="row">
    @if ($errors->any())  
  <div class="alert alert-danger" role="alert">
  @foreach($errors->all() as $error)     
  <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true" style="color:red;">&times;</span></button></p>
      @endforeach  
  </div>
  @endif
    <div class="col-lg-12">
      <div class="card m-b-50">
        <div class="card-header">
          <a href="{{url('/admin/menu')}}" class="float-right btn btn-primary-rgba mr-2"><i
            class="feather icon-arrow-left mr-2"></i>{{ __('Back') }}</a>
          <h5 class="box-title">{{__('Create Menu')}}</h5>
        </div>
        <div class="card-body ml-2">
          {!! Form::open(['method' => 'POST', 'action' => 'MenuController@store', 'files' => true]) !!}
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="name">
                    {{ __('Name') }}:
                    <sup class="text-danger">*</sup>
                  </label>
                  <input value="{{ old('name') }}" autofocus required name="name" type="text" class="form-control"
                    placeholder="{{ __('Please Enter Menu Name') }}" />
                </div>
              </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label>{{__('Choose Section')}}: <span class="text-danger">*</span></label>
                      <br>
                      <small class="text-muted"> <i class="fa fa-question-circle"></i> {{__('Menu Will Contain Following Section')}}</small>
                      <br>
                      <small class="text-muted"> <i class="fa fa-question-circle"></i> {{__('At lease One Section Is Required')}}</small>
                  </div>
                </div>
                    <br><br>
                    <div class="col-md-6">
                      <div class="form-group">
                    <label>
                        <input type="checkbox" value="1" class="custom_toggle" id="recent_added" name="section[1]" />
                        <label for="recent_added" class="material-checkbox"></label>
                      {{__('Recently Added')}} 
                    </label>
                    <br>
                    <div style="display: none" class="section1">
                        <div class="form-group">
                          <label>{{__('Limit')}}:</label>
                          <input id="limit1" type="number" min="1" name="limit[1]" class="form-control">
                        </div>
      
                         <div class="form-group">
                          <label>{{__('View In')}}:</label>
                          <select name="view[1]" id="select1" class="form-control">
                            <option value="1">{{__('Slider View')}}</option>
                            <option value="0">{{__('Grid View')}}</option>
                          </select>
                        </div>
                    </div>
      
                     <div style="display: none" class="section1">
                       
                         <div class="form-group">
                          <label>{{__('Order In')}}:</label>
                          <select name="order[1]" id="select1" class="form-control">
                            <option value="1">{{__('DESC Order')}}</option>
                            <option value="0">{{__('ASC Order')}}</option>
                          </select>
                        </div>
                    </div>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-group">
                    <label>
                        <input type="checkbox" value="2" class="custom_toggle" id="genre_added" name="section[2]" />
                        <label for="genre_added" class="material-checkbox"></label>
                      {{__('Genre')}} 
                    </label>
                    <div style="display: none" class="section2">
                        <div class="form-group">
                          <label>{{__('Limit')}}:</label>
                          <input id="limit2" type="number" min="1" name="limit[2]" class="form-control">
                        </div>
      
                        <div class="form-group">
                          <label for="All Genre">Select Genre</label> <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Please select these genre you want to show on home page"></i><br/>
                          <select name="genre_id[]" id="" class="form-control select2" multiple="">
                             @if($all_genre)
                              @foreach($all_genre as $genre)
                                <option value="{{$genre->id}}">{{$genre->name}}</option>
                              @endforeach
                            @endif
                          </select>
                        </div>
      
                         <div class="form-group">
                          <label>{{__('View In')}}:</label>
                          <select name="view[2]" id="select2" class="form-control">
                            <option value="1">{{__('Slider View')}}</option>
                            <option value="0">{{__('Grid View')}}</option>
                          </select>
                        </div>
                    </div>
                    <div style="display: none" class="section2">
                 
                      <div class="form-group">
                       <label>{{__('Order In')}}:</label>
                       <select name="order[2]" id="select2" class="form-control">
                         <option value="1">{{__('DESC Order')}}</option>
                         <option value="0">{{__('ASC Order')}}</option>
                       </select>
                     </div>
                 </div>
                      </div>
                    </div>
                 <br>

                 <div class="col-md-6">
                  <div class="form-group">
                 <label>
                    <input type="checkbox" value="3" class="custom_toggle" id="featured" name="section[3]" />
                    <label for="featured" class="material-checkbox"></label>
                  {{__('Featured')}}
                </label>
             
                  <div style="display: none" class="section3">
                    <div class="form-group">
                      <label>{{__('Limit')}}:</label>
                      <input id="limit3" type="number" min="1" name="limit[3]" class="form-control">
                    </div>
  
                     <div class="form-group">
                      <label>{{__('View In')}}:</label>
                      <select name="view[3]" id="select3" class="form-control">
                       <option value="1">{{__('Slider View')}}</option>
                        <option value="0">{{__('Grid View')}}</option>
                      </select>
                    </div>
                </div>
  
                 <div style="display: none" class="section3">
                   
                     <div class="form-group">
                      <label>{{__('Order In')}}:</label>
                      <select name="order[3]" id="select3" class="form-control">
                        <option value="1">{{__('DESC Order')}}</option>
                        <option value="0">{{__('ASC Order')}}</option>
                      </select>
                    </div>
                </div>
                  </div>
                 </div>
                <br>
                <div class="col-md-6">
                  <div class="form-group">
                <label>
                    <input type="checkbox" value="4" class="custom_toggle" id="intrest" name="section[4]" />
                    <label for="intrest" class="material-checkbox"></label>
                  {{__('Best On Intrest')}}
                </label>
             
                  <div style="display: none" class="section4">
                    <div class="form-group">
                      <label>{{__('Limit')}}:</label>
                      <input id="limit4" type="number" min="1" name="limit[4]" class="form-control">
                    </div>
  
                     <div class="form-group">
                      <label>{{__('View In')}}:</label>
                      <select name="view[4]" id="select4" class="form-control">
                        <option value="1">{{__('Slider View')}}</option>
                        <option value="0">{{__('Grid View')}}</option>
                      </select>
                    </div>
                </div>
  
                 <div style="display: none" class="section4">
                   
                     <div class="form-group">
                      <label>{{__('OrderIn')}}:</label>
                      <select name="order[4]" id="select4" class="form-control">
                       <option value="1">{{__('DESC Order')}}</option>
                        <option value="0">{{__('ASC Order')}}</option>
                      </select>
                    </div>
                </div>
                  </div>
                </div>
                <br/>
                <div class="col-md-6">
                  <div class="form-group">
                <label>
                    <input type="checkbox" value="5" class="custom_toggle" id="history" name="section[5]" />
                    <label for="history" class="material-checkbox"></label>
                  {{__('Continue Watch')}}
                </label>
             
                  <div style="display: none" class="section5">
                    <div class="form-group">
                      <label>{{__('Limit')}}:</label>
                      <input id="limit5" type="number" min="1" name="limit[5]" class="form-control">
                    </div>
  
                     <div class="form-group">
                      <label>{{__('View In')}}:</label>
                      <select name="view[5]" id="select5" class="form-control">
                       <option value="1">{{__('Slider View')}}</option>
                        <option value="0">{{__('Grid View')}}</option>
                      </select>
                    </div>
                </div>
  
                <div style="display: none" class="section5">
                   
                    <div class="form-group">
                      <label>{{__('Order In')}}:</label>
                      <select name="order[5]" id="select5" class="form-control">
                        <option value="1">{{__('DESC Order')}}</option>
                        <option value="0">{{__('ASC Order')}}</option>
                      </select>
                    </div>
                </div>
                  </div>
                </div>
                <br/>
  
                <div class="col-md-6">
                  <div class="form-group">
                 <label>
                  <input type="checkbox" value="6" class="custom_toggle" id="language" name="section[6]" />
                    <label for="language" class="material-checkbox"></label>
                 {{__('Languages')}}
                </label>
             
                  <div style="display: none" class="section6">
                    <div class="form-group">
                      <label>{{__('Limit')}}:</label>
                      <input id="limit6" type="number" min="1" name="limit[6]" class="form-control">
                    </div>
  
                     <div class="form-group">
                      <label>{{__('View In')}}:</label>
                      <select name="view[6]" id="select6" class="form-control">
                       <option value="1">{{__('Slide View')}}</option>
                        <option value="0">{{__('Grid View')}}</option>
                      </select>
                    </div>
                </div>
  
                <div style="display: none" class="section6">
                   
                    <div class="form-group">
                      <label>{{__('Order In')}}:</label>
                      <select name="order[6]" id="select6" class="form-control">
                        <option value="1">{{__('DESC Order')}}</option>
                        <option value="0">{{__('ASC Order')}}</option>
                      </select>
                    </div>
                </div>
                  </div>
                </div>

                <br/>
                <div class="col-md-6">
                  <div class="form-group">
                  <label>
                    <input type="checkbox" value="7" class="custom_toggle" id="pramotion" name="section[7]" />
                    <label for="pramotion" class="material-checkbox"></label>
                  {{__('Movie Tvseries Pramotion')}}
                </label>
                  </div>
                </div>
                <br/>
                <div class="col-md-6">
                  <div class="form-group">
                <label>
                  <input type="checkbox" value="8" class="custom_toggle" id="blog" name="section[8]" />
                    <label for="blog" class="material-checkbox"></label>
                  {{__('Blog')}}
                </label>
                  </div>
                </div>
  
                <br/>
                <div class="col-md-6">
                  <div class="form-group">
                 <label>
                  <input type="checkbox" value="9" class="custom_toggle" id="upcoming" name="section[9]" />
                    <label for="upcoming" class="material-checkbox"></label>
                  {{__('UpcomingMovie')}}
                </label>
             
                  <div style="display: none" class="section9">
                    <div class="form-group">
                      <label>{{__('Limit')}}:</label>
                      <input id="limit9" type="number" min="1" name="limit[9]" class="form-control">
                    </div>
  
                     <div class="form-group">
                      <label>{{__('View In')}}:</label>
                      <select name="view[9]" id="select9" class="form-control">
                       <option value="1">{{__('Slider View')}}</option>
                        <option value="0">{{__('Grid View')}}</option>
                      </select>
                    </div>
                </div>
  
                 <div style="display: none" class="section9">
                   
                     <div class="form-group">
                      <label>{{__('Order In')}}:</label>
                      <select name="order[9]" id="select9" class="form-control">
                        <option value="1">{{__('DESC Order')}}</option>
                        <option value="0">{{__('ASC Order')}}</option>
                      </select>
                    </div>
                </div>
                  </div>
                </div>
                <br>
                <div class="col-md-6">
                  <div class="form-group">
                <label>
                  <input type="checkbox" value="10" class="custom_toggle" id="liveevent" name="section[10]" />
                    <label for="liveevent" class="material-checkbox"></label>
                  {{__('Live Event')}}
                </label>
                  </div>
                </div>
                <br/>
                <div class="col-md-6">
                  <div class="form-group">
                <label>
                  <input type="checkbox" value="11" class="custom_toggle" id="audio" name="section[11]" />
                    <label for="audio" class="material-checkbox"></label>
                  {{__('Audio')}}
                </label>
                  </div>
                </div>
                <br>
                
                @if($topsection == 1)
                <div class="col-md-6">
                  <div class="form-group">
                 <label>
                    <input type="checkbox" value="12" class="custom_toggle" id="toprated" name="section[12]" />
                      <label for="toprated" class="material-checkbox"></label>
                    {{__('Top Rated Section')}}
                  </label>
                  </div>
                </div>
                  <br/>
                @endif
            </div>
                <div class="col-md-6">
                  <div class="form-group">
                <button type="reset" class="btn btn-success-rgba">{{__('Reset')}}</button>
                <button type="submit" class="btn btn-primary-rgba"><i class="fa fa-check-circle"></i>
                  {{ __('Update') }}</button>
              </div>
                </div>
                {!! Form::close() !!}
                <div class="clear-both"></div>
            

      </div>
    </div>
  </div>
</div>
</div>
@endsection 
@section('script')
<script>
    
  $('#recent_added').on('change',function(){
       
      if($(this).is(':checked')){
          $('.section1').show('fast');
          $('#limit1').attr('required','required');
          $('#order1').attr('required','required');
          $('#select1').attr('required','required');
      }else{
        $('.section1').hide('fast');
        $('#limit1').removeAttr('required');
         $('#order1').removeAttr('required','required');
        $('#select1').removeAttr('required');
      }
  });

  $('#genre_added').on('change',function(){
      if($(this).is(':checked')){
        $('.section2').show('fast');
        $('#limit2').attr('required','required');
         $('#order2').attr('required','required');
        $('#select2').attr('required','required');
      }else{
        $('.section2').hide('fast');
        $('#limit2').removeAttr('required');
         $('#order2').removeAttr('required','required');
        $('#select2').removeAttr('required');
      }
  });

  $('#featured').on('change',function(){
      if($(this).is(':checked')){
        $('.section3').show('fast');
        $('#limit3').attr('required','required');
         $('#order3').attr('required','required');
        $('#select3').attr('required','required');
      }else{
        $('.section3').hide('fast');
        $('#limit3').removeAttr('required');
         $('#order3').removeAttr('required','required');
        $('#select3').removeAttr('required');
      }
  });

  $('#intrest').on('change',function(){
      if($(this).is(':checked')){
        $('.section4').show('fast');
        $('#limit4').attr('required','required');
         $('#order4').attr('required','required');
        $('#select4').attr('required','required');
      }else{
        $('.section4').hide('fast');
        $('#limit4').removeAttr('required');
         $('#order4').removeAttr('required','required');
        $('#select4').removeAttr('required');
      }
  });

  $('#history').on('change',function(){
      if($(this).is(':checked')){
        $('.section5').show('fast');
        $('#limit5').attr('required','required');
         $('#order5').attr('required','required');
        $('#select5').attr('required','required');
      }else{
        $('.section5').hide('fast');
        $('#limit5').removeAttr('required');
         $('#order5').removeAttr('required','required');
        $('#select5').removeAttr('required');
      }
  });

  $('#language').on('change',function(){
      if($(this).is(':checked')){
        $('.section6').show('fast');
        $('#limit6').attr('required','required');
         $('#order6').attr('required','required');
        $('#select6').attr('required','required');
      }else{
        $('.section6').hide('fast');
        $('#limit6').removeAttr('required');
         $('#order6').removeAttr('required','required');
        $('#select6').removeAttr('required');
      }
  });



</script>
    
@endsection