@extends('layouts.placement')
@section('content')
<section class="newpage">
<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">Account Administration</li>

					</ul>
				</div>
				<div class="managecourse-section">
					<div class="jobs-list">
						<div class="boxes">
							<div class="jobslist">
								<ul class="nav nav-tabs" role="tablist">
									<li>
										<a  data-toggle="tab" href="#tabs-2" role="tab">Author Access</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tabs-3" role="tab">Campus Batches</a>
									</li>
									<li>
										<a class="active" data-toggle="tab" href="#tabs-1" role="tab">Profile</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="exercise-main">
						<div class="row">
							<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
								<div class="jobs-tabs">
									<div class="tab-content">
										<div class="tab-pane" id="tabs-2" role="tabpanel">
											<div class="boxes">
													<div class="user-access" style="padding-top:15px;">
												<div class="addnewuser">
												<a href="javascript:void(0);" data-toggle="modal" data-target="#userpopup_2" class="view-all-tab"><i
														class="fas fa-plus"></i> Add New User</a>
												</div>

													<div class="user-access-tab">
														<div class="user-access-table-list">
															<div class="cdashboard-table dashboardtable">
															<table id="authors_table" class="display">
																<thead>
																<tr>
																	<th scope="col" class="text-center">Name</th>
																	<th scope="col" class="text-center">Email Id</th>
																	<th scope="col" class="text-center">Mobile number</th>
																	<th scope="col">Actions</th>
																</tr>
																</thead>
																<tbody id="authors_list" class="text-center">

																</tbody>
															</table>
															</div>
														</div>
														</div>
												</div>
											</div>
										</div>
										<div class="tab-pane" id="tabs-3" role="tabpanel">
											<div class="boxes">
												<div class="user-access" style="padding-top:15px;">
												<div class="addnewuser">
												<a href="javascript:void(0);" data-toggle="modal" data-target="#add_new_batch" class="view-all-tab"><i
												class="fas fa-plus"></i> Add New</a>
												<form>
												
												</form>
												</div>

													<div class="user-access-tab">
														<div class="user-access-table-list">
															<div class="cdashboard-table dashboardtable">
															<table id="batches_table" class="display">
																<thead>
																<tr>
																	<th scope="col" class="text-center">S.No</th>
																	<th scope="col" class="text-center">Title</th>
																</tr>
																</thead>
																<tbody id="batches_table_list" class="text-center">

																</tbody>
															</table>
															</div>
														</div>
														</div>
												</div>
											</div>
										</div>
										<div class="tab-pane active" id="tabs-1" role="tabpanel">
										<div class="tab-content-managecourse position-relative" id="placement_ofc_profile" style="padding-top:10px;">
												<div class="course-overview-inputs">
													<div class="row">
														<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
															<div class="account-adm-edit">
																<a href="#" data-toggle="modal" data-target="#userpopup"><i class="far fa-edit"></i> Edit</a>
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Name</label>
																	<div class="nametext"></div>
																</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Picture</label>
																	<div class="nametext">
																	--																	</div>
																</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Designation</label>
																	<div class="nametext"></div>
																</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Email Address</label>
																	<div class="nametext"></div>
																</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Alternative Email Address</label>
																	<div class="nametext"></div>
																</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Mobile number</label>
																	<div class="nametext">+91 </div>
																</div>
															</div>
														</div>
														
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Organization Name</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>Languages</label>
																																	</div>
															</div>
														</div>
														<div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
															<div class="place-float-items">
																<div class="floating-label">
																	<label>linkedin Link</label>
																	<div class="nametext"></div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</section>


<div class="modal fade" id="add_new_batch" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header">
		<h5 class="modal-title" id="exampleModalLabel_1">Add campus batch</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<div class="modal-body">
			<div class="addmodule">
				<form id="campausbatch" method="post" action="/add_campus_batch">
				<div class="course-overview-inputs">
				<div class="row">
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Batch Title <span>*</span></label>
								<input class="floating-input"  type="text" name="batchtitle" id="batchtitle" placeholder="Enter Campus Batch Title"/> 
								<label id="batchtitle-error" class="error" for="batchtitle" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
						<div class="account-adm-save">
							<input type="submit" name="batch" value="Save"/>
						</div>
					</div>
				</div>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
</div>

<div class="modal fade" id="userpopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header">
		<h5 class="modal-title" id="exampleModalLabel_1">Edit Profile</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<div class="modal-body">
			<div class="addmodule">
				<form id="update_placement_officer" method="post" action="/update_placement_officer">
				<div class="course-overview-inputs">
				<div class="row">
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Name <span>*</span></label>
								<input class="floating-input"  type="text" name="first_name" id="first_name" placeholder=" Name" value="">
								<label id="first_name-error" class="error" for="first_name" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Picture</label>
								<input class="floating-input" accept="image/*" type="file" name="profile_pic" id="profile_pic">
								<label id="profile_pic-error" class="error" for="profile_pic" style="visibility: hidden; color: red;">&nbsp;</label>		   
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Designation <span>*</span></label>
								<input class="floating-input" type="text" name="designation" id="designation" placeholder=" Designation" value="">
								<label id="designation-error" class="error" for="designation" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Email Address <span>*</span></label>
								<input class="floating-input" readonly type="email" name="email" id="email" placeholder="example@domain.com" value="">
								<label id="email-error" class="error" for="email" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Alternative Email <span>*</span></label>
								<input class="floating-input" type="email" name="alter_native_email" id="alter_native_email" placeholder="example@domain.com" value="">
								<label id="alter_native_email-error" class="error" for="alter_native_email" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
							<label>Mobile number<span>*</span></label>
							<input class="floating-input" type="number" name="phone" id="phone" placeholder="1234567890" value="">
							<label id="phone-error" class="error" for="phone" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>linkedin profile <span>*</span></label>
								<input class="floating-input" type="text" name="linkedin" id="linkedin" placeholder="Enter linkedin link" value="">
								<label id="linkedin-error" class="error" for="linkedin" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
					<div class="float-items1">
					<div class="floating-label">
					<label>Organization Name <span>*</span></label>
					<input class="floating-input" name="organization_name"
					id="organization_name" type="text"
					value="">
					<label id="organization_name-error" class="error" for="organization_name" style="visibility: hidden; color: red;">&nbsp;</label>
					</div>
					</div>
					</div>
					<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
						<div class="float-items" style="margin-bottom:0px;">
							<div class="floating-label">
								<label style="position:relative;top:0px;">Languages</label>
							</div>	</div>
								<div class="candi-chek-cont">
															</div>
								<label id="languages[]-error" class="error" for="languages[]" style="visibility: hidden; color: red;">&nbsp;</label>

							</div>

				</div>
				<div class="row">
					<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
						<div class="account-adm-save">
							<input type="submit" name="sub" value="Save"/>
						</div>
					</div>
				</div>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
</div>

<div class="modal fade" id="userpopup_2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel_1" aria-hidden="true">
<div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header">
		    <h5 class="modal-title" id="exampleModalLabel">Add author</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<div class="modal-body">
		<div class="addmodule">
				<form id="add_placement_author" method="post" action="/add_placement_author">
				<div class="course-overview-inputs">
				<div class="row">
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>First name</label>
								<input class="floating-input"  type="text" name="first_name" id="first_name" placeholder=" First name">
								<label id="first_name-error" class="error" for="first_name" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Last name</label>
								<input class="floating-input"  type="text" name="last_name" id="last_name" placeholder=" Last name">
								<label id="last_name-error" class="error" for="last_name" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
								<label>Email Address</label>
								<input class="floating-input" type="email" name="email" id="email" placeholder="example@domain.com">
								<label id="email-error" class="error" for="email" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
						<div class="float-items1">
							<div class="floating-label">
							<label>Mobile number<span>*</span></label>
							<input class="floating-input" type="number" name="phone" id="phone" placeholder="1234567890">
							<label id="phone-error" class="error" for="phone" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
					
					<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
						<div class="float-items1">
							<div class="floating-label">
								<label>Description</label>
								<textarea class="floating-input"  type="text" name="user_introduction" id="user_introduction" placeholder=" Enter description"></textarea>
								<label id="user_introduction-error" class="error" for="user_introduction" style="visibility: hidden; color: red;">&nbsp;</label>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12">
						<div class="account-adm-save">
							<input type="submit" name="up" value="Save Author"/>
						</div>
					</div>
				</div>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
</div>
@endsection