@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Sell History</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Filter</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <form id="form_filter" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-2 control-label">Start date :</label>
                                    <div class="col-xs-12 col-sm-10">
                                        <input type="date" class="form-control" name="start" value="{{ @$_GET["start"] }}" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-2 control-label">End date :</label>
                                    <div class="col-xs-12 col-sm-10">
                                        <input type="date" class="form-control" name="end" value="{{ @$_GET["end"] }}" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="submit" class="btn btn-default"><i class="fa fa-search"></i> Search</button>
                                    </div>
                                </div>
                            </form>

                            <hr>

							<form id="stock_sell" method="post">
                            <table class="table table-bordered table-striped">
							<thead>
                                <tr>
                                    <th class="text-center">ID</th>
                                    <th class="text-center">Invoice</th>
                                    <th class="text-center">Tanggal</th>
                                    <th class="text-center">Customer</th>
                                    <th class="text-center">Alamat Customer</th>
                                    <th class="text-center">Harga</th>
                                    <th class="text-center">Notes</th>
                                </tr>
							</thead>
							<tbody>
							@if(empty($stock_sell))
                                    <tr>
                                        <td class="text-center" colspan="8">No data</td>
                                    </tr>
							@else
                                @foreach($stock_sell->items() as $request)
                                    <tr>
                                        <td class="text-center" ssid="{{ encrypt($request->id) }}">{{ $request->id }}</td>
										<td><input type="checkbox" name="stock_sell_id[]" value="{{ encrypt($request->id) }}"/> <label role="button">{{ $request->invoice }}</label></td>
										<td class="text-center">{{ $request->date }}</td>
                                        <td class="text-center">{{ $request->customer }}</td>
                                        <td class="text-center">{{ $request->customer_addr }}</td>
                                        <td class="text-right">{{ $request->harga }}</td>
                                        <td class="text-center">{{ $request->notes }}</td>
                                    </tr>
                                @endforeach
							@endif
							</tbody>
                            </table>
							</form>

							@if(!empty($stock_sell))
                            <div class="text-center">{{ $stock_sell->appends($_GET)->links() }}</div>
							@endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script>
$(function() {
	$(".fa-bars").trigger("click");
	$(".x_content .table-bordered tbody tr").each(function(){
		$(this).find("td:eq(1) > label").click(function(){
			if($(this).prev().is(":checked")) {
				addr_val = $.trim($(this).parents("tr").find("input[name^='txtAddr']").val());
				if(addr_val=="" || (addr_val!="" && confirm("Hapus Alamat Customer?"))) {
					$(this).parents("tr").find("input[name^='txtAddr']").remove();
					$(this).prev().removeAttr("checked").change();
				}
			} else {
				if($.trim($(this).parents("tr").find("td:eq(4)").html())=="") $(this).parents("tr").find("td:eq(4)").append($("<input>").attr({name:"txtAddr["+$(this).parents("tr").find("td:eq(0)").attr("ssid")+"]",class:"form-control",maxlength:500}));
				$(this).prev().prop("checked", true).change();
			}
		});
	});
	nf = Intl.NumberFormat();
	$(".x_content .table-bordered tbody tr td:nth-child(6)").each(function(){$(this).html(nf.format($(this).html()));});
	$("input[name^='stock_sell_id']").removeAttr("checked");
	$("input[name^='stock_sell_id']").change(function(){
		n=$("input[name^='stock_sell_id']:checked").length;
		$(".x_content .table-bordered thead tr th:eq(1)").html("Invoice"+(n>0 ? " ("+n+")" : ""));
		if(n>0){
			if($("#stock_sell .action-buttons").length == 0) {
				$("#stock_sell").append($("<div>").attr({class:"text-center action-buttons"}).append($("<i>").attr({class:"fa fa-spinner fa-spin"})));
				$(".fa-spinner").hide();
			}
			if($("input[name^='txtAddr']").length == 0) {
				if($("#stock_sell #btn-update-address").length > 0) $("#stock_sell #btn-update-address").remove();
				if($("#stock_sell #btn-generate-bungut").length == 0) $("#stock_sell .action-buttons").prepend($("<input>").attr({type:"button",id:"btn-generate-bungut",class:"btn btn-default",value:"Generate Bukti Pungut"}));

				$("#btn-generate-bungut").click(function(){
					if($(".alert-danger").length == 1) {$(".alert-danger").next().remove();$(".alert-danger").remove();}
					if($(".alert-success").length == 1) {$(".alert-success").next().remove();$(".alert-success").remove();}

					if(!$("#btn-generate-bungut").is(":hidden")) {
						submit_btn = $("#btn-generate-bungut");
						submit_btn.hide();
						submit_btn.next(".fa-spinner").show();

						$.ajax({
							url: "{{ url('stock/sell/generate_bungut') }}",
							type: "POST",
							headers: {
								'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
							},
							data: new FormData($("#stock_sell")[0]),
							processData: false,
							contentType: false
						}).done(function(resp) {
							submit_btn.parent().before($("<div>").attr({class:"alert alert-success"}).html(resp[0]));
							submit_btn.parent().before($("<br>"));
							submit_btn.next(".fa-spinner").remove();
							submit_btn.remove();
						}).error(function(resp) {
							submit_btn.parent().before($("<div>").attr({class:"alert alert-danger"}).html(resp.responseJSON[0]));
							submit_btn.parent().before($("<br>"));
							submit_btn.show();
							submit_btn.next(".fa-spinner").hide();
						});
					}
					return false;
				});
			} else {
				if($("#stock_sell #btn-generate-bungut").length > 0) $("#stock_sell #btn-generate-bungut").remove();
				if($("#stock_sell #btn-update-address").length == 0) {
					$("#stock_sell .action-buttons").prepend($("<input>").attr({type:"button",id:"btn-update-address",class:"btn btn-default",value:"Update Alamat Customer"}));

					$("#btn-update-address").click(function(){
						if($(".alert-danger").length == 1) {$(".alert-danger").next().remove();$(".alert-danger").remove();}
						if($(".alert-success").length == 1) {$(".alert-success").next().remove();$(".alert-success").remove();}

						if(!$("#btn-generate-bungut").is(":hidden")) {
							submit_btn = $("#btn-update-address");
							submit_btn.hide();
							submit_btn.next(".fa-spinner").show();

							$.ajax({
								url: "{{ url('stock/sell/update_cust_address') }}",
								type: "POST",
								headers: {
									'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
								},
								data: new FormData($("#stock_sell")[0]),
								processData: false,
								contentType: false
							}).done(function(resp) {
								submit_btn.parent().before($("<div>").attr({class:"alert alert-success"}).html(resp[0]));
								submit_btn.parent().before($("<br>"));
								submit_btn.next(".fa-spinner").remove();
								submit_btn.remove();
							}).error(function(resp) {
								submit_btn.parent().before($("<div>").attr({class:"alert alert-danger"}).html(resp.responseJSON[0]));
								submit_btn.parent().before($("<br>"));
								submit_btn.show();
								submit_btn.next(".fa-spinner").hide();
							});
						}
						return false;
					});
				}
			}
		} else {
			$("#stock_sell .action-buttons").remove();
		}
	});
});
</script>
@endsection