<?php $this->load->view("partial/header");?>
<link rel="stylesheet" type="text/css" href="dist/data_tables/datatables.min.css"/>
<script type="text/javascript" src="dist/data_tables/datatables.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
 $('#search').on('click', function (e){
  var search_by      = $("#search_by").val();
  var search_text    = $("#search_text").val();
  var package_id     = $("#package").val();
  if(!search_by){
    toastr.warning("Please Select search By");
      return false;
  }else
  if((!package_id) && (search_by === "3")){
      toastr.warning("Please Select the Package");
      return false;
  }else
  if((!search_text) && (search_by === "2")){  
      toastr.warning("Please Select the Ticket No");
      return false;
  }else
  if((!search_text) && (search_by === "1")){  
      toastr.warning("Please Select the PNR No");
      return false;
  }
      $.ajax({
          type: "POST",
          url:"<?php echo base_url('index.php/Refund_collection/get_pending_amt'); ?>",
          data: {search_by:search_by,search_text:search_text,package_id:package_id},
          success: function(data) {
              $('#table').html(data);  
              $('#detail_list').DataTable({        
                "paging":   false,
                "ordering": false,      
                      dom: 'Bfrtip',
                      buttons: ['excel'],
                      destroy: true,  
              });
          },
      });  
      $('#detail_list').DataTable().destroy();  
  }); 
         //Alphabetic and Numbers insert
  $("body").on("keypress keyup blur",".number",function (event){
     $(this).val($(this).val().replace(/[^\d].+/, ""));
      if ((event.which < 48 || event.which > 57)) {
          event.preventDefault();
      }
  });  
  $("#search_by").change(function(){    
    var search_by = $("#search_by").val();
    if(search_by === "3"){      
      $('#package_div').show();
      $('#search_text_div').hide();
    }else{
      $('#search_text_div').show();
      $('#package_div').hide();
    }
  });

});


</script>
<div id="table_holder">
    <div id="title_bar" class="btn-toolbar">
        <h1> Refund Collection </h1>          
    </div>
    <div class="form-group">
      <?php echo form_label("Search By", 'search_by', array('class' => 'required')); 
      $search_by = array('' => '--Select Type--', '1' =>'PNR No', '2' => 'Ticket No','3' => 'Package');   
      echo form_dropdown(array('name' => 'search_by','id' => 'search_by','class' => 'form-control'), $search_by, '');
      ?>
    </div> 
    <div class="form-group" id="search_text_div" style="display: none;">
    <?php echo form_label("Search No", 'search_text', array('class' => 'required')); 

    echo form_input(array(
        'name' => 'search_text',
          'id' => 'search_text',
          'placeholder' => 'ENTER No',
        'class' => 'form-control input-sm number',
        'value' => $package_info->pnr)
      );
    ?>
    </div>
    <div class="form-group" id="package_div" style="display: none;">
    <?php echo form_label("Select Package", 'package', array('class' => 'required')); 
		echo form_dropdown(array('name' => 'package','id' => 'package','class' => 'form-control'), $package_info, '');
    ?>
    </div>
    <div class="form-group">
      <button class="btn btn-info btn-sm" id="search">Search</button>
    </div>  
    <div id="table">
               
    </div> 
</div>
<style type="text/css">
  #table_holder .fixed-table-body table tr td {
      color: #333333 !important;
      padding: 8px !important;
      line-height: inherit !important;
      vertical-align: middle !important;
      height: auto;
  }
  div#holder {
    padding: 15px;
    background-color: #FFFFFF;
    margin: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  h1 {
    margin: 0;
    margin-bottom: 4px !important;
    width: auto;
    font-size: 25px;
    color: #D8343F;
    font-weight: bold;
    text-transform: initial;
 }
 #table .btn-default {
    color: #ffffff !important;
    background: #D8343F;
    padding: 1px 6px !important;
    font-size: 12px !important;
 }
 #table button{
        padding: 1px;
        margin: 2px;
 }
 .btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
 }
 div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    float: left;
 }
 #report_model_body .btn-default {
    color: #ffffff !important;
    background: #D8343F;
    padding: 1px 6px !important;
    font-size: 12px !important;
 }
</style>
<?php $this->load->view("partial/footer"); ?>