@extends('layouts.userLayout')
@section('content')

@php
	use App\Libraries\FileSystem;
@endphp

<!-- ==== Breadcame ==== -->
<div class="breadcrumb_bg_img">
	<div class="page_heading">Teacher's Profile</div>
</div>
<!-- ==== Breadcame ==== -->
<!-- ==== Teacher Profile Section Start ==== -->
<section class="dashboard_section edit_profile_section">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="dashboard_sec_area">
					<div class="dashboard_inner_area">
						<div class="left_sidebar">
							@include('teacher.dashboard.sidebar')
						</div>
						<div class="right_sec_area">
							<div class="edit_profile_area">
								<div class="icon_profile_sec">
									<div class="back_icon">
										<a href="{{ route('teacher.profile') }}">
											<i class="fas fa-angle-left"></i>
										</a>
									</div>
									<div class="profile_img_area">
										<div class="image_sec">
											<div class="img_area image">
                                                <div class="progress_loader d-none">
                                                    <i class="far fa-spin fa-spinner"></i>
                                                </div>
                                                <img 
                                                    id="profile_pic_img"
                                                    data-path="profile" 
                                                    data-resize-large="730*461"
                                                    data-resize-medium="350*350"
                                                    data-resize-small="250*250" 
                                                    class="profile-user-img"
                                                    data-url="{{ route('user.updatePicture') }}"
                                                    data-default-image="{{ asset('assets/img/noprofile.png') }}"
                                                    src="{{ General::renderProfileImage(FileSystem::getAllSizeImages(isset($user['image']) && $user['image'] ? $user['image'] : ''),'medium') }}"
                                                    alt="Profile Image"
                                                    />
                                                <div class="iconwrap">
                                                	<a href="javascript:;" id="profile_pic">
	                                                    <label for="profile_pic" class="icon_row">
															<img src="{{ url('frontend/images/white_pen.png') }}" alt="..." />
														</label>
                                                	</a>
                                                </div>
                                            </div>
										</div>
									</div>
								</div>									
								<div class="form_area_box">
									@include('user.partials.flash_messages')
		                            <form action="" method="post" class="form-validation">
		                            	{{ csrf_field() }}
		                            	<input type="hidden" name="image">

		                            	<div class="row">
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			    <label class="set_label">First Name</label>
		                            			    <input type="text" class="form-control" name="first_name" value="{{ isset($user['first_name']) && $user['first_name'] ? $user['first_name'] : '--'; }}" />
		                            			</div>	
		                            		</div>
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			    <label class="set_label">Last Name</label>
		                            			    <input type="text" class="form-control" name="last_name" value="{{ isset($user['last_name']) && $user['last_name'] ? $user['last_name'] : '--'; }}" />
		                            			</div>
		                            		</div>
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			    <label class="set_label">Phone</label>
		                            			    <input type="number" class="form-control" minlength="10" maxlength="10" name="phonenumber" value="{{ isset($user['phonenumber']) && $user['phonenumber'] ? $user['phonenumber'] : '--'; }}" />
		                            			</div>	
		                            		</div>
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			    <label class="set_label">Email ID</label>
		                            			    <input type="text" class="form-control" name="email" value="{{ isset($user['email']) && $user['email'] ? $user['email'] : '--'; }}" />
		                            			    <label id="email-error" class="error" for="email">@error('email') {{ $message }} @enderror</label>
		                            			</div>	
		                            		</div>
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			    <label class="set_label">Gender</label>
		                            			    <select name="gender" class="form-control">
		                                                <option value="male" @if(isset($user->gender) && $user->gender == 'male'): selected @endif >Male</option>
		                                                <option value="female" @if(isset($user->gender) && $user->gender == 'female'): selected @endif >Female</option>
		                                            </select>
		                            			</div>
		                            		</div>
		                            		<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
		                            			<div class="form-group">
		                            			   <div class="form-group">
		                            			    	<label class="set_label">Qualifications</label>
			                            			    <input type="text" class="form-control" name="qualifications" placeholder="Qualifications" value="{{ isset($user['qualifications']) && $user['qualifications'] ? $user['qualifications'] : ''; }}" />
			                            			</div>
		                            			</div>
		                            		</div>
		                            	</div>
		                                <div class="button_row">
		                                    <button type="submit" class="btn-primary">Save</button>
		                                    <a href="{{ route('teacher.profile') }}" class="btn-primary cancel_btn">Cancel</a>
		                                </div>
		                            </form>
		                        </div>
							</div>
							<div class="bg_image d-xl-block d-none">
								<img src="{{ url('frontend/images/pencil_img.png') }}" alt="..." />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Teacher Profile Section End ==== -->

@endsection