@extends('layouts.master')
@section('title', 'Unit Master')

@section('breadcrumb')
<nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Administrative settings</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Unit Master</li>
                        </ol>
                    </nav>
 @endsection

@include('layouts.includes.alert')
@section('content')
<div class="pista-wrapper mb-3">
                        <div class="row">
                            <div class="col-8">
                                <form class="form-inline">
                                    <div class="input-group search-box mr-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-search"></i></div>
                                        </div>
                                        <!-- <input type="text" class="form-control" placeholder="Search" aria-label="Search"> -->
                                        <input type="text" class="form-control" id="company_search" placeholder="Search" aria-label="Search">
                                        <div class="input-group-append">
                                            <button title="Comming Soon" class="btn btn-outline-secondary" type="button"><i class="fa fa-microphone"></i></button>
                                        </div>
                                    </div>
                                    
                                </form>
                            </div>
                            <div class="col-4">
                                <div class="float-right">
                                    <!-- <a href="{{ route('company.index') }}"><button type="button" class="btn btn-outline-primary"><i class="fa fa-history"></i> Refresh</button></a>  -->
                                    <a href="{{ route('unit.create') }}"><button type="button" class="btn btn-outline-primary ml-3"><i class="fa fa-truck"></i> New Unit</button></a>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="detailed-info-table">
                        <div class="info-table">
                             <table  class="table table-striped data-table">
                                <thead class="thead-dark">
                                    <tr>     
                                        <th>#</th>                            
                                        <th>Unit ID</th>
                                        <th>Unit Short Name</th>
                                        <th>Serial #</th>
                                        <th>Company Name</th>
                                        <th>Phone #</th>
                                        <th>Driver Name</th>
                                        <th>Status</th>
                                        <th class="text-center">Actions</th>    
                                    </tr>
                                    
                                </thead>
                                <tbody class="tbody searchable">

                                </tbody>
                            </table>
                        </div>
                    </div>


<div class="modal" id="modalSMS">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Send SMS</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">        
      <input type="hidden" name="modal_unit_id" id="modal_unit_id" value="">
      <div class="form-group row">
          <label for="user_type" class="col-sm-4 col-form-label text-left">Type SMS:</label>
          <div class="col-sm-8">             
             <input type="text" required="" name="sms_msg"  id="sms_msg" class="form-control">
           </div>
      </div>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
         <a href="javascript:void(0);" id="send_sms" class="btn btn-primary ml-3"><i class="fa fa-check"></i> Send Sms </a>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>

@endsection

@section('script')
<script>
  var _reload = (function reload_datatable(){
    startLoading();
    $.ajax({
      type: "POST",
      url : "{{ route('unit.ajax.datatable') }}",
      dataType: "JSON",
      data : {"_token": "{{ csrf_token() }}"},
      success: function(data)
      {
        stopLoading();
        var _dataset = [];
        var _data = data.dataset;
        var is_superAdmin = data.isSuperAdmin;
        var _i = 1;
        $(_data).each(function(idx,dataset){        
          var _j                = _i+'.';
          var _id           = _data[idx].id;
          var _unitid     = "<a href='unit/edit/id/"+_id+"' title='Edit'>"+_data[idx].unitid+"</a>";
          var _unit_short_name  = _data[idx].unit_short_name;
          var _company_name=_data[idx].company_name;
          var _unit_serial_no  = _data[idx].serial_number;
          var driver_id     = _data[idx].driver_id;
          var driver_status = _data[idx].active_drivers;
          var  _phone_number  = '--';

          is_driver_active='';
          if(driver_status==0){
            var is_driver_active=' (disabled)';
          }
          var _driver_name='';
          if( _data[idx].first_name==null && _data[idx].last_name==null ){
             _driver_name = '--';
          }
          else{
           _driver_name     = _data[idx].first_name+'&nbsp;'+_data[idx].last_name+is_driver_active;
        }

        if(is_superAdmin && _data[idx].phone_number!=null && _data[idx].carrier_type!=null ){
          _phone_number = _data[idx].phone_number + "<a href='javascript:void(0)' id='"+_id+"' class='sms_link'>"
          +"<button type='button' class='btn btn-link action c-blue ml-3'  data-toggle='modal' data-target='#modalSMS' title='Send SMS'>"
          +"<i class='fa fa-mobile'></i>"
          + "</button>"
          + "</a>";
        }

          //var status = _data[idx].is_active;
          var chang_color='red';
          var status_title="inactive";
          if(_data[idx].is_active==1){
            chang_color='green';
            status_title='active';
          }
          var status = ""
          +"<a href='javascript:void(0);' onClick='change_status("+_id+"); return false;' title="+status_title+">"
          +"<button type='button' class='status_change btn btn-link action c-"+chang_color+" title='status' value='"+_data[idx].is_active+"'>"
          +"<i class='fa fa-check-circle'></i>"
          + "</button>"
          + "</a>";
          //var _user_role     = _data[idx].user_role;

          var _action   = ""          
          + "<a href='unit/edit/id/"+_id+"' title='Edit'>"
          +"<button type='button' class='btn btn-link action c-yellow' title='edit' value='"+_id+"'>"
          +"<i class='fa fa-pencil-alt'></i>"
          + "</button>"
          + "</a>"
          + "<a href='javascript:void(0)' onClick='ajax_delete("+_id+"); return false;' title='Delete'>"
          +"<button type='button' class='btn btn-link action c-red ml-3' title='delete' value='"+_id+"'>"
          +"<i class='fa fa-trash'></i>"          
          + "</button>"
          + "</a>";          
          /*if(is_superAdmin){
            var _action = _action + "<a href='javascript:void(0)' id='"+_id+"' class='sms_link'>"
          +"<button type='button' class='btn btn-link action c-blue ml-3'  data-toggle='modal' data-target='#modalSMS' title='Send SMS'>"
          +"<i class='fa fa-mobile'></i>"
          + "</button>"
          + "</a>"
          }*/
          _dataset.push([_j,_unitid,_unit_short_name,_unit_serial_no,_company_name,_phone_number,_driver_name,status,_action]);
          _i = _i+1;
        });
        //console.log(_dataset);
       var companyData =  $(".data-table").DataTable({
          destroy: true,
          paging: true,
          searching: true,
          pageLength: 50,
          data : _dataset,
          bAutoWidth:false,
          columnDefs: [
            { className: "", "targets": [ 0 ] },
            { className: "", "targets": [ 1 ] },
            { className: "", "targets": [ 2 ] },
            { className: "", "targets": [ 3 ] },
            { className: "text-center", "targets": [ 4 ],"bSortable": false },
            { className: "text-center", "targets": [ 5 ],"bSortable": false },
            { className: "text-center", "targets": [ 6 ],"bSortable": false }
          ],
          fnDrawCallback: function() {
            $(".sms_link").click(function (){
              var unit_id = $(this).attr('id');             
              $('#modal_unit_id').val(unit_id);
            });
          },
        });
       
        $(".dataTables_filter").css("display","none");
        $(".dataTables_length").css("display","none");
        $('#company_search').on( 'keyup click', function () {   // for text boxes
            var v =$(this).val();  // getting search input value
            companyData.search(v).draw();
        }); 


      }
    });

    return reload_datatable; //return the function itself to reference

  }());
  function ajax_delete(_id){
     bootbox.confirm("Are you sure you want to Delete!", function(result){
      if(result==true){
        startLoading('Please wait....');
      $.ajax({
        type: "DELETE",
        url : "{{ url('/unit/delete') }}/"+_id,
        dataType: "JSON",
        data : {"_token": "{{ csrf_token() }}"},
        success: function(data)
        {
          if(data.status === true){
              //alert('Data Deleted Successfully.');
              startLoading('Data Deleted Successfully.')
              _reload();
          }else{
            stopLoading();
            if (data.msg!="") {
              bootbox.alert(data.msg);
            }
            else{
              bootbox.alert('There is error to delete record.');
            }
          }
        }
      });
    }
    
    });
  }

    function change_status(_id){
     bootbox.confirm("Are you sure you want to change status!", function(result){
   
      if(result==true){
        startLoading('Please wait....');
      $.ajax({
        type: "POST",
        url : "{{ url('/unit/changestatus') }}/"+_id,
        dataType: "JSON",
        data : {"_token": "{{ csrf_token() }}"},
        success: function(data)
        {
          if(data.status === true){  
              //alert('Status changed Successfully.');
               startLoading('Status changed Successfully.')
              _reload();
          }else{
              alert('There is error while changing status.');
          }         
        }
      });
    }
      });
    
    }

  $(document).ready(function(){

    var sms_send_unit="{{route('unit.sendsms') }}";
     $("#send_sms").click(function (e){
        e.preventDefault();
        if($('#sms_msg').val()==''){
          bootbox.alert('Please enter command to send sms');
          $('#sms_msg').focus();
          return false;          
        }
        $.ajax({
        type: "POST",
        url : sms_send_unit,
        dataType: "JSON",
        data : {"_token":  $('meta[name="csrf-token"]').attr('content'),"sms_text":$('#sms_msg').val(),"unit_id":$('#modal_unit_id').val()},
        success: function(data)
        {
          if(data.status === true){
              bootbox.alert(data.msg);
              $('#modalSMS').modal('toggle');              
          }else{
              bootbox.alert('There is error in sending an sms.');              
          }  
                  
        }
      });

     });
  });
</script>
@endsection