@extends('layouts.app')
@section('title', $page_title)
@section('content')

@section('extra_style')

<style>
    .text-discription textarea {
        width: 100% !important;
        border-radius: 3px !important;
        color: #555 !important;
        padding: 5px 10px !important;
        font-size: 14px !important;
        background: #f9f9f9 !important;
        border: 1px solid rgba(0,0,0,.1) !important;
        /* height: 45px !important; */
    }
</style>

@endsection


<section class="content">
	<div class="row">
		<div class="col-xs-12 col-md-12">
			<div class="box">
				<div class="box-body">
					<div class="inner-head-section">
						<div class="row align-items-center">
							<div class="col-md-6 col-xs-12 text-left">
								<div class="inner-title"> <span>Add New Plan</span> </div>
							</div>
							<div class="col-md-6 col-xs-12 text-right">
								<div class="all-vol-btn">
									<a href="https://www.ryzeproducts.com/admin/categories">
										<button type="button">Back</button>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="card-box-area">
						<div class="card-box-area-inner">
							<div class="row justify-content-center">
								<div class="col-md-12">
									<form action="https://www.ryzeproducts.com/admin/categories/save" method="post" enctype="multipart/form-data">
										<input type="hidden" name="_token" value="6LcmN9tNhCNQvkq0y0ZspNfmi04FVXb6PLW6qmOW">
										<input type="hidden" name="id" value="0">
										<input type="hidden" name="type" value="category">
										<div class="form-role-area">
											<div class="control-group info">
												<div class="row align-items-center">
													<div class="col-md-3">
														<label class="span2">Plan Name</label>
													</div>
													<div class="col-md-9">
														<input class="form-control" type="text" placeholder="Name" maxlength="50" name="name" value=""> </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
													<div class="col-md-3">
														<label class="span2">Short Descripition</label>
													</div>
													<div class="col-md-9">
														<input class="form-control" type="text" placeholder="Enter short descripition" maxlength="50" name="name" value=""> </div>
												</div>
											</div>
											<div class="form-role-area">
												<input class="form-control" type="hidden" name="template_id" value="3">
												<div class="form-role-area">
													<div class="control-group info">
														<div class="row align-items-center">
															<div class="col-md-3">
																<label class="span2">Long Description</label>
															</div>
															<div class="col-md-9">
                                                                <div class="text-discription">
                                                                    <textarea name="category_dispersion" id="" rows="10" Placeholder="Enter long descripition"></textarea>
                                                            @error('category_dispersion')
                                                                    <label class="text-danger mt-3">{{$message}}</label>
                                                            @enderror
                                                                </div>
															</div>
														</div>
													</div>
													<div class="form-role-area">
														<div class="control-group info">
															<div class="row align-items-center">
																<div class="col-md-3">
																	<label class="span2">Price</label>
																</div>
																<div class="col-md-9">
                                                                    <input class="form-control" type="number" placeholder="Enter price" maxlength="50" name="name" value=""> </div>
																</div>
															</div>
														</div>
													</div>

													<div class="form-role-area">
														<div class="control-group info">
															<div class="row align-items-center">
																<div class="col-md-3">
																	<label class="span2">Validity Plan</label>
																</div>
																<div class="col-md-9">
                                                                    <input class="form-control" type="number" placeholder="Enter Validity" maxlength="50" name="name" value=""> </div>
																</div>
															</div>
														</div>
													</div>

													<div class="control-group info">
														<div class="row align-items-center">
															<div class="col-md-3">
																<label class="span2">Payment Process</label>
															</div>
															<div class="col-md-9">
																<input class="form-control" type="text" placeholder="Enter payment process" maxlength="50" name="name" value=""> </div>
														</div>
													</div>

													<div class="control-group info">
														<div class="row align-items-center">
															<div class="col-md-3">
																<label class="span2">Upload Logo</label>
															</div>
															<div class="col-md-9">
																<input type="file">
															</div>
														</div>
													</div>

													<div class="form-role-area">
														<div class="control-group info">
															<div class="next-step-btn">
																<div class="universal-border-sitecolor-btn">
																	<a href="https://www.ryzeproducts.com/admin/categories">
																		<button type="button">Back</button>
																	</a>
																</div>
																<div class="universal-sitecolor-btn">
																	<button type="submit">Submit</button>
																</div>
															</div>
														</div>
													</div>



												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

@section('extra_scripts')


@endsection

@endsection