{{ Form::open(array('url' => route('membership.invoice.detail.update'), 'method' => 'post','id'=>"form-transaction-detail")) }}
<table class='table table-bordered'>
	<thead>
		<tr>
			<th>&nbsp;</th>
			<th>Deksripsi</th>
			<th width="120px">Qty</th>
			<th>Harga</th>
			<th>Diskon</th>
			<th>Pajak</th>
			<th>Jumlah</th>
		</tr>
	</thead>
	<tbody class="text-right">
		@foreach($transaction->detail as $detail)
		@if(isset($list) && $list->id === $detail->id)
		<tr class="table-active">
		@else
		<tr>
		@endif
		
			<td>
				@if(isset($list) && $list->id === $detail->id)
				&nbsp;
				@else
				<button type="button" class="btn btn-sm btn-outline-info btn-icon btn-edit" id-detail="{{ $detail->id }}">
                    <i class="mdi mdi-pencil"></i>
                </button>
				@endif
				
                   
			</td>
			<td class="text-left">{{$detail->descr}}</td>
			<td class="text-center">{{$detail->qty}}</td>
			<td>{{ number_format($detail->price,0,',','.') }}</td>
			<td>
				@if($detail->discount > 0)
				{{ number_format($detail->total_discount,0,',','.') }}<br />({{ number_format($detail->discount,0,',','.') }}%)
				@else
				0
				@endif
			</td>
			<td>{{ number_format($detail->total_tax,0,',','.') }}</td>
			<td>{{ number_format($detail->total,0,',','.') }}</td>

		</tr>
		@endforeach		
		
		<tr>
			<td>&nbsp;</td>
			<td>{{ Form::defName('descr', "Deksripsi", (isset($list)) ? $list->descr : null, ['required','id="descr"'],false) }}</td>
			<td>{{ Form::defCurrency('qty', "Qty", (isset($list)) ? $list->qty : 1, ['required','id="qty"'],false) }}</td>
			<td>{{ Form::defCurrency('price', "Harga", (isset($list)) ? $list->price : 0, ['required','id="price"'],false) }}</td>
			<td>{{ Form::defDiscount('discount', "Diskon", (isset($list)) ? $list->discount : 0, ['id="discount"'],false) }}</td>
			<td colspan="2" class="text-center">

				<div class="form-group">
					<input type="hidden" name="id-transaction" value="{{$transaction->id}}">
					@if(isset($list))
					<input type="hidden" name="id-detail-transaction" id="id-detail-transaction" value="{{$list->id}}">
					{{ Form::defSubmitDefault('EDIT') }}
					<button type="button" class="btn btn-rounded btn-danger" id="btn-delete-detail">Hapus</button>
					@else
					{{ Form::defSubmitDefault('TAMBAH') }}
					@endif
				</div></td>
		</tr>
		
	</tbody>
	<tfoot class="text-right">
		<tr>
			<th colspan="6">Sub Total</th>
			<th>{{ Form::defCurrency('subtotal', "Sub Total", $transaction->subtotal, ['readonly'],false) }}</th>
		</tr>
		<tr>
			<th colspan="6">Diskon</th>
			<th>{{ Form::defCurrency('total_discount', "Sub Total", $transaction->discount, ['readonly'],false) }}</th>
		</tr>
		<tr>
			<th colspan="6">Pajak</th>
			<th>{{ Form::defCurrency('tax', "Sub Total", $transaction->tax, ['readonly'],false) }}</th>
		</tr>
		<tr>
			<th colspan="6">Total</th>
			<th>{{ Form::defCurrency('total', "Sub Total", $transaction->total, ['readonly'],false) }}</th>
		</tr>
	</tfoot>
</table>
{{ Form::close() }}
<script type="text/javascript">
	$(document).ready(function(){
		@if(isset($list))
		$("#btn-delete-detail").click(function(){
			var id = $("#id-detail-transaction").val()
			swal({
	            title: "Peringatan",
	            text: "Hapus data ini?",
	            showCancelButton: true,
	            type:'warning',
	            closeOnConfirm: true,
	            dangerMode: true,
	            confirmButtonText: 'HAPUS',
	            cancelButtonText: "TIDAK",
	        }, function(confirm){
	        	if(confirm){
	        		$.ajax({
						headers: {
			                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			            },
			            url: "{{ route('membership.invoice.detail.delete', $list->id) }}",
			            type: "DELETE",
			            data:{_method: "DELETE", },
			            dataType: "json",
			            success: function(res){
			              if(res.status){
			              	toastr.success(res.message);
			                  loadTable();

			              }else{
			                  toastr.error(res.message);
			              }

			            },
			            error: function (xhr, ajaxOptions, thrownError) {
			              ajaxError(xhr.status, xhr.statusText)
			            }
					})
	        	}
	        });
		})
		@endif

		$("#form-transaction-detail").submit(function(e){
			e.preventDefault();
			var data = $(this).serialize();
			var url = $(this).attr('action');
			$.ajax({
				headers: {
	                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
	            },
	            type: "POST",
	            url: url,
	            data:data,
	            dataType: "json",
	            success: function(res){
	              if(res.status){
	              	toastr.success(res.message);
	                  loadTable();

	              }else{
	                  toastr.error(res.message);
	              }

	            },
	            error: function (xhr, ajaxOptions, thrownError) {
	              ajaxError(xhr.status, xhr.statusText)
	            }
			})
			
		})
	})
</script>