<main class="main users job-role-page" id="">
  <div class="container">
    <!-- <h2 class="main-title">Job Role</h2> -->
    <div class="row mrg15B justify-content-between">
      <div class="col-auto">
        <h2 class="app-page-title mb-0">View Bond Refund</h2>
      </div>
      <div class="col-auto">
        <div class="page-utilities">
          <div class="row">

            <div class="col-auto">
              <a class="btn app-btn-primary" href="<?=base_url('admin/bondRefund')?>">
                VIEW ALL Bond Refund
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="white-block">
        <form class="row" method="post" action="<?php echo base_url('admin/bondRefund/updatebondrefund'); ?>" enctype="multipart/form-data" autocomplete="off">
          <input type="hidden" id="hid_bond_refund_id" name="hid_bond_refund_id" value="<?=$bondRefundDetails['bond_refund_id']?>">
            <div class="col-lg-4 col-md-12 ">
              <div class="form-group">
                <label for="" class="">Driver</label>
                  <select class="form-control select2" id="driver_id" name="driver_id" style="width: 100%;" disabled>
                    <option selected="selected">Select Driver </option>
                    <?php foreach ($drivers as $driver) { ?>
                      <option value="<?= $driver['driver_id'] ?>" <?= ($driver['driver_id'] == $bondRefundDetails['driver_id']) ? 'selected' : ''?>><?= $driver['first_name'] . ' ' . $driver['middle_name'] . ' ' . $driver['last_name'] . ' - ' . $driver['mobile']  ?></option>
                    <?php } ?>
                  </select>
              </div>
            </div>
            <div class="col-lg-4 col-md-12 ">
              <div class="form-group">
                <label for="" class="">Total Bond Amount</label>

                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                    <div class="input-group-text">$</div>
                  </div>
                  <input type="text" class="form-control" id="total_bond_amount" name="total_bond_amount" value="<?=$bondRefundDetails['total_bond_amount']?>" placeholder="0.00" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">Refund Type</label>
                <select name="refund_type" id="refund_type" class="form-control" disabled>
                  <option value="" selected disabled>Select Refund Type</option>
                  <option value="FULL" <?=$bondRefundDetails['refund_type'] == 'FULL' ? 'selected' : ''?>>Full</option>
                  <option value="PARTIAL" <?=$bondRefundDetails['refund_type'] == 'PARTIAL' ? 'selected' : ''?>>Partial</option>
                </select>
              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">Amount Want to Refund</label>
                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                    <div class="input-group-text">$</div>
                  </div>
                  <input type="text" class="form-control" id="amount_want_to_refund" name="amount_want_to_refund" value="<?=$bondRefundDetails['amount_want_to_refund']?>" placeholder="0.00" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-12 ">
              <div class="form-group">
                <label for="" class="">Notice Date</label>
                <div class="Datepicker_sec">
                  <input type="text" class="form-control datepicker" id="notice_date" name="notice_date" value="<?=date('d-m-Y',strtotime($bondRefundDetails['notice_date']))?>" required="required" placeholder="DD/MM/YYYY" disabled>
                </div>

              </div>
            </div>
            <div class="col-lg-4 col-md-12 ">
              <div class="form-group">
                <label for="" class="">Bond Refund Due Date</label>
                <div class="Datepicker_sec">
                  <input type="text" class="form-control datepicker" id="bond_refund_due_date" name="bond_refund_due_date" value="<?=date('d-m-Y',strtotime($bondRefundDetails['bond_refund_due_date']))?>" required="required" placeholder="DD/MM/YYYY" disabled>
                </div>

              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">Car No</label>
                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text" class="form-control" id="car_no" name="car_no" value="<?=$bondRefundDetails['car_no']?>" placeholder="Car No" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">Bank Name</label>
                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text" class="form-control" id="bank_name" name="bank_name" value="<?=$bondRefundDetails['bank_name']?>" placeholder="BSB" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">BSB</label>
                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text" class="form-control" id="bsb" name="bsb" value="<?=$bondRefundDetails['bsb']?>" placeholder="BSB" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-12">
              <div class="form-group">
                <label for="" class="mrg20R">Account No</label>
                <div class="input-group mb-2">
                  <div class="input-group-prepend">
                  </div>
                  <input type="text" class="form-control" id="account_no" name="account_no" value="<?=$bondRefundDetails['account_no']?>" placeholder="Account No" disabled>
                </div>
              </div>
            </div>
            <div class="col-lg-12 col-md-12 ">
              <div class="form-group">
                <label for="" class="">Remarks <span class="asterisk"></span></label>
                <textarea name="remarks" id="remarks" cols="" rows="4" class="form-control" placeholder="Enter Your Remarks" ><?=$bondRefundDetails['remarks']?></textarea>

              </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
                <?php if($bondRefundDetails['is_settele'] == 0){?>
              <button type="submit" class="btn btn-primary mrg15R">SUBMIT</button>
<?php } ?>
                <a class="btn btn-primary mrg15R" href="<?=base_url('admin/bondRefund')?>">BACK</a>
              </div>
            </div>
          </form>
        </div>
      </div>

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

<script>
  $(function() {
    $(".datepicker").datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth: true,
          changeYear: true,
          minDate: new Date()
      });
    //Initialize Select2 Elements
    $('.select2').select2()

  })

  $(document).ready(function() {

      $('#driver_id').change(function() {
        var driver_id = $(this).val();

        $.ajax({
          url: '<?php echo base_url("admin/bondRefund/getdriverbondamount"); ?>',
          method: 'post',
          data: {
            'driver_id': driver_id
          },
          dataType: 'json',
          success: function(response) {
            if (response.status) {
              $("#total_bond_amount").val(response.actual_bond_amount);
              $("#amount_want_to_refund").val('');
              $("#refund_type").val('');

            } else {
              alert("Insert Driver Rent Out First");
            }
          }
        })
      });


      $('#refund_type').change(function() {

        var refund_type = $(this).val();
        var total_bond_amount = $("#total_bond_amount").val();

        if(refund_type == 'FULL'){
          $("#amount_want_to_refund").val(total_bond_amount);
          $("#amount_want_to_refund").prop('readonly', true);
        }else{
          $("#amount_want_to_refund").val('');
          $("#amount_want_to_refund").prop('readonly', false);
        }

      });

      $('#amount_want_to_refund').keyup(function(){

        var amount_want_to_refund = $(this).val();
        var total_bond_amount = $("#total_bond_amount").val();

          if(amount_want_to_refund <= total_bond_amount){

            $.alert({
                title: 'Alert!',
                content: 'Refund amonut not be greater that actual bond amount',
                type: 'red',
                typeAnimated: true,
              })
          }
        
      })

    })
</script>