<head>
    <style>
        .tblhdr { height:30px; background-color:#6495ED; color: white; font-size: 14px;}
        
        #tabel-rekap td,tr { font-size:12px; border:0px gray solid;}
        #tabel-masuk td,tr { font-size:12px; border:0px gray solid;}
        #tabel-keluar td,tr { font-size:12px; border:0px gray solid;}
        
    </style>
</head>

<div class="modal fade" id="modal-detail" tabindex="0" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

    <div class="modal-header">
	    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> &times; </span> </button>
        <h5 id="namaproduk"></h5>
    </div>

    
<div class="modal-body" style="margin-left:-12px; margin-right:-12px;margin-top:-12px; margin-bottom:-20px">
	<div class="card" style="padding:0px 0px;">
	    <div class="card-block">

    <input type="hidden" id="idstock" name="idstock">
  
    
<div class="row">
    <div style="padding:5px 10px;">
    <div class="col-sm-5 col-md-5">	    
	    <h6>Rekap Stock</h6>   
		<table class="table table-striped table-responsive tabel-rekap" id="tabel-rekap" style="width:100%">

		<thead>
            <tr>
                <th>Deskripsi</th>
                <th width="135">Value</th>                
                <th width="80">Last</th>
            </tr>
		</thead>
	
		<tbody></tbody>   
		</table> 
        <br>   

        <label>Periode</label>
        <input type="date" id="awal" name="awal" class="form-control" autofocus>
        <input type="date" id="akhir" name="akhir" class="form-control" autofocus>
        <br>
        <a onclick="kartuStock()" class="btn btn-danger btn-sm"><i class="fa fa-print"></i> Kartu Stock</a>
        
	</div>
	
	
	
	<div class="col-sm-7 col-md-7">
	    
        <h6>Masuk Barang/Pembelian</h6>   
		<table class="table table-striped tabel-masuk" id="tabel-masuk" style="width:100%;">
		<thead>
          <tr>
            <th style="display:none">Tgl.Masuk</th>
            <th style="display:none">No.Invoice</th>
            <!--th>Supplier</th-->
            <th style="display:none" class="text-center">QTY</th>
         </tr>
		</thead>
	
		<tbody></tbody>   
		</table>

		<br>
 
        <h6>Stock Keluar</h6>
		<table class="table table-striped" width="100%" id="tabel-keluar">

		<thead>
          <tr>
            <th style="display:none">Tgl.OUT</th>
            <th style="display:none">No.Faktur</th>            
            <th style="display:none">Tujuan</th>
            <th style="display:none" class="text-center">QTY</th>
         </tr>
		</thead>
	
		<tbody></tbody>   
		</table>
		
       <br>  
       
<!--       
        <h6>Retur</h6>
		<table class="table table-condensed table-striped tabel-retur" id="tabel-retur">

		<thead>
          <tr>
            <th width="80px">Tgl.Retur</th>
            <th width="100px">No.Faktur</th>            
            <th>Keterangan</th>
            <th width="60px">Kemasan</th>
            <th width="30px">QTY</th>
         </tr>
		</thead>
	
		<tbody></tbody>   
		</table>		
--->		
    </div>
    
</div>
</div>
</div>
                </div>
            </div>
        </div>
    </div>
 </div>
   


