@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
	<div class="content">
		<div class="page-title mt-5">
			<h3 class="text-center mb-1">Create a Category</h3>
			<p class="text-center">Create and organize your categories. </p>
		</div>
		@include('layouts.errors')
		<div class="container mt-5">
			<form method="post" action="{{ route('categories.store') }}">
			@csrf
				<div class="row justify-content-center">
					<div class="col-md-6">
						<div class="add-product">
							<label class="form-label">Category Name</label>
							<input type="text" class="form-control" name="name" id="name" value="{{ old('name') }}" required>
						</div>
						<div class="add-product mt-3 mb-4">
							<label class="form-label"> Select Category</label>
							<select class="select" name="type" id="type" required> 
								<option value="">Choose One</option>
								<option value="Income" {{ old('type') == 'Income' ? 'selected' : '' }}>Income</option>
								<option value="Expense" {{ old('type') == 'Expense' ? 'selected' : '' }}>Expense</option>
							</select>
						</div>
						<div class="col-lg-12">
							<div class="btn-addproduct ">
								<a href="{{ route('categories.index') }}" class="btn btn-cancel me-2">Cancel</a>
								<button type="submit" class="btn btn-submit ">Save</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
 </div>

@endsection