@extends('layouts.app')

@section('content')
<div class="card">
	<form id="form-edit" action="{{ route('payment_settings.update') }}" method="POST">
		<div class="card-header">
			<h5 class="card-title">Payment Settings</h5>

			<button type="submit" class="btn btn-dark"><i class="fas fa-save"></i> Save</button>
		</div>

		<div class="card-body">
			<div class="container-fluid">
				<div class="form-group row">
					<label class="col-md-2 col-form-label">Shipping Fee</label>

					<div class="col-md-10">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">MYR</span>
							</div>

							<input type="number" class="form-control" name="shipping_fee" step="0.01" value="{{ $setting->shipping_fee }}">
						</div>

						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">Tax</label>

					<div class="col-md-10">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">MYR</span>
							</div>

							<input type="number" class="form-control" name="tax" step="0.01" value="{{ $setting->tax }}">
						</div>

						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">Point Usage Limit</label>

					<div class="col-md-10">
						<div class="input-group">
							<input type="number" class="form-control" name="point_usage_limit" step="0.1" value="{{ $setting->point_usage_limit }}">
							<div class="input-group-append">
								<span class="input-group-text">%</span>
							</div>
						</div>

						<small class="form-text text-muted">required | total percentage of points a user can spend per order</small>
					</div>
				</div>

				<h5 class="mt-5 mb-3">Billplz Payment Gateway</h5>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">Environment</label>

					<div class="col-md-10 pt-2">
						<div class="custom-control custom-control-inline custom-radio">
							<input type="radio" id="env-staging" class="custom-control-input" name="billplz_environment" value="1" @if ($setting->billplz_environment == 1) checked @endif>
							<label for="env-staging" class="custom-control-label">Staging</label>
						</div>

						<div class="custom-control custom-control-inline custom-radio">
							<input type="radio" id="env-production" class="custom-control-input" name="billplz_environment" value="2" @if ($setting->billplz_environment == 2) checked @endif>
							<label for="env-production" class="custom-control-label">Production</label>
						</div>

						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<h6 class="mt-4 mb-3">Staging</h6>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">API Key</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_staging_api_key" value="{{ $setting->billplz_staging_api_key }}">
						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">X Signature Key</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_staging_x_signature_key" value="{{ $setting->billplz_staging_x_signature_key }}">
						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">URL</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_staging_url" value="{{ $setting->billplz_staging_url}}">
						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">Collection ID</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_staging_collection_id" value="{{ $setting->billplz_staging_collection_id }}">
						<small class="form-text text-muted">required</small>
					</div>
				</div>

				<h6 class="mt-4 mb-3">Production</h6>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">API Key</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_production_api_key" value="{{ $setting->billplz_production_api_key }}">
						<small class="form-text text-muted">required when production</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">X Signature Key</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_production_x_signature_key" value="{{ $setting->billplz_production_x_signature_key }}">
						<small class="form-text text-muted">required when production</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">URL</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_production_url" value="{{ $setting->billplz_production_url}}">
						<small class="form-text text-muted">required when production</small>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-2 col-form-label">Collection ID</label>

					<div class="col-md-10">
						<input type="text" class="form-control" name="billplz_production_collection_id" value="{{ $setting->billplz_production_collection_id }}">
						<small class="form-text text-muted">required when production</small>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
@endsection

@section('js')
<script>
	$('#form-edit').submit(function(e)
	{
		$.Event(e).preventDefault();

		const form = $(this);

		$.ajax({
			url: $(this).attr('action'),
			type: $(this).attr('method'),
			data: $(this).serialize(),
			dataType: 'json'

		}).done(function(data)
		{
			showNoty(data);
		});
	});
</script>
@endsection