@extends('dashboard_connect.dash_master')
@section('pagescontents')
@foreach($userroleData as $keyone => $itemone)
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Dashboard</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">ERP Master</a></li>
				<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->

	<!-- ROW-1 OPEN -->
	@if($chkmessage == "NotChanged")
		<div class="row">
			<div class="col-lg-12">
				<div class="alert alert-danger" role="alert">
					<span class="alert-inner--icon me-2"><i class="fe fe-bell"></i></span>
					<span class="alert-inner--text">
						<strong>Hi User!</strong> Please change your temporary password immediately by clicking on the 'Account Settings' link given below.
					</span>
				</div>
			</div>
		</div>
		<br><br>
	@endif
	<div class="row" id="user-profile">
		<div class="col-lg-12">
			<div class="card">
				<div class="card-body">
					<div class="row align-items-center">
						<div class="col-lg-12 col-md-12 col-xl-6">
							<div class="d-flex flex-wrap align-items-center">
								<div class="profile-img-main rounded">
									<img src="{{ ($itemone->profile_photo_path!='NA')? url('upload/profile_image/'.$itemone->profile_photo_path) : asset('cldassets/assets/images/faces/6.jpg') }}" alt="img" class="m-0 p-1 rounded hrem-6">
								</div>
								<div class="ms-4">
									<h4>{{ Str::upper($itemone->title) }} {{ Str::upper($itemone->name) }} {{ Str::upper($itemone->lname) }}</h4>
									<p class="text-muted mb-2">{{ Str::upper($itemone->roledesig) }} - DEPARTMENT OF {{ Str::upper($itemone->department) }}</p>
									<p class="text-muted mb-2">College ERP Member Since: {{ \Carbon\Carbon::parse($itemone->created_at)->format('d-m-Y') }}</p>
									<a href="#" class="btn btn-secondary btn-sm"><i class="fa fa-envelope"></i> {{ $itemone->email }}</a>
								</div>
							</div>
						</div>
						<div class="col-lg-12 col-md-12 col-xl-6">
							<div class="d-md-flex flex-wrap justify-content-lg-end">
								<div class="media m-3">
									<div class="media-icon bg-primary me-3 mt-1">
										<i class="fe fe-phone fs-20 text-white"></i>
									</div>
									<div class="media-body">
										<span class="text-muted">Mobile</span>
										<p class="mb-0"> {{ $itemone->mobileno }} </p>
									</div>
								</div>
								<div class="media m-3">
									<div class="media-icon bg-info me-3 mt-1">
										<i class="fe fe-mail  fs-20 text-white"></i>
									</div>
									<div class="media-body">
										<span class="text-muted">Alt Email</span>
										<p class="mb-0"> {{ $itemone->altemail }} </p>
									</div>
								</div>
							</div>
						</div>						
					</div>
				</div>
				<div class="border-top">
					<div class="wideget-user-tab">
						<div class="tab-menu-heading">
							<div class="tabs-menu1">
								<ul class="nav">
									<li><a href="#profileMain" class="active show" data-bs-toggle="tab">Profile</a></li>
									<li><a href="#editProfile" data-bs-toggle="tab">Edit Profile</a></li>
									<li><a href="#accountSettings" data-bs-toggle="tab" style="color: red">Account Settings</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab-content">
				<div class="tab-pane active show" id="profileMain">
					<div class="card">
						<div class="card-body p-0">

							<div class="p-5">
								<h3 class="card-title">Contact</h3>
								<div class="d-sm-flex">
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-primary-transparent text-primary"> <i class="fe fe-phone fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Phone (Office)</span>
													<p class="mb-0"> {{ $itemone->phoffice }} </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-success-transparent text-success"> <i class="fe fe-slack fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Phone (Residence)</span>
													<p class="mb-0"> {{ $itemone->phresd }} </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-info-transparent text-info"> <i class="fe fe-map-pin fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Communication Address</span>
													<p class="mb-0"> {{ $itemone->commaddress }} </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-warning-transparent text-info"> <i class="fe fe-map-pin fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Permanent Address</span>
													<p class="mb-0"> {{ $itemone->permaddress }} </p>
												</div>
											</div>
										</div>
									</div>									
								</div>
							</div>
							<div class="border-top"></div>
							<div class="p-5">
								<h3 class="card-title">Social</h3>
								<div class="d-md-flex">
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-primary-transparent text-primary"> <i class="fe fe-facebook fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Facebook</span>
													<p class="mb-0"> <a href="{{ $itemone->facebookurl }}" class="text-default">facebook.com</a> </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-success-transparent text-success"> <i class="fe fe-twitter fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Twitter</span>
													<p class="mb-0"> <a href="{{ $itemone->twitterurl }}" class="text-default">twitter.com</a> </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-info-transparent text-info"> <i class="fe fe-linkedin fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Linkedin</span>
													<p class="mb-0"> <a href="{{ $itemone->linkedinurl }}" class="text-default">linkedin.com</a> </p>
												</div>
											</div>
										</div>
									</div>
									<div>
										<div class="main-profile-contact-list">
											<div class="media mx-2">
												<div class="media-icon bg-warning-transparent text-warning"> <i class="fe fe-globe fs-21"></i> </div>
												<div class="media-body ms-2">
													<span class="text-muted">Website</span>
													<p class="mb-0"> <a href="{{ $itemone->weblink }}" class="text-default">{{ $itemone->weblink }}</a> </p>
												</div>
											</div>
										</div>
									</div>									
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane" id="editProfile">
					<div class="card">
						<div class="card-body">
							<form class="form-horizontal" method="POST" action="{{ route('profile.info.update', $itemone->id)}}" enctype="multipart/form-data">
							@csrf
								@php
									$strmobilemsg = "";
									if($mobilenoperm == "Yes"){
										$strmobilemsg = "checked";
									}else{
										$strmobilemsg = "";
									}
									$strphoffcmsg = "";
									if($phofficeperm == "Yes"){
										$strphoffcmsg = "checked";
									}else{
										$strphoffcmsg = "";
									}
									$strresdnmsg = "";
									if($phresdnperm == "Yes"){
										$strresdnmsg = "checked";
									}else{
										$strresdnmsg = "";
									}
									$strcommmsg = "";
									if($commaddperm == "Yes"){
										$strcommmsg = "checked";
									}else{
										$strcommmsg = "";
									}
									
									$strwebmsg = "";
									if($website == "Yes"){
										$strwebmsg = "checked";
									}else{
										$strwebmsg = "";
									}
									
									$strfbmsg = "";
									if($facebook == "Yes"){
										$strfbmsg = "checked";
									}else{
										$strfbmsg = "";
									}
									
									$strtwitmsg = "";
									if($twitter == "Yes"){
										$strtwitmsg = "checked";
									}else{
										$strtwitmsg = "";
									}
									
									$strlinkdmsg = "";
									if($linkedin == "Yes"){
										$strlinkdmsg = "checked";
									}else{
										$strlinkdmsg = "";
									}									
								@endphp
								<div class="mb-4 main-content-label">Personal Info</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="title" class="form-label">Title</label>
										</div>
										<div class="col-md-9">
											<select class="form-control select2-show-search form-select" data-placeholder="Select Title" id="title" name="title">
												<option value=""></option>
												<option value='Prof.' {{ $itemone->title == 'Prof.' ? 'selected' : '' }}>Prof.</option>
												<option value='Dr.' {{ $itemone->title == 'Dr.' ? 'selected' : '' }}>Dr.</option>
												<option value='Mr.' {{ $itemone->title == 'Mr.' ? 'selected' : '' }}>Mr.</option>
												<option value='Ms.' {{ $itemone->title == 'Ms.' ? 'selected' : '' }}>Ms.</option>
												<option value='Sh.' {{ $itemone->title == 'Sh.' ? 'selected' : '' }}>Sh.</option>
											</select>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="username" class="form-label">Username</label>
										</div>
										<div class="col-md-9">
											<input type="text" class="form-control" id="username" name="username" placeholder="Username" value="{{ $itemone->username }}" readonly>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="name" class="form-label">First Name</label>
										</div>
										<div class="col-md-9">
											<input type="text" class="form-control" id="name" name="name" value="{{ $itemone->name }}" required>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="lname" class="form-label">Last Name</label>
										</div>
										<div class="col-md-9">
											<input type="text" class="form-control" id="lname" name="lname" value="{{ $itemone->lname }}" required>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="email" class="form-label">Email</label>
										</div>
										<div class="col-md-9">
											<input type="email" class="form-control" id="email" name="email" placeholder="Email" value="{{ $itemone->email }}" required>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="altemail" class="form-label">Personal Email</label>
										</div>
										<div class="col-md-9">
											<input type="email" class="form-control" id="altemail" name="altemail" placeholder="Alternate Email" value="{{ $itemone->altemail }}">
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="mobileno" class="form-label">Mobile No.</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="mobileno" name="mobileno" placeholder="Mobile Number" value="{{ $itemone->mobileno }}" onkeypress="return check(event,value)" required>
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strmobilemsg }} name="mobileperm" value="Yes" id="flexCheckDefaultThr">
                                              <label class="form-check-label" for="flexCheckDefaultThr">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="phoffice" class="form-label">Phone (Office)</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="phoffice" name="phoffice" placeholder="Phone (Office)" value="{{ $itemone->phoffice }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strphoffcmsg }} name="phoffperm" value="Yes" id="flexCheckDefaultTwo">
                                              <label class="form-check-label" for="flexCheckDefaultTwo">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="phresd" class="form-label">Phone (Residence)</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="phresd" name="phresd" placeholder="Phone (Residence)" value="{{ $itemone->phresd }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strresdnmsg }} name="phresperm" value="Yes" id="flexCheckDefaultOne">
                                              <label class="form-check-label" for="flexCheckDefaultOne">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="weblink" class="form-label">Website</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="weblink" name="weblink" placeholder="Website" value="{{ $itemone->weblink }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strwebmsg }} name="website" value="Yes" id="flexCheckDefaultOne">
                                              <label class="form-check-label" for="flexCheckDefaultOne">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>										
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="facebookurl" class="form-label">Facebook</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="facebookurl" name="facebookurl" placeholder="Facebook" value="{{ $itemone->facebookurl }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strfbmsg }} name="facebook" value="Yes" id="flexCheckDefaultOne">
                                              <label class="form-check-label" for="flexCheckDefaultOne">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="twitterurl" class="form-label">Twitter</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="twitterurl" name="twitterurl" placeholder="Twitter" value="{{ $itemone->twitterurl }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strtwitmsg }} name="twitter" value="Yes" id="flexCheckDefaultOne">
                                              <label class="form-check-label" for="flexCheckDefaultOne">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>										
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="linkedinurl" class="form-label">Linkedin</label>
										</div>
										<div class="col-md-5">
											<input type="text" class="form-control" id="linkedinurl" name="linkedinurl" placeholder="Linkedin" value="{{ $itemone->linkedinurl }}">
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strlinkdmsg }} name="linkedin" value="Yes" id="flexCheckDefaultOne">
                                              <label class="form-check-label" for="flexCheckDefaultOne">
                                                Display on Homepage Profile
                                              </label>
                                            </div>											
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="commaddress" class="form-label">Comunication Address</label>
										</div>
										<div class="col-md-5">
											<textarea class="form-control mb-4" placeholder="Enter remarks" id="textarea" name="commaddress" maxlength="3000" rows="5">{{ $itemone->commaddress }}</textarea>
										</div>
										<div class="col-md-4">
                                            <div class="form-check">
                                              <input class="form-check-input" type="checkbox" {{ $strcommmsg }} name="commaddperm" value="Yes" id="flexCheckDefault">
                                              <label class="form-check-label" for="flexCheckDefault">
                                                Display on Homepage Profile
                                              </label>
                                            </div>
										</div>										
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="permaddress" class="form-label">Permanent Address</label>
										</div>
										<div class="col-md-9">
											<textarea class="form-control mb-4" placeholder="Enter remarks" id="textarea" name="permaddress" maxlength="3000" rows="5">{{ $itemone->permaddress }}</textarea>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label for="profile_image" class="form-label">Profile Image<br><font style="color: red; font-size: 12px; ">1. Please upload only jpg or gif image.</font><br><font style="color: red; font-size: 12px; ">2. Image size should be less than 300 KB.</font></label>
										</div>
										<div class="col-md-3">
											@php
												if($itemone->profile_photo_path=="NA"){
											@endphp
												<input type="file" name="profile_image" id="profile_image" class="dropify" data-height="200" />
											@php
												}else{
											@endphp
												<div class="profile-img-main rounded">
													<img src="{{ (!empty($itemone->profile_photo_path))? url('upload/profile_image/'.$itemone->profile_photo_path) : asset('cldassets/assets/images/faces/6.jpg') }}" alt="img" class="m-0 p-1 rounded hrem-6"><br>
												</div>
											@php
												}
											@endphp
										</div>
										<div class="col-md-3">
											&nbsp;
										</div>
									</div>
								</div>								
								<div class="form-group float-end">
									<div class="row row-sm">
										<div class="col-md-12">
											<button type="submit" class="btn btn-info my-1" href="#"><i class="fa-solid fa-save"></i> Update Personal Info</button>
											@php
												if($itemone->profile_photo_path!="NA"){
											@endphp											
												<a class="btn btn-outline-danger my-1" href="{{ route('profile.pic.delete', [$itemone->profile_photo_path, $itemone->id]) }}"><i class="fa-solid fa-trash-can"></i> Delete Profile Image</a>
											@php
												}
											@endphp												
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>

				</div>
				<div class="tab-pane" id="accountSettings">
					<div class="card">
						<div class="card-body">
							<div class="mb-4 main-content-label">Account</div>
							<div class="form-group ">
								<div class="row row-sm">
									<div class="col-md-3">
										<label for="username" class="form-label">Username</label>
									</div>
									<div class="col-md-9">
										<input type="text" class="form-control" id="username" name="username" placeholder="Username" value="{{ $itemone->username }}" readonly>
									</div>
								</div>
							</div>
							<div class="mb-4 main-content-label">Security Settings</div>
							<div class="form-group ">
								<div class="row row-sm">
									<div class="col-md-3">
										<label class="form-label">Authentication/ Sessions</label>
									</div>
									<div class="col-md-9"> <a href="{{ route('profile.show') }}">Setup Two Factor Authentication & Browser Sessions</a> </div>
								</div>
							</div>
							<div class="mb-4 main-content-label">Change Password</div>
							<form class="form-horizontal" method="POST" action="{{ route('profile.security.update', $itemone->id)}}">
							@csrf
								<div class="form-group ">
									<div class="row row-sm">
										<div class="col-md-3">
											<label class="form-label">Current Password</label>
											<ul>
												<li style="font-size: 10px; color: red;"><i class="fa-solid fa-check"></i> Password must be at least 8 characters in length.</li>
												<li style="font-size: 10px; color: red;"><i class="fa-solid fa-check"></i> Password must contain at least one lowercase letter.</li>
												<li style="font-size: 10px; color: red;"><i class="fa-solid fa-check"></i> Password must contain at least one uppercase letter.</li>
												<li style="font-size: 10px; color: red;"><i class="fa-solid fa-check"></i> Password must contain at least one digit.</li>
												<li style="font-size: 10px; color: red;"><i class="fa-solid fa-check"></i> Password must contain a special character.</li>
											</ul>
										</div>
										<div class="col-md-9">
											<input type="password" class="form-control" id="current_password" name="current_password" placeholder="Enter Current Password"><br>
											<input type="password" class="form-control" id="password" name="password" placeholder="Enter New Password"><br>
											<input type="password" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="Confirm Password">
										</div>
									</div>
								</div>
								<div class="form-group float-end">
									<div class="row row-sm">
										<div class="col-md-12">
											<button type="submit" class="btn btn-info my-1" href="#"><i class="fa-solid fa-lock"></i> Update Password</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>



		</div><!-- COL-END -->
	</div>

	<SCRIPT language=Javascript>
		<!--
		function check(e, value) {
			//Check Charater
			var unicode = e.charCode ? e.charCode : e.keyCode;
			if (value.indexOf(".") != -1)
			if (unicode == 46) return false;
			if (unicode != 8)
			if ((unicode < 48 || unicode > 57) && unicode != 46) return false;
			if (value < 10 || value >10) return false;
		}
		//-->
	</SCRIPT>
@endforeach
@endsection