@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>Bulk Palace Transaction</h3>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<ol class="breadcrumb">
						<li><a href="{{ route('dashboard') }}">Home</a></li>
						<li class="active">Lakuemas palace</li>
					</ol>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<div class="row">
								<div class="col-xs-6">
		                        	<h2>Import</h2>
		                        </div>
		                        <div class="col-xs-6 text-right">
		                        	<a href="{{ url('download/bulk_palace_format.csv') }}" target="_blank" class="btn btn-default"><i class="fa fa-download" aria-hidden="true"></i> Download format</a>
		                        </div>
		                    </div>
                    	</div>
                    	<div class="x_content">
							<form id="import_form" class="form-horizontal">
								{{ csrf_field() }}

								@if($transaction)<input type="hidden" class="input-id" name="id" value="{{ $transaction->id }}">@endif

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">File :</label>
									<div class="col-xs-12 col-sm-10">
										<input type="file" name="file" class="form-control">
									</div>
								</div>

								@if($transaction)
									<div class="form-group">
										<label class="col-xs-12 col-sm-2 control-label">Net value :</label>
										<div class="col-xs-12 col-sm-10">
											<input type="text" class="form-control" value="Rp. {{ number_format($transaction->total_net_value) }}" disabled>
										</div>
									</div>
								@endif

								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Settled value :</label>
									<div class="col-xs-12 col-sm-10">
										@if(!$transaction)
											<input type="number" name="total_settled_value" class="form-control">
										@else
											<input type="text" name="total_settled_value" class="form-control" value="Rp. {{ number_format($transaction->total_settled_value) }}" disabled>
										@endif
									</div>
								</div>

								@if($transaction)
									<div class="form-group">
										<label class="col-xs-12 col-sm-2 control-label">Emas tukar :</label>
										<div class="col-xs-12 col-sm-10">
											<input type="text" class="form-control" value="{{ $transaction->total_emas_tukaran }} Gram" disabled>
										</div>
									</div>		
								@endif

								<div class="form-group">
									<div class="col-sm-offset-2 col-xs-12 col-sm-10">
										<i class="fa fa fa-spinner fa-pulse hidden btn-loading"></i> 
										@if(!$transaction) <button class="btn btn-default btn-sm btn-import"><i class="fa fa-upload" aria-hidden="true"></i> Import</button>
										@else
											<button class="btn btn-success btn-sm btn-execute"><i class="fa fa-check" aria-hidden="true"></i> Execute</button>
											<button class="btn btn-danger btn-sm btn-cancel"><i class="fa fa-trash" aria-hidden="true"></i> Cancel</button>
										@endif
									</div>
								</div>
							</form>
						</div>
					</div>		
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="x_panel">
	                    <div class="x_title">
	                        <h2>Data</h2>
	                        <div class="text-right">
                                <a href="{{ route('download_bulk_transaksi_palace_master') }}" class="btn btn-primary btn-sm" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Unduh</a>
                            </div>	                        
	                        <div class="clearfix"></div>
	                    </div>
	                    <div class="x_content">
	                        <table id="table_artikel" class="table table-striped table-bordered">
	                            <thead>
	                                <tr>
	                                    <th class="text-center">ID</th>
	                                    <th class="text-center">So number</th>
	                                    <th>Filename</th>
	                                    <th class="text-center">Created at</th>
	                                    <th class="text-center">Emas tukar (gr)</th>
	                                    <th class="text-center">Net value (Rp)</th>
	                                    <th class="text-center">Settled value (Rp)</th>
	                                    <th class="text-center">Status</th>
	                                   	<th></th>
	                                </tr>
	                            </thead>
	                            <tbody>
	                            	@forelse($transactions as $transaction)
	                            		<tr>
	                            			<td class="text-center">{{ $transaction->id }}</td>
		                                    <td class="text-center">{{ $transaction->so_number }}</td>
		                                    <td>{{ $transaction->file_name }}</td>
		                                    <td class="text-center">{{ $transaction->created_at }}</td>
		                                    <td class="text-center">{{ $transaction->total_emas_tukaran }}</td>
		                                    <td class="text-right">{{ number_format($transaction->total_net_value) }}</td>
		                                    <td class="text-right">{{ number_format($transaction->total_settled_value) }}</td>
		                                    <td class="text-center">		                                    	
		                                    	@if($transaction->is_executed == (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["PENDING"]["ID"]) {{ (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["PENDING"]["TEXT"] }}

		                                    	@elseif ($transaction->is_executed == (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["PROCESSING"]["ID"]) {{ (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["PROCESSING"]["TEXT"] }}

		                                    	@else {{ (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["EXECUTED"]["TEXT"] }}
		                                		@endif
		                                	</td>
		                                   	<td class="text-center">
		                                   		<a href="{{route('lakuemas_palace_bulk_detail', ['id' => encrypt($transaction->id)]) }}" title="detail" class="btn btn-default btn-xs" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a>	
		                                   		@if($transaction->is_executed == (\App\Models\Bulk_transaksi_palace_master_model::STATUS)["PENDING"]["ID"])
		                                   			<a class="btn btn-success btn-xs" title="execute" href="?id={{ $transaction->id }}"><i class="fa fa-check" aria-hidden="true"></i></a>
		                                   		@endif	                                   		
		                                   	</td>
	                            		</tr>
	                            	@empty
	                            		<tr>
	                            			<td colspan="9" class="text-center">No data</td>
	                            		</tr> 
	                            	@endforelse
	                            </tbody>
	                        </table>
	                        <div class="text-center">{{ $transactions->links() }}</div>
	                    </div>
	                </div>			
				</div>
			</div>
		</div>
		@include('includes.footer')
	</div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
	function do_import()
	{
	    var $form = $('#import_form');

	    $form.find('.btn-loading').removeClass('hidden');
	    $form.find('.btn-import').addClass('hidden');

	    $.ajax({
	        url: 'list/import',
	        method: "POST",
	        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
	        data: new FormData($form[0]),
	        contentType: false,
	        processData: false
	    })
	    .done(function(response) {
	        alert('Data berhasil diinput');
	        location.href = "?id=" + response.id_master;
	    }).error(function(response) {
	        var responseData = response.responseJSON;
	        alert(responseData.error);

	        $form.find('.btn-loading').addClass('hidden');
	        $form.find('.btn-import').removeClass('hidden');
	    });
	    return false;
	}

	function do_execute()
	{
	    var $form = $('#import_form');

	    $form.find('.btn-loading').removeClass('hidden');
	    $form.find('.btn-execute').addClass('hidden');
	    $form.find('.btn-cancel').addClass('hidden');

	    $.ajax({
	        url: 'list/execute',
	        method: "POST",
	        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
	        data: { 'id' : $form.find(".input-id").val() }
	    })
	    .done(function() {
	        alert('Processing Data');
	        location.reload();
	    }).error(function(response) {
	        var responseData = response.responseJSON;
	        alert(responseData.message);

	        $form.find('.btn-loading').addClass('hidden');
	        $form.find('.btn-execute').removeClass('hidden');
	        $form.find('.btn-cancel').removeClass('hidden');
	    });
	    return false;
	}

	function do_cancel()
	{
		if(confirm("Are you sure want to delete?")) {
		    var $form = $('#import_form');

		    $form.find('.btn-loading').removeClass('hidden');
		    $form.find('.btn-execute').addClass('hidden');
		    $form.find('.btn-cancel').addClass('hidden');

		    $.ajax({
		        url: 'list/cancel',
		        method: "POST",
		        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
		        data: { 'id' : $form.find(".input-id").val() }
		    })
		    .done(function() {
		        alert('Bulk transaksi palace berhasil dicancel');
		        location.reload();
		    }).error(function(response) {
		        var responseData = response.responseJSON;
		        alert(responseData.error);

		        $form.find('.btn-loading').addClass('hidden');
		        $form.find('.btn-execute').removeClass('hidden');
		        $form.find('.btn-cancel').removeClass('hidden');
		    });
		}
	    return false;
	}

	$(document).ready(function() {
	    $('#import_form').find(".btn-import").on('click', do_import);
	    $('#import_form').find(".btn-execute").on('click', do_execute);
	    $('#import_form').find(".btn-cancel").on('click', do_cancel);
	});
</script>
@endsection