@extends('layout')


@section('content')

<div class="page-header page-header-default">
	<div class="breadcrumb-line">
		<ul class="breadcrumb">
			<li><a href="index.html"><i class="icon-home2 position-left"></i> Master</a></li>
			<li class="active">Harga Barang</li>
		</ul>
	</div>
</div>

<div class="content">
	<div class="panel panel-flat">
		<div class="panel-heading">
			<h5 class="panel-title">Harga Barang</h5>
			<div class="heading-elements">
				<ul class="icons-list">
		      		<li><a data-action="collapse"></a></li>
		      	</ul>
	       	</div>
	    </div>
	    <div class="panel-body">
	    	<button class="btn btn-primary" id="btn_tambah_satuan"><i class=""></i>Tambah</button>
	    </div>

	    <table class="table datatable-basic table-stripped">
	    	<thead>
				<tr>
					<th>Id</th>
					<th>Id_Suplier</th>
                    <th>Nama Suplier</th>
                    <th>No Penawaran</th>
                    <th>Tanggal Penawaran</th>
                    <th>Kategori</th>
                    <th>Jenis Barang</th>
                    <th>Kode & Nama Barang</th>
                    <th>Harga Satuan</th>
                    <th>Status</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
                    <td></td>
					<td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Akti</td>
				</tr>
			</tbody>
	    </table>
	</div>
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
	    <div class="modal-content">
	    	<div class="modal-header">
	    		<h5 class="modal-title" id="exampleModalLabel">Data</h5>
	    		<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span></button>
	      	</div>
	      	<div class="modal-body">
	      		<form class="form-horizontal" autocomplete="off">
                	<div class="form-group">
	      				<label class="control-label col-sm-4">ID</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
	      			<div class="form-group">
	      				<label class="control-label col-sm-4">Id Suplier</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Nama Suplier</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">No Penawaran</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Tanggal Penawaran</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control datepicker">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Kategori</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Jenis Barang</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Kode & Nama Barang</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Harga Satuan</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
                    <div class="form-group">
	      				<label class="control-label col-sm-4">Status</label>
	      				<div class="col-sm-8">
	      					<input type="text" name="popup_nama" class="form-control">
	      				</div>
	      			</div>
	      		</form>
	      	</div>
	      	<div class="modal-footer">
	        	<button type="button" class="btn btn-primary" id="btn_popup_simpan">Simpan</button>
	      	</div>
	    </div>
	</div>
</div>

<script type="text/javascript">
	$("#btn_tambah_satuan").click(function(){
		$("#exampleModal").modal("show");
	})

	function edit_satuan(){
		$("#exampleModal").modal("show");
	}
</script>

@endsection