<div class="col-lg-12">
    <section class="panel">
        <header class="panel-heading" style="min-height:120px">
            <div class="col-lg-3"> 
               <span>ICD Out No : <?php echo $igetl_data['igetl_otm_icd_out_no'];?></span> 
            </div>
            <div class="col-lg-6">
                <h4 class="text-center"><i class="fa fa-truck truck_icon"></i><br/> <b>ETC Cargo Limited(ICD018) - GATE ENTRY(Transit Material)- Gate1 Entry Officer  </b></h4></div>

            <div class="col-lg-3"><span>Date : <?php echo $igetl_data['igetl_otm_date'];?> </span></div>
        </header>
        <div class="clear"></div>
        <div class="panel-body"> 
            <form class="form-horizontal" method="post" action="<?php echo base_url();?>icd/iao_ctrl/insert_transit_material_details/<?php echo $igetl_data['igetl_id'];?>/<?php echo $igetl_data['idl_id'];?>">
                <div class="col-lg-12">		
                    
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Vessel Name </label>
                        <div class="col-lg-8">

							<input type="text" class="form-control" value="<?php echo $igetl_data['idl_vessel_name'];?>" readonly >

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Tansad No</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['igedl_tansad_no'];?>" readonly>

                        </div>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Bill Of Lading </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['idl_bill_of_loading'];?>" readonly>

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Importer Name</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['iml_name'];?>" readonly>

                        </div>
                    </div> 
                    
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Shipping Line </label>
                        <div class="col-lg-8">
							<input type="text" class="form-control" value="<?php echo $igetl_data['idl_shipping_line'];?>" readonly>
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Agent Name  </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['agl_name'];?>" readonly>
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Registration No</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['igedl_regi_no'];?>" readonly>

                        </div>
                    </div>    
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Initiated By</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['igedl_initiated_by'];?>" readonly>

                        </div>
                    </div>      
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4"> Invoice No </label>
                        <div class="col-lg-8">
                            <textarea class="form-control" rows="3" readonly><?php echo $igetl_data['idl_invoice_no'];?></textarea>

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Authorized By </label>
                        <div class="col-lg-8">

							<input type="text" class="form-control" value="<?php echo $igetl_data['igedl_authorized_by'];?>" readonly >

                        </div>
                    </div>
                    
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">VAT Amount </label>
                        <div class="col-lg-8">

							<input type="text" class="form-control" value="<?php echo $igetl_data['igetl_vat_amount'];?>" readonly >

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Invoice Date </label>
                        <div class="col-lg-8">

							<input type="text" class="form-control" value="<?php echo $igetl_data['igetl_invoice_date'];?>" readonly >

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Total Amount </label>
                        <div class="col-lg-8">

							<input type="text" class="form-control" value="<?php echo $igetl_data['igetl_total_amount'];?>" readonly >

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Driver Name  </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['igetl_driver_name'];?>" readonly >


                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Driver Lic No </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['igetl_driver_lic_no'];?>" readonly >


                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4"> Destination </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" value="<?php echo $igetl_data['idl_destination'];?>" readonly>

                        </div>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Token Type </label>
                        <div class="col-lg-8">
							<input type="text" class="form-control" id="token_type_input_id" value="<?php echo $igetl_data['igetl_token_type'];?>" readonly>
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Token No </label>
                        <div class="col-lg-8">
							<input type="text" class="form-control" value="<?php echo $igetl_data['igetl_token_no'];?>" readonly>

                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-lg-4 col-sm-4">Expiry. Date </label>
                        <div class="col-lg-8">
							<input type="text" class="form-control" value="<?php echo $igetl_data['igetl_expiry_date'];?>" readonly>

                        </div>
                    </div>

                            
                </div>

                <header class="panel-heading">
                    <h4 class="text-center"> 
                        <b> Material Details </b>
                        <a class="btn btn-sm btn-default pull-right" id="add_more_icdl_id">Add more</a>                        
                    </h4>
                </header>

                <div class="panel-body ">
                    <section id="unseen">
                        <table class="table table-bordered table-striped table-condensed col-md-12">
                            <thead>
                                <tr>
                                    <th class="col-md-2">Goods Description </th>
                                    <th class="numeric col-md-1">UOM </th>
                                    <th class="col-md-1">Packing Type </th>
                                    <th class="col-md-1">QTY </th>
                                    <th class="col-md-2"> Remarks</th>
                                    <th class="col-md-1"> &nbsp; </th>

                                </tr>
                            </thead>
                            <tbody id="tbody_id">     

                            </tbody>
                        </table>

                        <div class=" col-lg-offset-5">
                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-success"> <i class="fa fa-thumbs-up"></i>&nbsp; Authorize </button>
                            </div>

                        </div>


                    </section>
                </div>
                

                


                

            </form>
        </div>
    </section>

</div>


<script type='text/javascript'>
    $(document).ready(function(){
        $('#add_more_icdl_id').click();            
    });
    $('#add_more_icdl_id').click(function(){
        lul_com_id_val = $('#lul_com_id_input_id').val();
        var numcls = $('.tbody_tr_cls').length;
        append1 = '<tr class="tbody_tr_cls" id="tbody_tr_id_'+numcls+'">'+
                    '<td><input type="text" class="form-control " name="itml_goods_desc[]" required></td>'+
                    '<td><input type="text" class="form-control " name="itml_uom[]" required></td>'+
                    '<td><input type="text" class="form-control " name="itml_packing_type[]" required></td>'+
                    '<td><input type="text" class="form-control " name="itml_qty[]" required></td>'+
                    '<td><input type="text" class="form-control " name="itml_remarks[]" required></td>'+
                    '<td class="" >'+
                    '<a class="btn btn-sm btn-danger fa fa-times tr_close_cls" data-common_num_close="'+numcls+'" id="tbody_tr_close_id_'+numcls+'"></a></td></tr>';
        
        $('#tbody_id').append(''+append1+'');
    });

    

    

    $('body').on('click','.tr_close_cls',function(){
        this_id                 = $(this).attr('id');
        this_common_num_val     = $('#'+this_id+'').data('common_num_close');  
        $( "#tbody_tr_id_"+this_common_num_val+'').remove();

    });
    

    

</script>
