@extends('layouts.admin')
@section('title') Add Plan @endsection
@section('content')
<div class="row justify-content-end">
	<div class="col-md-4">
		<a class="btn-one" href="{{ route('admin.manage-plans') }}"><i class="fa-regular fa-plus"></i> All Plans</a>
	</div>
</div>
<div class="row">
	<div class="col-md-12 mb-5">
		<div class="bg-white card-box border-20">
			<h4><i class="fa-regular fa-plus"></i>Add New Plan</h4><hr>
			<form method="post" action="{{ route('admin.insert-plan') }}">
				@csrf
				<div class="row">
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Title (EN):</label>
							<input class="form-control" value="{{ old('title_en') }}"  name="title_en" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Title (KM):</label>
							<input class="form-control" value="{{ old('title_km') }}"  name="title_km" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Monthly Price: ({{ $settings->currency_symbol }})</label>
							<input class="form-control" type="number" step="0.01" value="{{ old('monthly_price') }}"  name="monthly_price" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Yearly Price: ({{ $settings->currency_symbol }})</label>
							<input class="form-control" type="number" step="0.01" value="{{ old('yearly_price') }}"  name="yearly_price" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Allowed Property Listing: (-1 for unlimmited)</label>
							<input class="form-control" type="number" min="-1" step="0.1" value="{{ old('allowed_properties') }}" id="allowedProperties"  name="allowed_properties" required>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Get Suggested Market Price:</label>
							<select name="get_market_price" class="form-control">
								<option value="yes">Yes</option>
								<option value="no">No</option>
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Social Media Boost:</label>
							<select name="social_media_boost" class="form-control">
								<option value="yes">Yes</option>
								<option value="no">No</option>
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Access Downloads:</label>
							<select name="access_downloads" class="form-control">
								<option value="yes">Yes</option>
								<option value="no">No</option>
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Access Affiliates:</label>
							<select name="access_affiliates" class="form-control">
								<option value="yes">Yes</option>
								<option value="no">No</option>
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Enable Trial:</label>
							<select name="enable_trial" class="form-control">
								<option value="yes">Yes</option>
								<option value="no">No</option>
							</select>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dash-input-wrapper mb-30">
							<label>Status:</label>
								<input name="status" value="active" type="checkbox" data-toggle="switchbutton" checked data-onlabel="<i class='fa-regular fa-check text-white'></i> Active" data-offlabel="<i class='fa-regular fa-multiply text-danger'></i> Inactive">
						</div>
					</div>
					<div class="col-md-12">
						<div class="dash-input-wrapper mb-30">
							<label>&nbsp;</label>
							<div class="d-grid">
								<button type="submit" class="btn btn-two btn-block"><i class="fa-regular fa-plus text-white"></i> Add New Plan</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection