@extends('hr_main')
@section('title', '| '.$data['pageTitle'])
@section('content')

<div class="row add-data-form" >
        <div class="col-md-12">
            <div class="col-md-2"></div>
            <div class="col-md-8 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{!! $data['listBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>{{ $data['listBtnLabel'] }}</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $data['pageTitle'] }}</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                              {!! Form::open(array('url' => '', 'id' => 'formId', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                              
                              <div class="form-group">
                                    <label class="col-md-2 control-label"><b>Head Office</b></label>
                                    <br><br>

                                    <div class="col-md-12" id="positionDivForHq">
                                        {!! Form::checkbox('allPositionForHq', 0, false, array('class' => '', 'id'=>'allPositionForHq')) !!}
                                        <span style="font-size: 14px">  {!! Form::label(('All Position')) !!}</span>
                                        <br>

                                        @foreach($data['positions'] as $position)
                                            <div class="col-md-3" id="{{ $position->name }}">
                                                {!! Form::checkbox('positionIdsForHq[]', $position->id, false, array('class' => 'singlePositionIdForHq', 'id'=>'singlePositionIdForHq-'.$position->id,'autocomplete' => 'off', 'data-project'=>'')) !!}
                                                <span style="font-size: 11px">  {!! Form::label(( $position->name )) !!}</span>
                                            </div>
                                        @endforeach
                                    </div>

                                    <div class="col-sm-12">
                                        <div class="col-sm-2"></div>
                                        <div class="col-sm-10"><span id='projectIde' style="max-height:3px; color: red;"></span></div>
                                    </div>
                              </div>

                              <hr>

                              <div class="form-group">
                                    <label class="col-md-2 control-label"><b>Branch</b></label>
                                    <br><br>

                                    <div class="col-md-12" id="positionDivForBranch">
                                        {!! Form::checkbox('allPositionForBranch', 0, false, array('class' => '', 'id'=>'allPositionForBranch')) !!}
                                        <span style="font-size: 14px">  {!! Form::label(('All Position')) !!}</span>
                                        <br>

                                        @foreach($data['positions'] as $position)
                                            <div class="col-md-3" id="{{ $position->name }}">
                                                {!! Form::checkbox('positionIdsForBranch[]', $position->id, false, array('class' => 'singlePositionIdForBranch', 'id'=>'singlePositionIdForBranch-'.$position->id,'autocomplete' => 'off', 'data-project'=>'')) !!}
                                                <span style="font-size: 11px">  {!! Form::label(( $position->name )) !!}</span>
                                            </div>
                                        @endforeach
                                    </div>

                                    <div class="col-sm-12">
                                        <div class="col-sm-2"></div>
                                        <div class="col-sm-10"><span id='projectIde' style="max-height:3px; color: red;"></span></div>
                                    </div>

                              </div>

                              <br>
                              <div class="form-group">
                                    {!! Form::label('submit', ' ', ['class' => 'col-sm-3 control-label']) !!}
                                    <div class="col-sm-9 text-right">
                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info' ]) !!}
                                        <a href="{!! $data['listBtnUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                        <span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
                                    </div>
                              </div>

                              {!! Form::close()  !!}

                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>

@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">

   $(document).ready(function()
   {
      $('#allPositionForHq').change(function () 
      {         
          if($(this).is(":checked"))
          {
                    $('#positionDivForHq').find('.singlePositionIdForHq').prop('checked', true);
          }
          else
          {
                    $('#positionDivForHq').find('.singlePositionIdForHq').prop('checked', false);
          }
      });

      $('#allPositionForBranch').change(function () 
      {         
          if($(this).is(":checked"))
          {
                    $('#positionDivForBranch').find('.singlePositionIdForBranch').prop('checked', true);
          }
          else
          {
                    $('#positionDivForBranch').find('.singlePositionIdForBranch').prop('checked', false);
          }
      });

      var totalPositions = <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/periodicStaffReportMisConfig/create.blade.php</b> on line <b>125</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/periodicStaffReportMisConfig/create.blade.php</b> on line <b>125</b><br />
null;

      $('.singlePositionIdForHq').change(function () 
      {     
          count = 0;
          $(totalPositions).each(function( index, value ) 
          {         
               if($('#positionDivForHq').find('#singlePositionIdForHq-'+value.id).is(":checked"))
               {
                    count = count + 1;
               }
          });   

          if(count == totalPositions.length) $('#allPositionForHq').prop('checked', true);
          else $('#allPositionForHq').prop('checked', false);
      });

      $('.singlePositionIdForBranch').change(function () 
      {     
          count = 0;
          $(totalPositions).each(function( index, value ) 
          {         
               if($('#positionDivForBranch').find('#singlePositionIdForBranch-'+value.id).is(":checked"))
               {
                    count = count + 1;
               }
          });   

          if(count == totalPositions.length) $('#allPositionForBranch').prop('checked', true);
          else $('#allPositionForBranch').prop('checked', false);
      });

      $('form').submit(function(event) 
      {   
          event.preventDefault();
          $("#add").prop("disabled", true);

          var formData = $('#formId').serialize();
            
          $.ajax({
                url: '../periodicStaffReportMisConfig/store',
                type: 'POST',
                dataType: 'json',
                data: formData,

          })
          .done(function(__response) 
          {
                if(__response.status == false)
                {
                    toastr.error(__response.message);
                    $("#add").prop('disabled', false);
                }  
                else if(__response.status == true)
                {   
                    $("#formId").trigger("reset");

                    toastr.success(__response.message);
                    setTimeout(function() {
                       location.reload();
                    }, 5000);

                    $("#add").prop("disabled", false);
                }
                else 
                {
                    $("#add").prop('disabled', false);
                    alert("something went wrong");
                }
          });

      });

   });

</script>