@extends('layouts.counselling')
@section('content')
<section class="newpage" style="padding-bottom:10px;">
	<div class="innermenu">
		<div class="container">
			<div class="row">
				<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
					<div class="link-path">
						<ul>
                            <li>Dashboard</li>
                            <li>/</li>
                            <li class="active">Counselling Setup</li>
                        </ul>
					</div>
				</div>
			</div>
			<div class="councelling_full">
				<div class="row">
					<div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
						<div class="boxes">
							<div class=" councelling_left_sec">
								<ul>
									<li> <a href="#started_sect">Counselling Categories</a> </li>
									<li> <a href="#availability_sect">Your Availability</a> </li>
									<li style="border-bottom:0px solid #dcdcdc;"> <a href="#pricing_sect">Pricing</a> </li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
					<form method="post" name="counselling_setup" id="counselling_setup" action="/save_counselling_setup">
						<div class="boxes">
							<div class="councelling_right_sec">
								<div class="councelling_right_cont">
								<div id="started_sect"></div>
									<div class="councelling_btm_cont">
									<h1>Choose Your Categories</h1>
										<div class="councelling_btm_chek">
										   												<div class="councelling_field_chek">
												Please add categories
											</div>
																						<label id="counseller_category_id[]-error" class="error" for="counseller_category_id[]" style="visibility: visible; color: red;">&nbsp;</label>
										</div>
									</div>
								</div>
									<div class="councelling_btm_cont" id="availability_sect">
									<h1>Your Availability</h1>
									<div class="youravail_drpdn">
										<label>Frequency</label>
										<div class="youravail_selct youravail_selct1">
											<div class="float-left w-auto">
												<select class="selectpicker" name="frequency[]" id="frequency" multiple>
													<option value="Sunday" >Sunday</option>
													<option value="Monday" >Monday</option>
													<option value="Tuesday" >Tuesday</option>
													<option value="Wednesday" >Wednesday</option>
													<option value="Thursday" >Thursday</option>
													<option value="Friday" >Friday</option>
													<option value="Saturday" >Saturday</option>
												</select>
											
											<label id="frequency-error" class="error" for="frequency" style="visibility: visible; color: red;">&nbsp;</label>
											</div>
											<!-- 
											<div class="councelling_btm_chek councelling_btm_chek1">
												<div class="councelling_field_chek repeat-cycle">
													<input type="checkbox" id="student_experienced1">
													<label for="student_experienced1">Repeat Cycle</label>
												</div>
											</div> 
											-->
										</div>
									<div class="youravail_drpdn">
										<label>Session length</label>
										<div class="youravail_selct">
											<select class="selectpicker" name="session_length" id="session_length" Onchange="GetPrice(this.value);">
												<option value="" selected disabled>Select option </option>
												<option value="30" >30 minutes</option>
												<option value="60" >60 minutes</option>
												<option value="90" >90 minutes</option>
											</select>
										<label id="session_length-error" class="error" for="session_length" style="visibility: visible; color: red;">&nbsp;</label>
										</div>
									</div>
									<div class="youravail_radi">
										<label class="youravail_lab">Session location</label>
										<div class="add-authors">
											<div class="radio">
											<input name="session_location" id="session_location_1" value="Online"  type="radio">
											<label for="session_location_1" class="session">Online</label>
                                            </div>
                                        <div class="radio">
											<input name="session_location" id="session_location_2" value="Offline"  type="radio">
											<label for="session_location_2" class="session">Offline</label>
                                        </div>
										<label id="session_location-error" class="error" for="session_location" style="visibility: visible; color: red;">&nbsp;</label>
                                        </div>
									</div>
									<div class="youravail_radi">
										<label class="youravail_lab">Availability</label>
										<div class="add-authors">
											<div class="radio">
											<input name="availability" id="availability_1" value="On"  type="radio">
											<label for="availability_1" class="session">On</label>
                                            </div>
                                        <div class="radio">
											<input name="availability" id="availability_2" value="Off"  type="radio">
											<label for="availability_2" class="session">Off</label>
                                        </div>
										<label id="availability-error" class="error" for="availability" style="visibility: visible; color: red;">&nbsp;</label>
										</div>
									</div>
								</div>
							</div>
								<div class="councelling_btm_cont" id="pricing_sect" style="border-bottom:0px solid #dcdcdc;">
								<h1>Pricing</h1>
									<div class="councelling_field_inpt">
										<label for="">Price</label>
										<input type="number" id="price" name="price" value="" placeholder="Enter Price" readonly>
										<label id="price-error" class="error" for="price" style="visibility: visible; color: red;">&nbsp;</label>
									</div>
								</div>
							</div>
						</div>
						<div class="dwn_btns">
							<div class="course-setup-btn">
														<button type="submit" name="save" value="publish" class="alt_btn_set mr-10">Save and Publish <i class="fas fa-arrow-right"></i></button>
														</div>
						</div>
					</form>
					</div>
	</div>
</div>
</div>
</div>
</section>

@endsection