@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>Add Rewards</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="bg-dark rounded-3 px-4 py-4 px-xl-6 py-xl-5 mb-4">
        <form id="addrewardsform" role="form" method="post" action="{{ url('/admin/rewards/storerewards') }}" enctype="multipart/form-data">
			@csrf
			<h4>Rewards Definition</h4>
			<hr/>
			<div class="row gx-4 gx-xl-5 mb-4">
				<div class="col-sm-6 col-md-4 col-lg-4">
					<div class="mb-4">
						<label for="reward_name" class="form-label">Reward Name <span class="required-mark">*</span></label>
						<input type="text" name="reward_name" class="form-control form-control-lg @error('reward_name') is-invalid @enderror" id="reward_name" placeholder="Reward Name" value="{{ old('reward_name') }}">
						@error('reward_name')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-6 col-md-4 col-lg-4">
					<div class="mb-4">
						<label for="reward_image" class="form-label">Reward Image <span class="required-mark">*</span></label>
						<input type="file" name="reward_image" class="form-control form-control-lg bg-secondary @error('reward_image') is-invalid @enderror" id="reward_image" accept="image/jpg, image/jpeg, image/png">
						@error('reward_image')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-6 col-md-4 col-lg-4">
					<div class="mb-4">
						<label for="reward_description" class="form-label">Reward Description <span class="required-mark">*</span></label>
						<input type="text" name="reward_description" class="form-control form-control-lg @error('reward_description') is-invalid @enderror" id="reward_description" placeholder="Reward Description" value="{{ old('reward_description') }}">
						@error('reward_description')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<h4>Rule 1 - Per Customer Basis</h4>
			<hr/>
			<div class="row gx-4 gx-xl-5 mb-4">
				<div class="col-sm-4 col-md-2 col-lg-2">
					<div class="mb-4">
						<label for="r1_total_client" class="form-label">NTC <span class="required-mark">*</span></label>
						<input type="number" name="r1_total_client" class="form-control form-control-lg @error('r1_total_client') is-invalid @enderror" placeholder="Number of total client" id="r1_total_client" value="{{ old('r1_total_client') }}">
						@error('r1_total_client')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-2 col-lg-2">
					<div class="mb-4">
						<label for="r1_operator" class="form-label">Operator <span class="required-mark">*</span></label>
						<select name="r1_operator" class="form-control form-control-lg bg-secondary @error('r1_operator') is-invalid @enderror" id="r1_operator" >
							<option value="and">AND</option>
							<option value="or">OR</option>
						</select>
						@error('r1_operator')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-3 col-lg-3">
					<div class="mb-4">
						<label for="r1_total_lots" class="form-label">Min.Traded Lots Per Client <span class="required-mark">*</span></label>
						<input type="text" name="r1_total_lots" class="form-control form-control-lg @error('r1_total_lots') is-invalid @enderror" placeholder="Min.Traded Lots Per Client" id="r1_total_lots" value="{{ old('r1_total_lots') }}">
						@error('r1_total_lots')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-2 col-lg-2">
					<div class="mb-4">
						<label for="r1_operator_1" class="form-label">Operator <span class="required-mark">*</span></label>
						<select name="r1_operator_1" class="form-control form-control-lg bg-secondary @error('r1_operator_1') is-invalid @enderror" id="r1_operator_1" >
							<option value="and">AND</option>
							<option value="or">OR</option>
						</select>
						@error('r1_operator_1')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-3 col-lg-3">
					<div class="mb-4">
						<label for="r1_total_deposit" class="form-label">Min.Deposits Per Client <span class="required-mark">*</span></label>
						<input type="number" name="r1_total_deposit" class="form-control form-control-lg @error('r1_total_deposit') is-invalid @enderror" placeholder="Min.Deposits Per Client" id="r1_total_deposit" value="{{ old('r1_total_deposit') }}">
						@error('r1_total_deposit')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5 mb-4">
				<div class="col-sm-12 col-md-12 col-lg-12">
					<div class="mb-4 ruleoperatorborder">
						<div class="ruleoperator">
							<label for="rule_operator" class="form-label">Operator <span class="required-mark">*</span></label>
							<select name="rule_operator" class="form-control form-control-lg bg-secondary @error('rule_operator') is-invalid @enderror" id="rule_operator" >
								<option value="and">AND</option>
								<option value="or">OR</option>
							</select>
							@error('rule_operator')
							<div class="invalid-feedback">
								{{ $message }}
							</div>
							@enderror
						</div>
					</div>
				</div>
			</div>
			<h4>Rule 2 - Total Customer Basis</h4>
			<hr/>
			<div class="row gx-4 gx-xl-5 mb-4">
				<div class="col-sm-4 col-md-3 col-lg-3">
					<div class="mb-4">
						<label for="r2_total_deposit" class="form-label">Total Deposit <span class="required-mark">*</span></label>
						<input type="number" name="r2_total_deposit" class="form-control form-control-lg @error('r2_total_deposit') is-invalid @enderror" placeholder="Total Deposit" id="r2_total_deposit" value="{{ old('r2_total_deposit') }}">
						@error('r2_total_deposit')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-2 col-lg-2">
					<div class="mb-4">
						<label for="r2_operator" class="form-label">Operator <span class="required-mark">*</span></label>
						<select name="r2_operator" class="form-control form-control-lg bg-secondary @error('r2_operator') is-invalid @enderror" id="r2_operator" >
							<option value="and">AND</option>
							<option value="or">OR</option>
						</select>
						@error('r2_operator')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
				<div class="col-sm-4 col-md-3 col-lg-3">
					<div class="mb-4">
						<label for="r2_total_lots" class="form-label">Total Traded Lots <span class="required-mark">*</span></label>
						<input type="text" name="r2_total_lots" class="form-control form-control-lg @error('r2_total_lots') is-invalid @enderror" placeholder="Total Traded Lots" id="r2_total_lots" value="{{ old('r2_total_lots') }}">
						@error('r2_total_lots')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5 mb-4">
				<div class="col-md-12 pt-2">
					<button class="btn btn-primary btn-xs font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">@lang('translate.submit')</button>
				</div>
			</div>
		</form>
	</div>
</div>
@endsection