@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="{{ url('/dashboard') }}">Home</a></li>
						<li class="active">Bulk Transaction</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">
								{{ csrf_field() }}
								<input type="hidden" class="input-id">
								<div class="form-group">
									<label for="">File :</label>
									<input type="file" name="file" class="form-control">
								</div>
								<div class="form-group hidden form-group-hidden hidden">
									<label for="">Net value :</label>
									<input type="number" class="form-control input-total-net-value" placeholder="Net value">
								</div>
								<div class="form-group">
									<label for="">Total Settled Value</label>
									<input type="text" name="total_settled_value" class="form-control input-total-settle" id="total_settled_value">
								</div>
								<div class="form-group form-group-hidden hidden">
									<label for="">Total emas tukar</label>
									<input type="text" class="form-control input-total-emas-tukar">
								</div>					
								<div class="form-group">
									<i class="fa fa fa-spinner fa-pulse hidden btn-loading"></i> 
									<button class="btn btn-primary btn-sm btn-import">Import</button>
									<button class="btn btn-success btn-sm hidden btn-execute">Execute</button>
									<button class="btn btn-danger btn-sm hidden btn-cancel">Cancel</button>
								</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="clearfix"></div>
	                    </div>
	                    <div class="x_content">
	                        <table id="table_artikel" class="table table-condensed">
	                            <thead>
	                                <tr>
	                                    <th class="text-center">No</th>
	                                    <th>Nama File</th>
	                                    <th class="text-center">Tgl Upload</th>
	                                    <th class="text-center">Total Tukar (gr)</th>
	                                    <th class="text-center">Total Net</th>
	                                    <th class="text-center">Batch</th>
	                                    <th class="text-center">Status</th>
	                                   	<th></th>
	                                </tr>
	                            </thead>
	                            <tbody>
	                            	@forelse($transactions as $transaction)
	                            		<tr>
	                            			<td class="text-center">{{ $loop->iteration }}</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-center">Rp. {{ number_format($transaction->total_net_value) }},-</td>
		                                    <td class="text-center">Rp. {{ number_format($transaction->total_settled_value) }},-</td>
		                                    <td class="text-center">@if($transaction->is_executed == 1) executed @else pending @endif</td>
		                                   	<td class="text-center">
		                                   		<a href="{{route('lakuemas_palace_bulk_detail', encrypt($transaction->id))}}" title="detail" class="btn btn-default btn-xs"><i class="fa fa-search" aria-hidden="true"></i></a>	
		                                   		@if($transaction->is_executed != "1")
		                                   			<a class="btn btn-success btn-xs btn-execute" data-id="{{ $transaction->id }}" title="execute"><i class="fa fa-check" aria-hidden="true"></i></a>	
		                                   		@endif	                                   		
		                                   	</td>
	                            		</tr>
	                            	@empty
	                            		<tr>
	                            			<td colspan="7" 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 src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>
<script src="{{ url('/js/lakuemas_palace/bulk_transaction.min.js') }}"></script>
@endsection