{{-- <button class="btn btn-primary pull-right m-b-10" data-toggle="modal" data-target="#popup-workorders"><i class="fa fa-plus"></i> Add</button> --}}
<table id="activity-activity-list" class="table table-striped  data-table">
    <thead  class="list_head">
      <tr>
          <th>Work Order</th>
          <th>Work Due</th>
          <th>Type</th>
          <th>Supplier/Technician</th>
          <th>HR Cost</th> 
          <th>Material Cost</th> 
          <th>Status</th> 
          <th>Status Date</th>          
      </tr>
    </thead>
    <tbody>
  @forelse($work_orders as $key => $val)

  <tr id="{!! @$val->getRouteKey() !!}" class="workorders-edit">
        <td>{{  @$val->ref  }}</td>        
        <td class="min-width-wrap">{{  @$val->work_due  }}</td>
        <td class="min-width-wrap">{{  @ucfirst($val->workorder_type)  }}</td>
        <td class="min-width-wrap">{{ @ucfirst($val->workorder_type=="Internal" ? $val->technician_names : $val->supplier->name) }}</td>
        <td>{{  @ucfirst($val->totalhrcost)  }}</td>
        <td>{{  @ucfirst($val->totalmaterialcost)  }}</td>
        <td>{{  @ucfirst($val->work_status)  }}</td>
        <td class="min-width-wrap">{{  @$val->status_date  }}</td>
        
        
         
  </tr>
  @empty
  <tr>
        <td colspan="7">No work order</td>  
  </tr> 
  @endif
        
    </tbody>
</table>

<script>

$(document).ready(function(){
$('input[type="time"]').pickatime({
        format: 'h:i A',
        formatSubmit: 'HH:i:00',
        hiddenSuffix: '',
        interval: 10,
        selectMonths: true,
        selectYears: true
    }).prop('type','text');
  $('#workorder-save').click(function(e) {
    e.preventDefault();
    var form = $("#work_order-work_order-create");
    // if(form.valid() == false) {
    //     toastr.error('Please enter valid information.', 'Error');
    //     return false;
    // }
  
   
    var formData = new FormData();
    
    params   = form.serializeArray();

    $.each(params, function(i, val) {
        formData.append(val.name, val.value);
    });
    $.ajax({
        url: "{!!trans_url('admin/work_order')!!}",
        type: 'POST',
        data: formData,
        cache: false,
        processData: false,
        contentType: false,
        dataType: 'json',
        success:function(data, textStatus, jqXHR)
        {
            $("#work_order").load("{{ trans_url('admin/work_order/list/assets/') }}/{{Crypt::encrypt($variable_id)}}");
          
          $('#popup-workorders').modal('hide');
        }
    }); 
  });

    $("#contract_id").attr('disabled',true);

    $("#companies").change(function(){  
        var company = $(this).val();
       $("#contract_id").load('{{URL::to("admin/contract/company")}}'+'/'+company);
    });

    $("input:radio[name=within_contract]").click(function(){
        if($("input:radio[name=within_contract]:checked").val() == 'Yes'){            
           $("#contract_id").attr('disabled',false); 
           return;
        }
        $("#contract_id").val('');
        $("#contract_id").attr('disabled',true); 
    });
    

 $("#stat").change(function(){
     if($("#stat").val()=="Completed" || $("#stat").val()=="Assigned" || $("#stat").val()=="Closed"){
      $(".compl_date").css({'display':'block'});
    }
    else
    {
      $(".compl_date").css({'display':'none'});
    }

   
});

  

    $('.datepic').pickadate({
        format: 'dd mmm, yyyy',
        formatSubmit: 'yyyy-mm-dd',
        hiddenSuffix: '',
        selectMonths: true,
        selectYears: true
    }).prop('type','text');
  
 var today = new Date(); 
    var dd = today.getDate(); 
    var mm = today.getMonth(); //January is 0! 
    var yyyy = today.getFullYear();

    $('.pickda').pickadate({ 
    min: new Date(yyyy,mm,dd),
    format: 'dd mmm, yyyy',
    formatSubmit: 'yyyy-mm-dd',
    hiddenSuffix: '', 
    selectMonths: true,
    selectYears: true
    }).prop('type','text');


    $(".servicerequest").change(function(){
    var type = $(this).val();    
    $(".requestno").css({'display':'none'});

    if (type == 'Against') {
      $(".requestno").css({'display':'block'});
      return;
    }
});  

$('#activity-activity-list tbody').on('click', '.workorders-edit', function() {
            var id = $(this).attr('id');           
            window.open("{!! trans_url('admin/work_order?id=') !!}" + id, '_blank');
            return false;
        });  

});
</script>

<style type="text/css">
.header{
        background: #3c8dbc;
        color: white;
    }
.min-width-wrap {
    min-width: 100px; /* Set your desired minimum width */
    word-wrap: break-word; /* Ensures the content wraps */
    white-space: normal; /* Allows wrapping to the next line */
}
</style>