@php ($headerOption = [
  'title' => $module,
  'header_button' => ''
])
@extends('admin.layouts.layout', $headerOption)
@section('css')
<style>
.alert-check-red{
  color: #fff;
    background: #e62f2f;
    padding: 3px 10px 3px 27px;
    font-weight: 600;
    width: auto;
    display: inline-block;
}
.alert-check-orange{
    color: #fff;
    background: #2a8239c9;
    padding: 3px 10px 3px 27px;
    font-weight: 600;
    width: auto;
    display: inline-block;
}
</style>
@endsection

@section('main')
<div class="container-fluid">
  <div class="animated fadeIn">
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-header"><i class="fa fa-align-justify"></i> Permission Lists</div>
         
          {!! Form::model($data, [
                            'method' => 'PATCH',
                            'route' => [$form['route'], $id], 
                            'class' => 'form-horizontal',
                            'id'=>'manage_role',
                            'enctype'=>'multipart/form-data'
                            ]) !!} 
            <div class="card-body">
            
                        
              @foreach($lists as $key => $list_data)
                              <div class="card">
                    <div class="card-header bg-info">
                      
                      <input type="checkbox" class="parent_check form-check-input" data-name="{{$key}}" id="{{$key}}" />
                      <label class="mb-0" for="{{$key}}"> {{ucwords(str_replace('_',' ',strtolower($key)))}} </label>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        @foreach($list_data as $k => $val)
                                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                          <div class="form-check {{ $val->class }}_div" id="{{ $val->class }}_{{ $val->method }}_div">
                            <input type="checkbox" class="form-check-input permission_chk {{$val->parent}} " data-parent="{{$val->parent}}" name="pid[]" id="{{ $val->class }}_{{ $val->method }}" data-controller="{{ $val->class }}" data-method="{{$val->method}}" value="{{ $val->id }}" {{ (is_array($permission) && in_array($val->id, $permission)) ? 'checked="checked"' : '' }}/>
                            <label class="form-check-label" for="{{ $val->class }}_{{ $val->method }}">{{ ucwords(strtolower($val->p_type)) }} </label>
                          </div>
                        </div>
                        @endforeach
                      </div>
                    </div>
                  </div>
                                @endforeach
                {{--<div class="card">
                    <div class="card-header bg-info">
                      <input type="checkbox" class="cruise-tour form-check-input" id="all_tour_select" />
                      <label class="mb-0" for="all_tour_select"> All Cruise </label>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @php($all_cruise = \App\Helpers\Helper::getTours())
                            @php($existingPermissions = \App\Helpers\Helper::getTourPermission($id))
                            @foreach($all_cruise as $k => $val)
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                            <div class="form-check tour_div" id="tour_div_{{ $k }}">
                                <input type="checkbox" class="form-check-input tour_select" name="tour_ids[]" id="tour_{{ $k }}" value="{{ $k }}" {{ (is_array($existingPermissions) && in_array($k, $existingPermissions)) ? 'checked="checked"' : '' }}/>
                                <label class="form-check-label" for="tour_{{ $k }}">{{$val}} </label>
                            </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>--}}
                            <input type="hidden" id="all_sta" value="{{json_encode($all_sta)}}">
            </div>
            <div class="card-footer">
                <button type="submit" id="submit_btn" class="btn btn-sm btn-primary">{!! (isset($form['submit_text']) ? $form['submit_text'] : '<i class="fa fa-dot-circle-o"></i> Submit') !!}</button>
                @if(isset($form['back_route']))
                    <a href="{{ $form['back_route'] }}" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Cancel</a>
                @endif
            </div>
          {{ Form::close() }}
          </div>
        
      </div>
    </div>
  </div>
</div> 
@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="{{ asset('/administrator/')}}/js/jquery.validate.min.js"></script>
  <script src="{{ asset('/administrator/')}}/js/additional-methods.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      parentCheckRole();
      $('body').on('click','.parent_check',function(){
        var parent = $(this).data('name');
        $('.'+parent).closest('div').removeClass('alert-check-red');
        $('.'+parent).closest('div').removeClass('alert-check-orange');
        if($(this).prop("checked") == true){
          $('input:checkbox.'+parent).each(function () {
            $(this).prop("checked",true);
          });
        }
        else{
          $('input:checkbox.'+parent).each(function () {
            $(this).prop("checked",false);
          });
        }
      });
      $('body').on('click','#all_tour_select',function(){
        if($(this).prop("checked") == true){
          $('.tour_select').each(function () {
            $(this).prop("checked",true);
          });
        }
        else{
          $('.tour_select').each(function () {
            $(this).prop("checked",false);
          });
        }
      });
      $('body').on('click','.tour_select',function(){
        var all_tour_chk = true;
          $('.tour_select').each(function () {
            if($(this).prop("checked") == false){
                all_tour_chk = false;
                return false;
            }
          });
        
        if(all_tour_chk){
            $('#all_tour_select').prop("checked",true);
        }
        else{
            $('#all_tour_select').prop("checked",false);
        }
      });
      $('body').on('click','.permission_chk1',function(){
        $(this).closest('div').removeClass('alert-check-red alert-check-orange');
        var controller = $(this).data('controller');
        var method = $(this).data('method');
        var met_paren = $(this).data('parent');
        if(controller!="SiteSettingController"){
          if($(this).prop("checked") == true){
            // $('#myCheckbox').prop('checked', true); // Checks it
            // $('#myCheckbox').prop('checked', false);
            if(method!="index"){
              if($('#'+controller+'_index').prop("checked") != true){
                $('#'+controller+'_index_div').addClass('alert-check-orange');
                swal({
                  title: "Manage Permission",
                  text: 'please allow List permission.',
                  icon: "warning",
                  button: "Ok",
                });
                $(this).prop('checked', false);
              }
            }
          }
          else if($(this).prop("checked") == false){
            if(method=="index"){
              var chk_status = false;
              $('input:checkbox.'+controller).each(function () {
                  if(this.checked){
                    $(this).closest('div').addClass('alert-check-red');
                    chk_status = true;
                  }
              });
              if(chk_status){
                swal({
                  title: "Manage Permission",
                  text: 'please allow List permission.',
                  icon: "warning",
                  button: "Ok",
                });
                $(this).prop('checked', true);
              }
            }
          }
        }
        var all_chk = true;
        $('input:checkbox.'+met_paren).each(function () {
            if(!$(this).is(':checked')){
              all_chk =false;
            }
        });
        if(all_chk){
          $('#'+met_paren).prop('checked', true);
        }
        else{
          $('#'+met_paren).prop('checked', false);
        }
      });
    });
    function parentCheckRole(){
      var all_sta = JSON.parse($('#all_sta').val());
      $.each(all_sta, function( index, value ) {
        if(value=='yes'){
          $('#'+index).prop('checked',true);
        }
      });
    }
  </script>
@endsection