@extends('pages.gnerc_user.tabs')

@section('data')

@section('breadcrumbs')
  {{ Breadcrumbs::render('sms/*') }}
@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/sms" 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" multiple 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" multiple  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" >
        <select class="selectpicker  show-tick"  title="თემა" id="type" name="type">
        	<option value="მენეჯმენტი" {{'მენეჯმენტი' == app('request')->type ? 'selected="selected"' : '' }}>მენეჯმენტი</option>
        	<option value="ტექნიკური ჯგუფი"{{'ტექნიკური ჯგუფი' == app('request')->type ? 'selected="selected"' : '' }}>ტექნიკური ჯგუფი</option>
        	<option value="ქოლ ცენტრი"{{'ქოლ ცენტრი' == app('request')->type ? 'selected="selected"' : '' }}>ქოლ ცენტრი</option>
        	<option value="ბალანსები"{{'ბალანსები' == app('request')->type ? 'selected="selected"' : '' }}>ბალანსები</option>
		</select>
     </div> -->

<!--     <div class="col-md-6" style="margin-top:1%">
        <select class="selectpicker  show-tick" multiple  data-live-search="true"  title="სუბიექტი" data-actions-box="true" id="username" name="username[]">
 		<optgroup label="ელექტრომომარაგება" >
		  @foreach ($username1 as $user)
            <option value="{{$user->username}}"  {{$user->username == app('request')->username ? 'selected="selected"' : '' }} title="{{$user->username}}">{{$user->username}}</option>
          @endforeach
  		 </optgroup>       
        <optgroup label="გაზმომარაგება" >
		  @foreach ($username2 as $user)
            <option value="{{$user->username}}"  {{$user->username == app('request')->username ? 'selected="selected"' : '' }} title="{{$user->username}}">{{$user->username}}</option>
          @endforeach
  		</optgroup>
  		 <optgroup label="წყალმომარაგება" >
		  @foreach ($username3 as $user)
            <option value="{{$user->username}}"  {{$user->username == app('request')->username ? 'selected="selected"' : '' }} title="{{$user->username}}">{{$user->username}}</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/sms/{{app('request')->sector_id}}" style="color:black; margin-left:1%">ფილტრაციის გაუქმება</a>
    </div> 

   </div> 
  </form>
   <div class="col-md-4" style="margin-left:9px;margin:right!important">
        <select class="form-control"   id="pattern" name="pattern">
          <option selected disabled>SMS ტექსტის შაბლონი</option>
          <option value="gacnobebT, rom Tqveni sawarmos mier eleqtronul Jurnali ar ivseba realur droSi. (mag. Sesabamisi reagirebis dokumentaciis atvirtva ar xdeba aRniSnulis gawevis dRes). gTxovT, gamoasworoT xarvezi araugvianes ------------, winaagmdeg SemTxvevaSi, sawarmo SeiZleba dajarimdes kanonmdeblobis Sesabamiasad.">რეალურ დროში ატვირთვა</option>
          <option value="gacnobebT, rom sawarmos mier eleqtronul JurnalSi ____ standartze informaciis asaxva xorcieldeba arasrulyofilad. SegaxsenebT, arasruli/arazusti informaciis Seyvana wesebis darRvevad ganixileba. gTxovT, gamoasworoT xarvezi araugvianes ------------, winaagmdeg SemTxvevaSi, sawarmo SeiZleba dajarimdes kanonmdeblobis Sesabamiasad.">არასრულფასოვნად შევსებული ჩანაწერები</option>
          <option value="gacnobebT, rom sawarmos mier eleqtronul JurnalSi registrirebul Canawerebsa da sawarmos mier balansebis angariSSi  miTiTebul raodenobebs Soris sxvaoba fiqsirdeba. gTxovT, gamoasworoT xarvezi araugvianes ------------, winaagmdeg SemTxvevaSi, sawarmo SeiZleba dajarimdes kanonmdeblobis Sesabamiasad.">ცდომილება ბალანსში დაფიქსირებულ და ჟურნალში ატვირთულ ჩანაწერების რაოდენობებს  შორის</option>
          <option value="gacnobebT, rom sawarmos eleqtronul JurnalSi registrirebul ganacxadebze momsaxurebis gawevis vadis gasvlis miuxedavad ar mouxdenia reagireba. gTxovT, reagireba moaxdinoT Sesabamis gancxadebebze da reagirebis damadasturebeli informacia asaxoT el. JurnalSi.">ჩანაწერები რეაგირების გარეშე</option>
          <option value="gacnobebT, rom sawarmos mier eleqtronul JurnalSi vadagadacilebiT dasrulebul ----------- ganacxadze daricxuli kompensaciis asaxvis vada amowurulia, Tumca kompensaciebi dREmde reagirebis gareSea. gTxovT, reagireba moaxdinoT daricxul kompensaciaze da Sesabamisi informacia asaxoT el. JurnalSi -------------mde, winaagmdeg SemTxvevaSi, sawarmo SeiZleba dajarimdes kanonmdeblobis Sesabamiasad.">კომპენსაციები რეაგირების გარეშე</option>
          <option value="gacnobebT, rom eleqtronul JurnalSi Sevida garkveuli cvlilebebi. gTxovT, ixiloT detaluri informacia siaxleebis gverdze.">შეტყობინება ელექტრონულ ჟურნალში ცვლილებების თაობაზე</option>
          <option value="">სხვა</option>
    </select>
    </div>
  <div class="col-md-4" style="margin-left:9px;margin:right!important">
  <div class="md-form mb-2 pink-textarea active-pink-textarea">
 <!--    <i class="fas fa-angle-double-right prefix"></i> -->
    <p>გთხოვთ შეიყვანოთ SMS ტექსტი</p>
    <textarea id="smstext" name="smstext" class="form-control" rows="7" cols="40"></textarea>
    <input type="hidden" id="smsvalue" name="smsvalue" class="form-control" />
  <p id="p1" style="display:none;color:red">გთხოვთ შეავსოთ ველი "დაკორექტირდა თუ არა ჩანაწერი"</p>
   
  </div>
<!--   <button type="button" class="btn btn-info"  style="margin-left:82%!important"  onclick="sendsms()">გაგზავნა</button> -->
  <a id="s_sms" class="btn filter-btn"  style="color:white; background: #279ab8">გაგზავნა</a>

 </div>


  <input type = "hidden" id="value_of_checkbox" name="value_of_checkbox" style="width:100%"/> 

 <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>
      <th class="th-sm">ტელეფონის ნომერი</th>
    </tr>
  </thead>
</table>
<div id="list" style="background: white">
  
 <ul class="treeview">
        <li>
            <input type="checkbox" name="tall" id="tall" class="form-check-input">
            <label for="tall" class="custom-unchecked">ყველა</label>
            
            <ul class="treeview" style="margin-left:-20px; margin-right:20px">
				@foreach($parent as $category)
                          <li class="last" style="background:#f4f8f7; padding:1%; margin-left:0px!important; ">

                     <input type="checkbox" name="tall-{{$category->id}}" id="tall-{{$category->id}}" class="form-check-input checked"  value="{{$category->phone}}">
                     <label for="tall-{{$category->id}}" class="custom-unchecked" style="font-weight:bold ">{{$category->username}}</label>
                     
                 </li>    
                  @include('pages.gnerc_user.child',['subcategories' => $category->childs()])
                @endforeach
            </ul>
        </li>

    </ul>
    <!--Textarea with icon prefix-->
 
  </div>

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

 <script type="text/javascript">
$(function() {
    $("#pattern").change(function() {
      $("#smstext").val($('option:selected', this).val());
      $("#smsvalue").val($('option:selected', this).text());
       
    });
});


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

          }
       });
    
   

});

      
    });




// $("#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