@extends('layouts.admin')

@section('content')
<div class="container-fluid">
  <div class="row">
    <!-- <div class="col-md-12 mb-3">
      <button class="btn btn-primary" id="show_order_list" onclick="openOrder()">Open order</button>
    </div> -->
    <div class="col-lg-12 col-md-12" id="order_list">
      <div class="card">
        <div class="card-header card-header-primary">
          <h4 class="card-title pull-left mr-auto">Order</h4>
          <a href="{{ route('order.add') }}" class="btn btn-primary btn-round pull-right ml-auto">Add order<div class="ripple-container"></div></a>
          <!-- <select class="form-control pull-right" id="job_status" onchange="refreshTable()" style="width: 150px;margin-right: 15px;">
            <option value="P">Process</option>
            <option value="F">Finish</option>
          </select> -->
        </div>
        <div class="card-body table-responsive">
          @if ( session('message') )
            <div class="alert alert-success bg-gradient-success">
              {{ session('message') }}
            </div>
          @endif
          <table class="table table-hover" id="dataTable" width="100%" cellspacing="0">
            <thead class="text-primary">
              <th>Quotation</th>
              <!-- <th>Name</th> -->
              <th>Customer</th>
              <th>Order date</th>
              <!-- <th>Dead Line</th> -->
              <th>PR No</th>
              <th>PO No</th>
              <th></th>
            </thead>
            <tbody class="order_body"></tbody>
          </table>
        </div>
    </div>
  </div>
  <div class="col-lg-8 col-md-8 job_list"><div class="card">
        <div class="card-header card-header-primary">
          <h4 class="card-title pull-left mr-auto">Job</h4>
          @if(isset($order->id))
          <a href="javascript:;" class="btn btn-primary btn-round pull-right ml-2" onclick="addJob('{{$order->id}}')">Add Job<div class="ripple-container"></div></a>
          @else
          <a href="javascript:;" class="btn btn-primary btn-round pull-right ml-2" onclick="addJob('')">Add Job<div class="ripple-container"></div></a>
          @endif
          <a href="{{ route('order.add') }}" class="btn btn-primary btn-round pull-right ml-auto">Add order<div class="ripple-container"></div></a>
          <a href="{{ route('import.index') }}" class="btn btn-primary btn-round pull-right" style="margin-right: 0.5rem;">Import</a>
          <select class="form-control pull-right" id="job_status" onchange="refreshTableJob()" style="width: 150px;margin-right: 15px;">
            <option value="P">Process</option>
            <option value="F">Finish</option>
            <option value="C">Cancel</option>
          </select>
          <select class="form-control pull-right" id="job_type" onchange="refreshTableJob()" style="width: 150px;margin-right: 15px;">
            <option value="0">All type</option>
            <option value="PL">PL</option>
            <option value="PLM">PLM</option>
            <option value="PS">PS</option>
            <option value="PSM">PSM</option>
          </select>
        </div>
        <div class="card-body table-responsive">
          @if ( session('message') )
            <div class="alert alert-success bg-gradient-success">
              {{ session('message') }}
            </div>
          @endif
         <table class="table table-hover" id="jobTable" width="100%" cellspacing="0">
            <thead class="text-primary">
              <th>Quotation</th>
              <th>Job no.</th>
              <th>Mold</th>
              <th>Part Name</th>
              <th>Qty</th>
              <th style="width: 95px;text-align: center;">Dead line</th>
              <th style="text-align: center;width: 75px;">PDF</th>
              <th></th>
            </thead>
            <tbody class="job_body"></tbody>
          </table>
        </div>
    </div>
  </div>
  <div class="col-lg-4 col-md-4 task_list"></div>
</div>

<!-- Modal -->
<div class="modal fade" id="add_task" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="idTitle">Add Task</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
    </div>
  </div>
</div>

<!-- Modal Comment -->
<div class="modal fade" id="task_comment" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Comment</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
    </div>
  </div>
</div>

<!-- Modal Job -->
<div class="modal fade" id="add_job" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitleJob" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="jobidTitle">Add Job</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
    </div>
  </div>
</div>

<!-- Modal update status -->
<div class="modal fade" id="update_task_status" tabindex="-1" role="dialog" aria-labelledby="update_task_statusTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="update_task_statusTitle">Update status</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{ route('task.update.status') }}" method="post">
          @csrf
          <input type="hidden" name="id">
          <input type="hidden" name="jobFK">
          <div class="form-group mt-3 text-center">
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" name="status" id="status_notstart" value="notstart" checked>
              <label class="form-check-label" for="status_notstart">
                Not start
              </label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" name="status" id="status_starting" value="starting">
              <label class="form-check-label" for="status_starting">
                Starting
              </label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" name="status" id="status_complete" value="complete">
              <label class="form-check-label" for="status_complete">
                Complete
              </label>
            </div>
          </div>
          <div class="form-group mt-3">
            <button class="btn btn-primary btn-block">Submit</button>
          </div>
          
        </form>
      </div>
    </div>
  </div>
</div>
@endsection 



@section('style')
  <link href="{{ asset('assets/vendor/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="{{ asset('css/radio_style.css') }}">
  <!--<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">-->
  <link rel="stylesheet" href="{{ asset('plugins/jquery-ui/themes/base/jquery-ui.css') }}">
  <!-- <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}"> -->
  <!-- <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}"> -->
  <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">

  <style type="text/css">
    tbody.order_body tr:first-child {
      background-color: #00000013!important;
    }
    tbody.job_body tr:first-child {
      background: #00000013;
    }
    select:invalid { color: gray; }
    .form-control-user{
      font-size: .8rem;
      border-radius: 10rem;
      padding: 0rem 1rem !important;
    }
    #show_order_list{
      display: none;
    }
    #add_job .modal-dialog {
      /*max-width: 80%;*/
    }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
      z-index: 99999;
    }
    .update-time-success{
      position: absolute;
      right: 15px;
      font-size: 12px;
    }
    .alert.alert-success{
      position: fixed;
      right: 30px;
      bottom: 30px;
      padding: 10px;
      background: #fff;
      font-weight: 700;
      border-left: 5px solid;
      -webkit-box-shadow: 0px 0px 5px 0px #a2a2a2bf;
      -moz-box-shadow: 0px 0px 5px 0px #a2a2a2bf;
      box-shadow: 0px 0px 5px 0px #a2a2a2bf;
      z-index: 1;
    }
    #order_list{
      display: none;
    }
    .form-check,.form-check label,.form-check input{
      cursor: pointer;
    }

    @keyframes spinner {
      to {transform: rotate(360deg);}
    }
     
    .spinner.active:after {
      content: '';
      box-sizing: border-box;
      position: absolute;
      top: 60%;
      right: 5%;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      border-radius: 50%;
      border-top: 2px solid #07d;
      border-right: 2px solid transparent;
      animation: spinner .6s linear infinite;
    }
  </style>
@endsection

@section('script')

    <script src="{{ asset('assets/vendor/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
    <!-- <script src="{{ asset('assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script> -->
    <!--<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>-->
    <script src="{{ asset('plugins/jquery-ui/jquery-ui.js') }}"></script>
    
    <script type="text/javascript">
       var dataTable;
       var dataTableJob;
      $(document).ready(function() {

        dataTableJob = $('#jobTable').DataTable({
              "ajax": {
                  "url": "{{route('job.ajax')}}",
                  "type": "POST",
                  "data": dataTableValueJob
              },
              "paging": true,
              "processing": false,
              "serverSide": true,
              "ordering": false,
              "columns": [
                  { "data": "quotation" },
                  { "data": "job_no" },
                  { "data": "mod_no" },
                  { "data": "part_name" },
                  { "data": "qty" },
                  { "data": "dead_line" },
                  { "data": "pdf_file" },
                  { "data": "action" }
              ]
          });
        setTimeout(function(){ 
          getTasks($('.show_task_0').data('id'), '.job_body tr:first-child td');
        }, 500);
        
      });

        
        // dataTable = $('#dataTable').DataTable({
        //       "ajax": {
        //           "url": "{{route('order.ajax')}}",
        //           "type": "POST",
        //           "data": dataTableValue
        //       },
        //       "paging": true,
        //       "processing": false,
        //       "serverSide": true,
        //       "ordering": false,
        //       "columns": [
        //           // { "data": "key_id" },
        //           { "data": "quotation" },
        //           { "data": "customer_name" },
        //           { "data": "order_date" },
        //           // { "data": "dead_line" },
        //           //{ "data": "quotation" },
        //           { "data": "pr_no" },
        //           { "data": "po_no" },
        //           { "data": "action" }
        //       ]
        //   });

        // $('#dataTable').DataTable({
        //   columnDefs: [ { orderable: false, targets: [3] } ],
        // });
        

      // function dataTableValue(data){

      //     data._token = '{{ csrf_token() }}';
      //     data.status = $('#job_status').val();
      //     return data;
      // }

      // function refreshTable(){
      //     dataTable.ajax.reload(null,false);
      // }

      

      function dataTableValueJob(data){

          data._token = '{{ csrf_token() }}';
          data.status = $('#job_status').val();
          data.job_type = $('#job_type').val();
          @if(isset($_GET['order']))
           data.orderID = '{{$_GET['order']}}';
          @endif

          return data;
      }

      function refreshTableJob(){
          dataTableJob.ajax.reload(null,false);
      }

      function getJobs(id,event){
        if(event != ''){
          $('tr').css('background-color','#fff');
          $(event).closest('tr').css('background-color','#00000013');
        }
        $.ajax({
          url: '{{ route("order.get.job") }}',
          type: 'post',
          dataType: 'html',
          data:{
              _token: '{{ csrf_token() }}',
              id: id
          },
          success: function(data){
            $('.job_list').html('');
            $('.job_list').append(data);
            
            $('.job_list').removeClass('col-lg-3 col-md-4');
            $('.task_list').removeClass('col-lg-3 col-md-4');
            $('.job_list').addClass('col-lg-7 col-md-7');
            $('.task_list').addClass('col-lg-5 col-md-5');
            $('.job_list').show();
            $('.task_list').show();

            getTasks($('.job_first_tr').data('id'), '.job_first_tr td');
            $('#order_list').hide();
            $('#show_order_list').show();
          }
        });
      }

      function openOrder(){
          $('#show_order_list').hide();
          $('#order_list').show();
          $('.job_list').hide();
          $('.task_list').hide();
          $('.job_list').addClass('col-lg-3 col-md-4');
          $('.task_list').addClass('col-lg-3 col-md-4');
          $('.job_list').removeClass('col-lg-7 col-md-7');
          $('.task_list').removeClass('col-lg-5 col-md-5');
      }

      function getTasks(id,event){
        if(event != ''){
          $('tr').css('background-color','#fff');
          $(event).closest('tr').css('background','#00000013');
        }
        $.ajax({
          url: '{{ route("order.get.task") }}',
          type: 'post',
          dataType: 'html',
          data:{
              _token: '{{ csrf_token() }}',
              id: id
          },
          success: function(data){
            $('.task_list').html('');
            $('.task_list').append(data);
          }
        });
      }

      function addJob(order_id){
        if(order_id==''){
          order_id = $('.show_task_0').data('orderid')
        }
        $.ajax({
          url: '{{ route('job.ajax.add') }}',
          type: 'get',
          dataType: 'html',
          data:{
              order_id: order_id
          },
          success: function(data){
            $('#jobidTitle').text('Add Job');
            $('#add_job .modal-body').html('');
            $('#add_job .modal-body').append(data);
            $('#add_job').modal('show');
            $('#add_job .datepicker').datepicker({
                format: 'dd-mm-yyyy'
            });
          }
        });
      }

      $('#add_job .modal-body').on('submit','.add_job', function(e){
        e.preventDefault();
        var form_data = new FormData(this);

        if($('#add_job .modal-body .add_job #uploadPDF').val() != ''){
            var filename = $('#add_job .modal-body .add_job #uploadPDF')[0].files[0].name;
            form_data.append('file',  $('#add_job .modal-body .add_job #uploadPDF')[0].files[0]);
        }
      
        let url = $(this).attr('action')
        $.ajax({
          type: 'POST',
          url: url,
          dataType: 'json',
          contentType: false,       // The content type used when sending data to the server.
          cache: false,             // To unable request pages to be cached
          processData:false,        // To send DOMDocument or non processed data file it is set to false
          enctype: 'multipart/form-data',
          data: form_data
        })
        .done(function(data){ 
          // getJobs(data,'');
          refreshTableJob();
          $('#add_job').modal('hide');
          let alert = '<span class="alert alert-success text-success">Updated.</span>';
          $('#page-top').append(alert);
          setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
        })
        .fail(function() { 
          alert( "Update failed." );
        });

        return false;

      });

      function editJob(job_id,type){
        $.ajax({
          url: '{{ route('job.ajax.edit') }}',
          type: 'get',
          dataType: 'html',
          data:{
              job_id: job_id,
              type: type
          },
          success: function(data){
            if(type == 'modify'){
                $('#jobidTitle').text('Modify Job');
            }else{
                $('#jobidTitle').text('Edit Job');
            }
            $('#add_job .modal-body').html('');
            $('#add_job .modal-body').append(data);
            $('#add_job').modal('show');
          }
        });
      }

      function addTask(job_id,dep_id,type,timeID){
        if(timeID != ''){
          if($(timeID).val() == ''){
            $(timeID).css('border','1px solid red');
            return false;
          }else{
            $(timeID).css('border','1px solid #767676');
          }
        }
        let url = '{{ route('task.ajax.save') }}';
        let data = {_token: '{{ csrf_token() }}','jobFK':job_id,'departmentFK':dep_id,'type':type,'estimate_time':$(timeID).val()}
        $.ajax({
          type: 'POST',
          url: url,
          dataType: 'json',
          data: data
        }).done(function(data){ 
          getTasks(data.jobFK,'');
          let change_count = '#show_task_'+data.jobFK;
          let task_count = 'Task ('+data.countTask+')';
          $(change_count).text(task_count);
          let alert = '<span class="alert alert-success text-success">Add task success</span>';
          $('#page-top').append(alert);
          setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
        })
        .fail(function() { 
          alert( "Update failed." );
        });

      }

      function updateTimeTask(event,id,time){
        
        let url = '{{ route('manager.task.ajax.update.time') }}';
        let data = {_token: '{{ csrf_token() }}','id':id,'estimate_time':time}
        $.ajax({
          type: 'POST',
          url: url,
          dataType: 'json',
          data: data
        }).done(function(data){ 
          // getTasks(data,'');

            let alert = '<span class="alert alert-success text-success">Estimate time Updated</span>';
            // $('.container-fluid .row').append(alert);
            $('#page-top').append(alert);
            setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
          // let success = '<span class="update-time-success text-success">Updated</span>';
          // $(event).closest('li').append(success);
          // setTimeout(function(){ $('.task_list .update-time-success').remove(); }, 3000);
        })
        .fail(function() { 
          alert( "Update failed." );
        });
      }

      function deleteTask(event,task_id){
        if( confirm("Do you want to delete?") ){
          let url = '{{ route('task.ajax.delete') }}';
          let data = {_token: '{{ csrf_token() }}','id':task_id}
          $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            data: data
          }).done(function(data){ 
            getTasks(data.jobFK,'');
            let change_count = '#show_task_'+data.jobFK;
            let task_count = 'Task ('+data.countTask+')';
            $(change_count).text(task_count);
            let alert = '<span class="alert alert-success text-success">Task id '+data.id+' Deleted</span>';
            $('#page-top').append(alert);
            setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
          })
          .fail(function() { 
            alert( "Update failed." );
          });
        }
        return false;
      }

      function updateMainOrder(id,job,order){
        let url = '{{ route('manager.task.ajax.update.mainorder') }}';
        let data = {_token: '{{ csrf_token() }}','id':id,'job':job,'order':order}
        $.ajax({
          type: 'POST',
          url: url,
          dataType: 'json',
          data: data
        }).done(function(data){ 
          getTasks(data,'');

          let alert = '<span class="alert alert-success text-success">Updated</span>';
          $('#page-top').append(alert);
            setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
        })
        .fail(function() { 
          alert( "Update failed." );
        });
      }

      function deleteJob(job_id){
        if( confirm("Do you want to delete?") ){
          let url = '{{ route('job.delete') }}';
          let data = {_token: '{{ csrf_token() }}','id':job_id}
          $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            data: data
          }).done(function(data){ 
            let alert = '<span class="alert alert-success text-success">'+data.name+' Deleted</span>';
            $('#page-top').append(alert);
            getJobs(data.orderFK,'');
            setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
          })
          .fail(function() { 
            alert( "Update failed." );
          });
        }
        return false;
      }

      function uploadFile(event,orderFK,id){
        var filename = event.files[0].name;
        var filetype = event.files[0].type;

        var form_data = new FormData();
        form_data.append('_token', '{{ csrf_token() }}');
        form_data.append('orderFK', orderFK);
        form_data.append('id', id);
        form_data.append('file', event.files[0]);

        if(filetype.indexOf("pdf") == '-1'){
          $(event).val('');
          alert('Upload file .pdf only.');
          return false;
        }
        let ajax_url = "{{ route('job.update.pdf_file') }}";
        $.ajax({
            url: ajax_url, // Url to which the request is send
            type: "POST",             // Type of request to be send, called as method
            data: form_data, // Data sent to server, a set of key/value pairs (i.e. form fields and values)
            contentType: false,       // The content type used when sending data to the server.
            cache: false,             // To unable request pages to be cached
            processData:false,        // To send DOMDocument or non processed data file it is set to false
            enctype: 'multipart/form-data',
            success: function(data)   // A function to be called if request succeeds
            {
                let alert = '<span class="alert alert-success text-success">PDF Updated.</span>';
                $('#page-top').append(alert);
                setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
                getJobs(orderFK,event);
            }
          });

      }

      function checkPDFbefore(event){
        var filename = event.files[0].name;
        var filetype = event.files[0].type;
         if(filetype.indexOf("pdf") == '-1'){
          $(event).val('');
          alert('Upload file .pdf only.');
          return false;
        }
        $('#pdf_name').text(filename);
      }

      function addComment(id){
        $.ajax({
          url: '{{ route('order.get.task.comment') }}',
          type: 'get',
          dataType: 'html',
          data:{
              id: id
          },
          success: function(data){
            $('#task_comment .modal-body').html('');
            $('#task_comment .modal-body').append(data);
            $('#task_comment').modal('show');
          }
        });
      }

      $('#task_comment .modal-body').on('submit','.add_task_comment',function(e){
        e.preventDefault();
        var form_data = new FormData(this);
        let url = $(this).attr('action')
        $.ajax({
            type: 'POST',
            url: url,
            dataType: 'json',
            contentType: false,
            cache: false,
            processData:false,
            enctype: 'multipart/form-data',
            data: form_data
          }).done(function(data){ 

            $('#task_comment').modal('hide');
            let alert = '<span class="alert alert-success text-success">Comment Updated.</span>';
            $('#page-top').append(alert);
            setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
            return false;

          })
          .fail(function() { 
            alert( "Update failed." );
            return false;
          });

      });

      function updateTaskStatus(task_id, job_id){
        if( confirm("Do you want to update status?") ){
          $.ajax({
            url: '',
            type: 'POST',
            dataType: 'json',
            data: {
              _token: '{{ csrf_token() }}',
              id: task_id
            },
            success:function(res){
              if(res.status > 0){
                getTasks(job_id,'');
              }
            }
          });
        }
        return false;
      }

    $('#update_task_status').on('show.bs.modal', function (event) {
      var button = $(event.relatedTarget) // Button that triggered the modal
      var taskid = button.data('taskid') // Extract info from data-* attributes
      var jobid = button.data('jobid') // Extract info from data-* attributes
      var status = button.data('status') // Extract info from data-* attributes
      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
      var modal = $(this)
      modal.find('input[name="id"]').val(taskid)
      modal.find('input[name="jobFK"]').val(jobid)
      $('#update_task_status input[name="status"]').each(function () {
        if($(this).val() == status){
          $(this).prop('checked',true);
        }else{
          $(this).prop('checked',false);
        }
      })
    });

    $('#update_task_status .modal-body').on('submit','form', function(e){
        e.preventDefault();
        var form_data = new FormData(this);
        var job_id = $('#update_task_status input[name="jobFK"]').val()
        let url = $(this).attr('action')
        $.ajax({
          type: 'POST',
          url: url,
          dataType: 'json',
          contentType: false,       // The content type used when sending data to the server.
          cache: false,             // To unable request pages to be cached
          processData:false,        // To send DOMDocument or non processed data file it is set to false
          enctype: 'multipart/form-data',
          data: form_data
        })
        .done(function(data){ 
          $('#update_task_status').modal('hide');
          let alert = '<span class="alert alert-success text-success">Updated.</span>';
          $('#page-top').append(alert);
          setTimeout(function(){ $('#page-top .alert').remove(); }, 5000);
          $('#update_task_status input[name="id"]').val('')
          $('#update_task_status input[name="jobFK"]').val('')
          $('#update_task_status input[name="status"]').prop('checked',false)
          $('#update_task_status #status_notstart').prop('checked',true)
          getTasks(job_id,'');
        })
        .fail(function() { 
          alert( "Update failed." );
        });

        return false;

      });
    </script>
@endsection