@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
	@endpush
	<!-- begin panel -->
	<div class="panel panel-inverse " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{$title}}
			</h4>
		</div>
		<div id="info-alert" class="alert" style="display:none">
			<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
			<div class="alert-container"></div>
		</div>
		<div class="panel-body">
			<div class="row">
				<div class="col-md-12">
					<form class="form-horizontal" data-parsley-validate="true" method="post" enctype="multipart/form-data" name="post">
						<div class="form-group">
							<label class="control-label col-md-4 col-sm-4" for="required">Amount:</label>
							<div class="col-md-6 col-sm-6">
								<input type="text" name="amount" class="form-control" placeholder="0" min="0" max="20000000000" step="100" data-parsley-validation-threshold="1" data-parsley-trigger="keyup" data-parsley-type="number" value="" data-parsley-required="true" required />
							</div>
						</div>
						<div class="form-group">
							<label class="col-form-label col-md-4 col-sm-4" for="required">From:</label>
							<div class="col-md-6 col-sm-6">
								<select name="from" class="form-control">
                                    @php $currencies = \App\Models\Currency::get();@endphp
                                    @foreach($currencies as $currency)
									    <option value="{{$currency->signature}}">{{$currency->symbol.' - '.$currency->name}}</option>
                                    @endforeach
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-form-label col-md-4 col-sm-4" for="required">To:</label>
							<div class="col-md-6 col-sm-6">
								<select name="to" class="form-control">
                                    @foreach($currencies as $currency)
                                        <option value="{{$currency->signature}}">{{$currency->symbol.' - '.$currency->name}}</option>
                                    @endforeach
								</select>
							</div>
						</div>
						@if(session('error') === NULL)
							<div class="form-group">
								<label class="col-form-label col-md-4 col-sm-4" for="required"></label>
								<div class="col-md-6 col-sm-6">
									<div class="row">
										<div class="col-md-3">
											<button type="submit" class="btn btn-sm btn-success" name="convert"><i class="fa fa-refresh"></i> Convert</button>
										</div>
										<div class="col-md-9">
											@if(!empty($result))
											<div class="alert alert-success">
												<p class="lead">{{number_format($amount,2).' '.$from.' = '.number_format($result,2).' '.$to}}</p>
											</div>
											@endif
										</div>
									</div>
								</div>
							</div>
						@else
							<div class="col-md-6 alert alert-danger">
								<p class="lead">{{session('error')}}</p>
							</div>
						@endif
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection