<head>
    <style>
        #tbltrans th, tr, td {
            border-bottom:1px black solid; border-top:1px black solid;
        }        
    </style>
</head>

@extends('layouts.app')

@section('title')

@endsection

@section('breadcrumb')
   @parent
   <li>Transaksi Penjualan</li>
@endsection


@section('content')   
<div class="row">
	<div class="container-fluid">
		<div class="card">
			<div class="card-block">  

<h6>Transaksi Batal</h6>

<table class="table table-padding table-striped" id="tbltrans" width="100%">
<thead>
   <tr class="tblheader">
        <th width="110px">No.Transaksi</th>
        <th width="30px">PRJ</th>
        <th width="80px">Block</th>
        <th width="150px">Pembeli</th>
        <th class="text-center" width="100px">Harga</th>
        <th class="text-center" width="100px">DP</th>
        <th width="200px">Keterangan</th>
	</tr>
</thead>
<tbody></tbody>

</table>

			</div>
		</div>
	</div>	
</div>

@endsection

@section('script')
<script type="text/javascript">
var table;

$(function(){
    table = $('#tbltrans').DataTable({
        "processing" : true,
        "lengthMenu": [[8, 25, 50, -1], [8, 25, 50, "All"]],       //pilihan jumlah record show
        "order" : [0,'DESC'],
        "ajax" : {
            "url" : "{{ route('transaksi.databatal') }}",
            "type" : "GET"
        }
    }); 
});   


</script>


@endsection
