@extends('layouts.master')
@section('title', 'Maintenance 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">Maintenance Master</li>
                        </ol>
                    </nav>
 @endsection

@include('layouts.includes.alert')
@section('content')
<div class="pista-wrapper mb-3">
                        <div class="row">
                            <div class="col-8 row">


                                
                                    <!-- <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" id="maintenance_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> -->
                                    
                                   
                                    <div class="col-4">
                                                    <div class="form-group">
                                                        <label for="inputEmail3" class="col-form-label">Select Maintenance Task:</label>
                                                        
                                                            {{ Form::select('maintenance_task',$maintenance_tasks, null ,array('class' => 'form-control', 'placeholder'=>"-- All Tasks --", 'id'=>'task_id')) }}                                                            
                                                        
                                                    </div>
                                                </div> 
                                    <div class="col-4">
                                                    <div class="form-group">
                                                        <label for="inputEmail3" class="col-form-label">Select Unit Name:</label>
                                                        
                                                            {{ Form::select('unit',$unitData,  (isset($unit) ? $unit : '') ,array('class' => 'form-control unitClass', 'placeholder'=>"-- All Units --", 'id'=>'unit_id')) }}                                                            
                                                        
                                                    </div>
                                                </div> 

                                   <div class="col-4">
                                      <div class="form-group">
                                          <label for="inputEmail3" class="col-form-label">Select Date:</label>
                                         
                                              <div class="input-group mb-2">
                                                  <input type="text" name="datefilter" value="" id="select_date_range" class="form-control select_date_range" />
                                                  <div class="input-group-append">
                                                      <div class="input-group-text"><i class="fa fa-calendar-alt"></i></div>
                                                  </div>
                                              </div>
                                         
                                      </div>
                                       <input type="hidden" name="start_date" id="start_date" value="08/15/2026">
                                       <input type="hidden" name="end_date" id="end_date" value="08/16/2026">
                                  </div> 
                                               
                                
                            </div>
                            <div class="col-4">
                                <div class="row float-right">
                                    <!-- <a href="{{ route('company.index') }}"><button type="button" class="btn btn-outline-primary"><i class="fa fa-history"></i> Refresh</button></a>  -->
                                    <div class="col-6 float-right">
                                      <a href="{{ route('maintenance.createnew') }}"><button type="button" class="btn btn-outline-primary ml-3"><i class="fa fa-wrench"></i> Add Maintenance</button></a>
                                    </div>
                                    @can('maintenancetask_index')
                                    <div class="col-6 float-right">
                                     <a href="{{ route('maintenancetask.index') }}"><button type="button" class="btn btn-outline-primary ml-3"><i class="fa fa-tasks"></i> Task List</button></a>
                                    @endcan
                                  </div>
                                </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>Unit Id</th>                                  
                                        <th>Unit Name</th>
                                        <th>Task</th>
                                        <th>Vin #</th> 
                                        <th>Current Odo</th> 
                                        <th>Last Maintenance Date</th>
                                        <th>Maintenance Due by</th>   
                                        <th>Status</th>   
                                        <th>Created By</th>  
                                        <th>Created At</th>                                   
                                        <th class="text-center">Actions</th>    
                                    </tr>
                                    
                                </thead>
                                <tbody class="tbody searchable">

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div style="display: none" id="task_data">{{$tasks}}</div>
<div class="modal-container"></div>
@endsection

@section('script')
<script>
  

        var unit_id= '';
    
        var maintenance_table = $('.data-table').DataTable({            
            order: [[ 0, "desc" ]],
            processing: true,
            serverSide: true,
            bAutoWidth:false,
            destroy: true,
           // dom: Bfrtip,
            pageLength: 50,
            lengthChange: false,
            ajax: "{{ url('/maintenanceajax/ajax-list')}}"+unit_id,
            columns: [
                { data: 'maintenanceid', name: 'maintenanceid', visible:false,searchable:false },
                { data: 'unitdisplay', name: 'unitdisplay' },
                { data: 'task', name: 'maintenance.task' },
                { data: 'vin', name: 'unit_master.vin' },
                { data: 'current_odo', name: 'current_unit_maintenance.current_odo' },
                { data: 'last_maintenance_date', name: 'maintenance_units.last_maintenance_date'},
                { data: 'due_maintenance_by', name: 'due_maintenance_by',searchable:false },

                { data: 'status', name: 'status' },
                { data: 'created_user_name', name: 'created_user_name' },
                { data: 'created_at', name: 'created_at' },
                
                // { data: 'business_name', name: 'user_businesses.business_name' },
                // { data: 'activity_area_name', name: 'user_activityareas.activity_area_name' },
                // { data: 'status', name: 'status' },                
                { data: 'action', name: 'action', orderable: false, searchable: false}
            ],
            "drawCallback": function( settings ) {        
              $('[data-toggle="tooltip"]').tooltip({
                show: {
        effect: "slideDown",
        delay: 250
      }
              }); 
            }
        });

        $(".dataTables_filter").css("display","none");
        $('.dataTables_search').on( 'keyup click', function () {   // for text boxes
          var v =$(this).val();  // getting search input value
          maintenance_table.search(v).draw();
        });
        // $('#maintenance_search').on( 'change', function () {   // for text boxes
        //   var v =$(this).val();  // getting role id
        //  maintenance_table.columns(1).search( v ).draw();
        //  maintenance_table.search(v).draw();
        // });
        $('#unit_id').on( 'change', function () {   // for text boxes
          var v =$(this).val();  // getting role id
         // maintenance_table.columns(5).search( v ).draw();
         maintenance_table.columns(1).search( v ).draw();
        });
        $('#task_id').on( 'change', function () {   // for text boxes
          var v =$(this).val();  // getting role id         
         maintenance_table.columns(2).search( v ).draw();
        });
        $('#status').on( 'change', function () {   // for text boxes
          var v =$(this).val();  // getting role id         
         maintenance_table.columns(7).search( v ).draw();
        });

    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('/maintenance/delete') }}/"+_id,
        dataType: "JSON",
        data : {"_token": "{{ csrf_token() }}"},
        success: function(data)
        {
          if(data.status === true){  
               startLoading('Data Deleted Successfully.')
               location.reload();              
          }else{
              bootbox.alert('There is error to delete record.');
          }         
        }
      });
    }
  });
    }
    
    function change_status(_id){
      // bootbox.confirm("This is the default confirm!", function(result){ console.log('This was logged in the callback: ' + result); });

     bootbox.confirm({
      message: "Are you sure you want to change status!",
    buttons: {
        confirm: {
            label: 'Yes',
            className: 'btn-success'
        },
        cancel: {
            label: 'No',
            className: 'btn-danger'
        }
    },
    callback: function (result) {
      if(result==true){
        startLoading('Please wait....');
         $('.modal-container').load("{{ url('/maintenance/changestatus') }}/"+_id,function(responseTxt, statusTxt, xhr){
       //modal.find('.modal-body').html(result);   
       if(statusTxt=='success'){
         stopLoading();   
        $('#statusModal').modal({show:true});     
      }
       });
     
    }
  }
      });
    
    }

    

//     $('#select_date_range').daterangepicker({
//     "autoUpdateInput": false,
    
    
//     "locale": {
//         "format": 'MM/DD/YYYY'
//     },
//     "startDate": '08/15/2026', 
//     "endDate": "08/16/2026"
// }, function(t, e, n) {
//         //console.log("New date range selected: " + t.format("MM/DD/YYYY") + " to " + e.format("MM/DD/YYYY") + " (predefined range: " + n + ")")
//         $("#start_date").val(t.format("MM/DD/YYYY"));
//         $("#end_date").val(e.format("MM/DD/YYYY"));
       
//     });

    $('#select_date_range').daterangepicker({
      autoUpdateInput: false,
      locale: {
          cancelLabel: 'Clear'
      },
       "ranges": {
      'Today': [moment().startOf("day"), moment()],
           'Yesterday': [moment().subtract(1, 'days').startOf("day"), moment().subtract(1, 'days').endOf('day')],
           'Last 7 Days': [moment().subtract(6, 'days').startOf("day"), moment().endOf('day')],
           'Last 30 Days': [moment().subtract(29, 'days'), moment().endOf('day')],
           'This Month': [moment().startOf('month'), moment().endOf('month')],
           'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').endOf('day')]
    },
  });

  $('#select_date_range').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
      $("#start_date").val(picker.startDate.format('MM/DD/YYYY'));
      $("#end_date").val(picker.endDate.format('MM/DD/YYYY'));
      var v =$(this).val(); 
       maintenance_table.columns(9).search( v ).draw();
  });

  $('#select_date_range').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
      $("#start_date").val('');
      $("#end_date").val('');
});
  $(document).ready(function(){
    
});

  // $( '[data-toggle="tooltip"]' ).tooltip({
  //     show: {
  //       effect: "slideDown",
  //       delay: 250
  //     }
  //   });

  var maintenance_tasks = '';
if($('#task_data').html()!=''){
maintenance_tasks=JSON.parse('');
//var maintenance_tasks =JSON.parse($('#task_data').html());
var logged_inuser= '';

if(maintenance_tasks!=''){
  var text_tosay='';
  $.each(maintenance_tasks, function(key, val) {  
    $.each(val, function(keys,data){
      if(text_tosay==''){
        text_tosay='You have unit '+data.unit_name;
      }
      else{
       text_tosay+='& '+data.unit_name; 
      }      
    });
    text_tosay+=' due for maintenance';
    speech_text.msg = 'Hi '+logged_inuser+', You have all these units due for maintenance. Do you want to see them?';
    speech_text.isoftype = 'maintenance';
  });
  phrases.add('maintenance','yes');
  //console.log(logged_inuser+text_tosay);
  //texttospeech(speech_text);
}
 
}
</script>
@endsection