<style type="text/css">
label {
	font-weight: 700;
}
.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
	background-color:#666;
			    border-color: #666;
			    border-top: 1px solid #666;
			    color: white;
			    text-align: center;
}
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
</style>
<style type="text/css">
label {
	font-weight: 700;
}
.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
	background-color:#666;
			    border-color: #666;
			    border-top: 1px solid #666;
			    color: white;
			    text-align: center;
	font-size: 14px;
}
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
td {
	font-size: 13px;
}
</style>

	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
       
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" type="text/css" href="<?php echo asset_url(); ?>plugins/select2/select2.css" />
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/DataTables/media/css/DT_bootstrap.css" />
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
		<link href="<?php echo asset_url(); ?>plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">


		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/select2/select2.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/datepicker/css/datepicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-daterangepicker/daterangepicker-bs3.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/jQuery-Tags-Input/jquery.tagsinput.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.css">
		<link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/summernote/build/summernote.css">
        
          <link rel="stylesheet" type="text/css" href="<?php echo asset_url(); ?>css/jquery.dataTables.css">
          
          
          
          


		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<?php $this->load->view("common/logo"); ?>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
				<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
                            	<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										 Dashboard 
									</a>
								</li>
								<li>
									<a href="<?php echo base_url('purchases_order'); ?>">
										 List Petty Cash 
									</a>
								</li>
                               
								<li class="active">
									View
								</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">
												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							
								
                                <div class="page-header">  
                               <?php  
							   $message = $this->session->flashdata('message');
							   if($message){ ?>
                               	<div class="alert alert-success">
									<button type="button" class="close" data-dismiss="alert">×</button>
<?php echo $message ?> </div>
                               		
                               <?php
                               }
							    ?>
                               
                                 
							</div>

                            
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Reference ID <?php echo $exp_id ?>
									<div class="panel-tools" style="top:2px;">
                                   <!-- <button class="btn btn-blue dropdown-toggle" data-toggle="dropdown">
													<i class="clip-list-5"></i> Petty Cash Details
												</button>
												<ul class="dropdown-menu dropdown-light pull-right">
														<li>
															<a id="" data-toggle="modal" href="<?php echo base_url("purchases_order/manage/$exp_id"); ?>">
																<i class="fa fa-plus"></i> Update Petty Cash Details
															</a>
														</li>
														
													</ul>-->
												
									</div> <!--panel-tools-->
								</div> <!--panel-heading-->
								<div class="panel-body">
									 
<div class="well well-sm">                      

<div class="col-xs-4 border-right pull-right">

<div class="col-xs-10">
<h4 class=""> Voucher No. : <?php echo $exp_details->exp_reference_no;?></h4>

<p>Voucher Date: <?php echo date('d/M/Y', strtotime($exp_details->exp_datetime));?></p>






</div>
<div class="clearfix"></div>
</div>

<div class="col-xs-4 border-right">

<div class="col-xs-10">
<h4 class=""><p>Supplier: <?php //echo $exp_details->name;?></p></h4>
<p>Prodcut Type: </p>


</div>
<div class="clearfix"></div>
</div>

<div class="col-xs-4 border-right">


<div class="clearfix"></div>
</div>


<div class="clearfix"></div>
</div>

 <!--col-xs-4-->



<div class="col-xs-5">
<input name="exp_id" type="hidden" id="exp_id" value="<?php echo $exp_id ?>">
<input type="hidden" id="sale_type" name="sale_type" value="sale">


<div class="clearfix"></div>
</div> <!--col-xs-4"-->
<div class="clearfix"></div>






<div class="col-xs-12">
<br>

Note: 
	<?php //echo $purchases_order_details->purchases_order_note; ?>
    <br>
<br>


</div>

<div class="clearfix"></div>




<!-- payment list -->

<div class="row">
<div class="col-xs-12">
<div class="table-responsive">
<table class="table items table-striped table-bordered table-condensed table-hover" id="purchases_order_tbl">
															<thead>
																<tr>
																	<th class="col-md-4">Item Name</th>
																	<th style="width:80px;">Unit</th>
																	<th style="width:80px;""> Qty</th>
																	<th class="col-md-1 text-right">Rate</th>
																	<th style="width:60px;">Discount</th>
																	<th class="text-right col-md-2">Amount</th>
																</tr>
                                                                </thead>
																	<tbody>
<?php 
//print_r($expitm_list);
$tmp_th_e=0;
if(count($expitm_list)){ 
foreach ($expitm_list as $key => $expitm_dtls) {
	$tmp_th_e++;
?>
<tr id="row_e_<?php echo $tmp_th_e;?>">
			<td class="text-left">
			<?php echo $expitm_dtls->product_name; ?>
			</td>
			<td>
            <?php echo $expitm_dtls->unit_name; ?>
			
			</td>
			<td>
			<?php echo $expitm_dtls->expitm_qty; ?>
			</td>
			
			
			<td><?php echo $expitm_dtls->product_cost; ?></td>
			<td><?php echo $expitm_dtls->expitm_dis_val; ?></td>
			<td>
			 <?php echo $expitm_dtls->sub_total_item; ?>
			  
			  </td>
			
<?php  } }?>
															
																		
																	<tr>
																	  <td colspan="5" class="text-right">Total</td>
																	  <td><?php echo number_format($exp_details->exp_total, 2, '.', ','); ?></td>
                                                                      </tr>
																	  <tr>
																	    <td colspan="5" class="text-right">Discount</td>
																	    <td>(<?php echo $exp_details->exp_discount ?>)
  <?php echo number_format($exp_details->exp_discount_amt, 2, '.', ','); ?></td>
                                                                        </tr>
																      <tr>
																	    <td colspan="5" class="text-right">Vat</td>
																	    <td></td>
                                                                        </tr>
																      <tr>
																	  <td colspan="5" class="text-right">Net Total</td>
																	  <td><?php echo number_format($exp_details->exp_net_total, 2, '.', ','); ?></td>
                                                                      </tr>
																    </tbody>
															<tfoot>
															
                                                              
															</tfoot>
														</table>


</div>
</div>
</div>
<div class="clearfix"></div>
<br>
<div class="clearfix"></div>
<!-- end payment list-->


<!-- status ox -->
<form role="form" class="" id="update_exp_status_form" action="#" method="post">
 <div class="footer-status-change">
<div class="col-md-12" style="display:none;">
<br>
<input name="exp_id" type="hidden" value="<?php echo $exp_id;?>">
<div class="panel panel-default">
<div style="font-weight: 700;" class="panel-heading">Prepared Status</div>
<div class="panel-body">
<?php //if ($this->session->userdata('ss_group_id')==1)
{ ?>
<div class="col-sm-3">
<div class="form-group">
<label>Prepared Status</label>
<select  id="exp_prepared_status" class="form-control" name="exp_prepared_status">
<?php 
$sel_p='';
$sel_n='';
if(isset($exp_details->exp_prepared_status) && $exp_details->exp_prepared_status=='Prepared'){
$sel_p=' selected';
}
if(isset($exp_details->exp_prepared_status) && $exp_details->exp_prepared_status==0){
$sel_n=' selected';
}	
?> 
<option value="0"<?php echo $sel_n;?>>Pending</option>
<option value="Prepared"<?php echo $sel_p; ?>>Prepared</option>
</select>
                
</div>
</div>
<?php }?> 


  
  
   <?php //if ($this->session->userdata('ss_group_id')==1)
{ ?>
<div class="col-sm-3">
<div class="form-group">
<label>Authorized Status</label>
<select  id="exp_authorized_status" class="form-control" name="exp_authorized_status">
<?php 
$sel_a='';
$sel_n='';
if(isset($exp_details->exp_authorized_status) && $exp_details->exp_authorized_status=='Authorized'){
$sel_a=' selected';
}
if(isset($exp_details->exp_authorized_status) && $exp_details->exp_authorized_status==0){
$sel_n=' selected';
}	
?> 
<option value="0"<?php echo $sel_n;?>>Pending</option>
<option value="Authorized"<?php echo $sel_a; ?>>Authorized</option>
</select>
                
</div>
</div>
<?php }?>
 


<div class="col-sm-3 pull-right">
<div class="form-group">
<div>&nbsp;</div>
<a href="#" class="btn btn-primary show-tab pull-right" id="update_exp_status_btn"> Update Status <i class="fa fa-save"></i> </a>                
</div>
</div>
   


</div>
</div>
</div>
                        </div>
                        </form>
<!-- end status box -->


<div class="buttons">
<div class="btn-group btn-group-justified">


<!--<div class="btn-group"><a title="" class="tip btn btn-primary tip" data-target="#myModal" data-toggle="modal" href="#" data-original-title="Add Payment" id="modal_ajax_sales_payment_btn"><i class="fa fa-money"></i> <span class="hidden-sm hidden-xs">Add Payment</span></a></div>
-->
<!--<div class="btn-group"><a title="" class="tip btn btn-primary tip" data-target="#myModal" data-toggle="modal" href="http://sma.tecdiary.org/sales/add_payment/2" data-original-title="Add Payment"><i class="fa fa-money"></i> <span class="hidden-sm hidden-xs">View Payment</span></a></div>-->
<!--<div class="btn-group"><a title="" class="tip btn btn-primary tip" data-target="#myModal" data-toggle="modal" href="http://sma.tecdiary.org/sales/add_delivery/2" data-original-title="Add Delivery"><i class="fa fa-truck"></i> <span class="hidden-sm hidden-xs">Add Delivery</span></a></div>-->

<div class="btn-group" onClick="fbs_click(<?php echo $exp_id; ?>)"><a title="" class="tip btn btn-primary" data-original-title="Print"><i class="fa fa-print"></i> <span class="hidden-sm hidden-xs">Print</span></a>
</div>
 
</div>
</div> <!--buttons-->
                                     
                                   
								</div> <!--panel-body-->
							</div><!--panel-->
							
						</div> <!--col-md-12-->
					</div> <!--row-->

					
                    <!-- end grid -->
                    
					
			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				<?php echo date("Y");?> &copy; Vehical Maintacne Management System by sallelanka solutions. 
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->

        
  
        
		<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script src="<?php echo asset_url(); ?>plugins/jquery-inputlimiter/jquery.inputlimiter.1.3.1.min.js"></script>
		<script src="<?php echo asset_url(); ?>plugins/jquery.maskedinput/src/jquery.maskedinput.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>plugins/bootbox/bootbox.min.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>plugins/jquery-mockjax/jquery.mockjax.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>plugins/DataTables/media/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>plugins/DataTables/media/js/DT_bootstrap.js"></script>
		<script src="<?php echo asset_url(); ?>js/table-data.js"></script>
		<script src="<?php echo asset_url(); ?>plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
		<script src="<?php echo asset_url(); ?>plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
		<script src="<?php echo asset_url(); ?>js/ui-modals.js"></script>
		<script src="<?php echo asset_url(); ?>plugins/bootstrap-fileupload/bootstrap-fileupload.min.js"></script>
		<script src="<?php echo asset_url(); ?>plugins/select2/select2.min.js"></script>
        
       <script src="<?php echo asset_url(); ?>plugins/jQuery-lib/2.0.3/jquery.min.js"></script>
		<script type="text/javascript" language="javascript" src="<?php echo asset_url(); ?>js/jquery.dataTables.js"></script>

		<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script>
			jQuery(document).ready(function() {
				TableData.init();
				//Main.init();
				//TableData.init();
				//UIModals.init();

			});
			





		</script>
        
<script type="text/javascript" language="javascript" >

$( "#update_exp_status_btn" ).click(function() {

				$("#update_exp_status_btn").prop("disabled", true);
	 var fields = $("#update_exp_status_form").serialize();
	 $.post( "<?php echo base_url();?>expenses/update_exp_status", fields)
	.done(function( data ) {
		  //alert();
		  var obj = jQuery.parseJSON(data);
			if(obj.error==1){
				$('.alert-success').hide();
				$('.alert-danger').show();
				//$( ".errortxt" ).text( obj.disMsg );
				bootbox.alert(obj.msg, function () {
                        
                    });
			}
			if(obj.error==0){
				displayNotice('page','Status successfully updated!');
				
				//sendUrl='<?php echo base_url();?>loan/manage/'+obj.loan_id;
				//window.location.href = sendUrl;
				
				 $("#update_exp_status_btn").prop("disabled", false);
		 		 $("#update_exp_status_btn").val('Update Status');
				//clearForm();
			}
			
	  });
	return false;
	
});


var j = jQuery.noConflict();
function loadGrid(){
	alert();
	j('#employee-grid').DataTable().ajax.reload();
}
	jQuery(document).ready(function() {
		var dataTable = j('#employee-grid').DataTable( {
			"processing": true,
			"serverSide": true,
			"ajax":{
				url :"sales/list_sales", // json datasource
				type: "post",  // method  , by default get
				error: function(){  // error handling
					j(".employee-grid-error").html("");
					j("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
					//$("#employee-grid_processing").css("display","none");
				}
			}
		} );
		
	} );
	

function fbs_click(id) {
	u=location.href;
	t=document.title;
	var url='<?php echo base_url('expenses/expenses_print');?>';
	
	window.open(url+'/'+id,'sharer','toolbar=0,status=0,width=626,height=700, left=10, top=10,scrollbars=yes');return false;
	

}	




</script>
	</body>
	<!-- end: BODY -->
</html>