@extends('layouts.job')
@section('content')
<style>
.bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
    display: block!important;
}
</style>
<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>Jobs</li>
							<li>/</li>
							<li class="active">Account Adminstration</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">User Access</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 active"
												id="tabs-1" role="tabpanel">
												<div class="tab-content-managecourse position-relative" 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-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Company Name</label>
																		<div class="nametext"></div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Company Logo</label>
																		<div class="nametext">
																		--																		</div>
																	</div>
																</div>
															</div>
															<!-- 
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<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-3 col-xl-3 col-lg-3">
																<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-3 col-xl-3 col-lg-3">
																<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-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Phone</label>
																		<div class="nametext">+91 </div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Industry</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>State</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>City</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Address</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Description</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Twitter</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Facebook</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>LinkedIn</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
															<div class="col-12 col-sm-6 col-md-3 col-xl-3 col-lg-3">
																<div class="place-float-items">
																	<div class="floating-label">
																		<label>Company Url</label>
																		<div class="nametext">--</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<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="#adduserpopup" 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="myTable" class="display">
																																</table>
																</div>
															</div>
														</div>
													</div>
												</div>

											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<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" id="edit-profi">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">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_company" method="post" action="/update_company">
						<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>Company Name <span>*</span></label>
											<input class="floating-input" name="title"
													 id="title" type="text"
													 value="" />
													 <label id="title-error" class="error" for="title" 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>Company Logo </label>
											<input class="floating-input profile-img-chan" accept="image/*" name="company_logo" id="company_logo" type="file"/>
											<label id="company_logo-error" class="error" for="company_logo" 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" name="email"
													 id="email" type="text"
													 value="" readonly/>
													 <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 Address <span>*</span></label>
											<input class="floating-input" name="alernative_email"
													 id="alernative_email" type="text" value=""/>
													 <label id="alernative_email-error" class="alernative_email" 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>Phone <span>*</span></label>
											<input class="floating-input" name="phone"
													 id="phone" type="text"
													 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>Industry <span>*</span></label>
																						<select id="industry" class="selectpicker" name="industry">
												<option value="">--Select--</option>
																							</select>
											<label id="industry-error" class="error" for="industry" 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>State <span>*</span></label>
																						<select id="state" class="selectpicker" name="state" Onchange="GetCity(this.value);">
												<option value="">--Select--</option>
																							</select>
											<label id="state-error" class="error" for="state" 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>City <span>*</span></label>
																						<select class="selectpicker" name="city" id="city">
												<option value="">--Select--</option>
																							</select>
											<label id="city-error" class="error" for="city" 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>Company Url <span>*</span></label>
											<input class="floating-input" name="company_url"
													 id="company_url" type="text"
													 value="">
													 <label id="company_url-error" class="error" for="company_url" 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>Twitter Url <span>*</span></label>
											<input class="floating-input" name="twitter_url"
													 id="twitter_url" type="text"
													 value="">
													 <label id="twitter_url-error" class="error" for="twitter_url" 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>Facebook Url <span>*</span></label>
											<input class="floating-input" name="facebook_url"
													 id="facebook_url" type="text"
													 value="">
													 <label id="facebook_url-error" class="error" for="facebook_url" 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 Url <span>*</span></label>
											<input class="floating-input" name="linkedin_url"
													 id="linkedin_url" type="text"
													 value="">
													 <label id="linkedin_url-error" class="error" for="linkedin_url" 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>Address <span>*</span></label>
											<textarea class="floating-input" name="address" id="address"></textarea>
											<label id="address-error" class="error" for="address" 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 <span>*</span></label>
											<textarea class="floating-input" name="description" id="description"></textarea>
											<label id="description-error" class="error" for="description" 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">
										<!-- <a href="#" data-toggle="modal" data-target="#userpopup">Save</a> -->
										<input type="submit" name="Save" value="Save"/>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="adduserpopup" 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">Add User</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_role_user" name="add_role_user" method="post" action="/add_role_user">
						<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 <span>*</span></label>
											<input class="floating-input" name="fname"
													 id="fname" type="text"
													 value="">
													 <label id="fname-error" class="error" for="fname" 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<span>*</span></label>
											<input class="floating-input" name="lname"
													 id="lname" type="text"
													 value="">
													 <label id="lname-error" class="error" for="lname" 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" name="emailid"
													 id="emailid" type="email"
													 value="">
													 <label id="emailid-error" class="error" for="emailid" 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>Phone number<span>*</span></label>
											<input class="floating-input" name="phone_number"
													 id="phone_number" type="text"
													 value="">
													 <label id="phone_number-error" class="error" for="phone_number" 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>Role<span>*</span></label>
											<select class="selectpicker" name="role" id="role">
												<option value="">--Select--</option>
																							</select>
											<label id="role-error" class="error" for="role" 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">
										<!-- <a href="#" data-toggle="modal" data-target="#userpopup">Add</a> -->
										<input type="submit" name="add" value="Add"/>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	function add_coach()
	{
		$("#addcoach").modal('show');
	}
	function coach_edit(type,id,uid)
	{
		if(type=='delete'){

		bootbox.confirm({
			message: "Are you sure you want to delete coach from your institute?",
			buttons: {
				confirm: {
					label: 'Yes',
					className: 'btn-success'
				},
				cancel: {
					label: 'No',
					className: 'btn-danger'
				}
			},
			callback: function (result){
				if(result){
					$.LoadingOverlay("show");
					$.ajax({
						url: "