@extends('layouts.app')

@section('content')
<div class="card">
	<form id="form-edit" action="{{ route('settings.products.update') }}" method="POST">
		<div class="card-header d-flex align-items-center justify-content-between">
			<h5 class="mb-0">Product Settings</h5>

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

		<div class="card-body">
			<div class="container-fluid">
				<h6 class="mb-3">Filter</h6>

				<div class="row mb-3">
					<label class="col-md-2 col-form-label">Minimum Price</label>

					<div class="col-md-10">
                        <div class="input-group">
                            <span class="input-group-text">{{ config('app.currency') }}</span>
						    <input type="number" class="form-control" name="filter_minimum_price" value="{{ $setting->filter_minimum_price }}">
                        </div>

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

				<div class="row mb-3">
					<label class="col-md-2 col-form-label">Maximum Price</label>

					<div class="col-md-10">
                        <div class="input-group">
                            <span class="input-group-text">{{ config('app.currency') }}</span>
						    <input type="number" class="form-control" name="filter_maximum_price" value="{{ $setting->filter_maximum_price }}">
                        </div>

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

				<div class="row mb-3">
					<label class="col-md-2 col-form-label">Step</label>

					<div class="col-md-10">
						<input type="number" class="form-control" name="filter_step" value="{{ $setting->filter_step }}">

						<div class="form-text">required</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
@endsection

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

		const form = $(this);

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

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