@extends('pages.gnerc_user.tabs')

@section('data')

@section('breadcrumbs')
  {{ Breadcrumbs::render('contact/*') }}
@endsection
<style>
.first{
	width:96%;

}
ul li{
	list-style-type:none;
}
.btn-block {
	   float:left!important;
	    width: 100%!important;
}

.bs-actionsbox{
	margin-bottom:20px!important;
}
</style>

<div class="content-wrap">


<form class="needs-validation form-horizontal" action="search/contact" id="Myform" method="get">
  @csrf
  <input type="hidden" id="sector_id" name="sector_id" value="{{app('request')->sector_id}}" />
  <div class="row" >
    <div class="col-md-4" >
        <select class="selectpicker  show-tick"  title="სექტორი" id="direction_id" name="direction_id">
        	<option value="1" {{1 == app('request')->direction_id ? 'selected="selected"' : '' }}>ელექტრომომარაგება</option>
        	<option value="2"{{2 == app('request')->direction_id ? 'selected="selected"' : '' }}>გაზმომარაგება</option>
        	<option value="3"{{3 == app('request')->direction_id ? 'selected="selected"' : '' }}>წყალმომარაგება</option>
		</select>
    </div>
    <div class="col-md-4" >
        <select class="selectpicker  show-tick"   data-live-search="true"  title="კომპანია" data-actions-box="true" id="company_id" name="company_id">
 		<optgroup label="ელექტრომომარაგება" >
		  @foreach ($cl_companies1 as $company)
            <option value="{{$company->company_id}}"  {{$company->company_id == app('request')->company_id ? 'selected="selected"' : '' }} title="{{$company->company_name}}">{{$company->company_name}}</option>
          @endforeach
  		 </optgroup>       
        <optgroup label="გაზმომარაგება" >
		  @foreach ($cl_companies2 as $company)
            <option value="{{$company->company_id}}"  {{$company->company_id == app('request')->company_id ? 'selected="selected"' : '' }} title="{{$company->company_name}}">{{$company->company_name}}</option>
          @endforeach
  		</optgroup>
  		 <optgroup label="წყალმომარაგება" >
		  @foreach ($cl_companies3 as $company)
            <option value="{{$company->company_id}}"  {{$company->company_id == app('request')->company_id ? 'selected="selected"' : '' }} title="{{$company->company_name}}">{{$company->company_name}}</option>
          @endforeach
  		 </optgroup>    
		</select>
     </div>


    <div class="col-md-4" >
      <button type="submit" class="btn filter-btn"  style="color:white; background: #279ab8">ფილტრაცია</button>

          <a href="/public/contact/{{app('request')->sector_id}}" style="color:black; margin-left:1%">ფილტრაციის გაუქმება</a>
    </div> 

   </div> 
  </form>


 <table id="dtBasicExample" class="table  list" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th class="th-sm">კომპანიის საკონტაქტო პირი</th>
      
      <th class="th-sm">ტელეფონის ნომერი</th>
      <th class="th-sm">ელექტრონული ფოსტა</th>
     <!--   <th class="th-sm">''</th> -->
      
    </tr>
  </thead>
</table>
<div id="list" style="background: white">
  
 <ul class="treeview" style="margin-left:-70px; margin-right:20px">
        <li>
          
            
            <ul>
				@foreach($parent as $category)
                          <li class="last" style="background:#f4f8f7; padding:1%; margin-left:0px!important; ">

                     <label for="tall-{{$category->id}}" class="custom-unchecked" style="background:#f4f8f7;font-weight:bold; color:#3d93ad;margin-left:0px!important;  ">{{$category->username}}</label>
                      
                 </li>    
                 @include('pages.gnerc_user.child_contact',['subcategories' => $category->childs()])
                @endforeach
            </ul>
        </li>

    </ul>
    <!--Textarea with icon prefix-->
   <div class="col-md-6" style="margin-left:20px;margin-top:10px;margin:right!important">
 



  </div>

</div>
 <script type="text/javascript"  src="js/my_app/app.js"></script>

 <script type="text/javascript">
  $('a').click(function () {
        var selectedID = [];
$(':checkbox[name="checkMr[]"]:checked').each (function () {
    selectedID.push(this.value);
var phone = this.value;
var smstext = $("#smstext").val();
   $.ajax({
        type:"get",
         dataType: 'json',
        url: "smssend",
      
        data: 'phone='+phone+ "&text=" + smstext,
        success:function(data){
        
           console.log('smssend='+phone+ "&text=" + smstext);

          }
       });
    
   

});

      
    });




// $("#reset_client").click(function(){
//   $('option', $('#select_client')).each(function(element) {
//     $(this).removeAttr('selected').prop('selected', false);
//   });
//   $("#select_client").multiselect('refresh');
// });


//   $(".checked").click(function() {
//     // access properties using this keyword
//     //conse.lolog();
//   if($(".chck").not(':checked').length){
         
// 	    var array =  $('#value_of_checkbox').val();
// 	 	const index = array.indexOf($id);

// 		if (index > -1) {
// 		 arr = array.replace(','+$id, '');
//   	    } 
  	   
//     }else{
//    		   var allVals = [];
//    		   $("input:checked").each(function() {
//      		 allVals += $(this).val() + ";";
//     		});
// 	     //  allVals.push($(this).val());
// 	       $('#value_of_checkbox').val(allVals);
// 	}
    
// });



 // $(function() {
 //    $(".checked").click(updateTextArea);
 //   updateTextArea();
 // });

    $(function() {

  $('input[type="checkbox"]').change(checkboxChanged);

  function checkboxChanged() {
    var $this = $(this),
        checked = $this.prop("checked"),
        container = $this.parent(),
        siblings = container.siblings();


    container.find('input[type="checkbox"]')
    .prop({
        indeterminate: false,
        checked: checked
    })
    .siblings('label')
    .removeClass('custom-checked custom-unchecked custom-indeterminate')
    .addClass(checked ? 'custom-checked' : 'custom-unchecked');

    checkSiblings(container, checked);
  }

  function checkSiblings($el, checked) {     
    var parent = $el.parent(),
        all = true,
        indeterminate = false;

    $el.siblings().each(function() {//console.log($el.parent().parent());
      return all = ($(this).children('input[type="checkbox"]').prop("checked") === checked);
    });

    if (all && checked) {
      parent.children('input[type="checkbox"]')
      .prop({
          indeterminate: false,
          checked: checked
      })
      .siblings('label')
      .removeClass('custom-checked custom-unchecked custom-indeterminate')
      .addClass(checked ? 'custom-checked' : 'custom-unchecked');

      checkSiblings(parent, checked);
    } 
    else if (all && !checked) {
      indeterminate = parent.find('input[type="checkbox"]:checked').length > 0;

      parent.children('input[type="checkbox"]')
      .prop("checked", checked)
      .prop("indeterminate", indeterminate)
      .siblings('label')
      .removeClass('custom-checked custom-unchecked custom-indeterminate')
      .addClass(indeterminate ? 'custom-indeterminate' : (checked ? 'custom-checked' : 'custom-unchecked'));

      checkSiblings(parent, checked);
    } 
    else {
      $el.parents("li").children('input[type="checkbox"]')
      .prop({
          indeterminate: true,
          checked: false
      })
      .siblings('label')
      .removeClass('custom-checked custom-unchecked custom-indeterminate')
      .addClass('custom-indeterminate');
    }
  }
});
  </script>
@endsection