@extends('admin.layout.app')

@section('heading', 'Add Pricing Plan')

@section('rightside_button')
<a href="{{ route('pricing_show') }}" class="btn btn-primary"><i class="fas fa-list"></i> View All</a>
@endsection

@section('main_content')
<div class="section-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form action="{{ route('pricing_submit') }}" method="post">
@csrf

<div class="row">
<div class="col-md-12">
<h5 class="mb-4">Pricing Plan:</h5>


<!-- Status -->
<div class="mb-4">
				<label class="form-label">Status</label>
				<select name="status" class="form-control">
								<option value="show" {{ old('status') == 'show' ? 'selected' : '' }}>Show</option>
								<option value="hide" {{ old('status') == 'hide' ? 'selected' : '' }}>Hide</option>
				</select>
</div>

<!-- Title and Subtitle -->
<div class="row">
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Title</label>
												<input type="text" class="form-control" name="title" value="{{ old('title') }}">
								</div>
				</div>
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Subtitle</label>
												<input type="text" class="form-control" name="subtitle" value="{{ old('subtitle') }}">
								</div>
				</div>
</div>

<!-- Icon and Price -->
<div class="row">
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Icon</label>
												<input type="text" class="form-control" name="icon" value="{{ old('icon') }}">
								</div>
				</div>
				{{-- step="0.01" It allows decimal numbers with up to two decimal places, like 19.99, 49.50, etc --}}
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Price ($)</label>
												<input type="number" class="form-control" step="0.01" name="price" value="{{ old('price') }}">
								</div>
				</div>
</div>

<!-- Renew -->
<div class="mb-4">
				<label class="form-label">Renew Duration</label>
				<input type="text" class="form-control" name="renew" value="{{ old('renew') }}">
</div>

<!-- List -->
<div class="mb-4">
				<label class="form-label">Feature List (separate by newline)</label>
				<textarea class="form-control" style="height: 150px;" name="list" rows="4">{{ old('list') }}</textarea>
</div>

<!-- Button Text and URL -->
<div class="row">
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Button Text</label>
												<input type="text" class="form-control" name="button_text" value="{{ old('button_text') }}">
								</div>
				</div>
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Button URL</label>
												<input type="url" class="form-control" name="button_url" value="{{ old('button_url') }}">
								</div>
				</div>
</div>

<!-- Badge and Badge Percentage -->
<div class="row">
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Badge</label>
												<input type="text" class="form-control" name="badge" value="{{ old('badge') }}">
								</div>
				</div>
				<div class="col-md-6">
								<div class="mb-4">
												<label class="form-label">Badge Percentage</label>
												<input type="text" class="form-control" name="badge_percentage" value="{{ old('badge_percentage') }}">
								</div>
				</div>
</div>


<!-- Submit -->
<div class="mb-4">
				<button type="submit" class="btn btn-primary">Submit</button>
</div>

</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection