@extends('layouts.course')
@section('content')
<!-- <div class="coaching-head">
	<div class="container">
		<div class="subheader-content">
			<div class="left-content-header">
				<ul>
					<a href="#">
						<li class="ml-0 ">Dashboard</li>
					</a>
					<a href="#">
						<li>Course Packs</li>
					</a>
					<a href="#">
						<li>Courses</li>
					</a>
					<a href="#">
						<li >Exercises</li>
					</a>
					<a href="#">
						<li>Students</li>
					</a>
					<a href="#">
						<li>Reports</li>
					</a>
					<a href="#">
						<li class="active">Admin</li>
					</a>
				</ul>
			</div>
			<div class="right-content-header">
				<ul>
					<a href="#">
						<li class="cal-btn"><i class="fa fa-calendar"></i> Schedule</li>
					</a>
					<a href="#">
						<li><i class="fa fa-plus"></i> Create New</li>
					</a>
				</ul>
			</div>
		</div>
	</div>
</div> -->
<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">Exercises</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 class="" data-toggle="tab"
												href="#tabs-1" role="tab">Account Information</a>
										</li>
										<li>
											<a class=""
												data-toggle="tab" href="#tabs-2" role="tab">User Access</a>
										</li>
										<li>
											<a class=""
												data-toggle="tab" href="#tabs-3" role="tab">Coachs</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-1" role="tabpanel">
												<div class="tab-content-managecourse">
													<div class="acc-admin-content">
														<div class="account-info">
															<h5>Account Information</h5>
															<div class="acc-info-content">
																<div class="acc-info-details">
																	<h4>Company Name</h4>
																	<input placeholder="company name" name="name"
																		id="name"
																		value="">
																	<span>
																		<a href="javascript:void(0);"
																			Onclick="Reset_Det('name','','');"><i
																				class="fas fa-sync-alt"></i></a>
																		<a
																			Onclick="Save_Company('name','');"><i
																				class="fas fa-check"></i></a>
																	</span>
																</div>
																<div class="acc-info-details">
																	<h4>Primary Contact</h4>
																	<input placeholder="Primary Contact"
																		name="primary_contact" id="primary_contact"
																		value="">
																	<span>
																		<a
																			Onclick="Reset_Det('primary_contact','','');"><i
																				class="fas fa-sync-alt"></i></a>
																		<a
																			Onclick="Save_Company('primary_contact','');"><i
																				class="fas fa-check"></i></a>
																	</span>
																</div>
																<div class="acc-info-details">
																	<h4>Email Address</h4>
																	<input placeholder="Email Address"
																		name="primary_email" id="primary_email"
																		value="">
																	<span>
																		<a
																			Onclick="Reset_Det('primary_email','','');"><i
																				class="fas fa-sync-alt"></i></a>
																		<a
																			Onclick="Save_Company('primary_email','');"><i
																				class="fas fa-check"></i></a>
																	</span>
																</div>

																<div class="acc-info-details">
																	<h4>Primary Phone</h4>
																	<input placeholder="Primary Phone" name="phone"
																		id="phone"
																		value="">
																	<span>
																		<a
																			Onclick="Reset_Det('phone','','');"><i
																				class="fas fa-sync-alt"></i></a>
																		<a
																			Onclick="Save_Company('phone','');"><i
																				class="fas fa-check"></i></a>
																	</span>

																</div>
															</div>
														</div>

													</div>
												</div>
											</div>
											<div class="tab-pane "
												id="tabs-2" role="tabpanel">
												<div class="boxes">
													<div class="user-access">
														<div class="user-access-tlt">
															<h1>User Access</h1>
														</div>
														<div class="user-access-tab">
															<div class="user-access-table-list">
																<table>
																	<thead>
																		<tr>
																			<th scope="col">First Name</th>
																			<th scope="col">Last Name</th>
																			<th scope="col">Email Id</th>
																			<th scope="col">Phone Number</th>
																			<th scope="col">User Access</th>
																			<th scope="col">Actions</th>
																		</tr>
																	</thead>
																	<tbody id="all_institute_users_list">
																																			</tbody>
																</table>
															</div>
															<a class="view-all-tab" Onclick="Add_Inst_user('add',0)"><i
																	class="fas fa-plus"></i> Add New User</a>
														</div>
													</div>
												</div>
											</div>
											<div class="tab-pane "
												id="tabs-3" role="tabpanel">
												<div class="boxes">
													<div class="user-access">
														<div class="user-access-tlt">
															<h1>Coaches</h1>
														</div>
														<div class="user-access-tab">
															<div class="user-access-table-list">
																<table>
																	<thead>
																		<tr>
																			<th scope="col">First Namee</th>
																			<th scope="col">Last Name</th>
																			<th scope="col">Email Id</th>
																			<th scope="col">Phone Number</th>
																			<th scope="col">Actions</th>
																		</tr>
																	</thead>
																	<tbody id="institute_coaches_list">
																																			</tbody>
																</table>
															</div>
															<a class="view-all-tab" Onclick="add_coach('add',0)"><i
																	class="fas fa-plus"></i> Add Coach</a>
														</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">
			<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="inst_access_form" method="post" action="/add_institute_user">

					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="addcoach" 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 Coach</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_coach_form" name="add_coach_form" class="form-horizontal"
                                                method="POST" action="{{ url('/add_coach_to_institute')}}">
						<div class="edit-user">
						<div class="floating-label1">
								<input class="floating-input" type="text" name="fname_coach" id="fname_coach" 
									placeholder=" " Value="">
								<label>First Name<span>*</span></label>
							</div>
							<div class="floating-label1">
								<input class="floating-input" type="text" name="lname_coach" id="lname_coach" 
									placeholder=" " Value="">
								<label>Last Name<span>*</span></label>
							</div>
						    <div class="floating-label1">
								<input class="floating-input" type="text" name="email_coach" id="email_coach" 
									placeholder=" " Value="">
								<label>Email<span>*</span></label>
							</div>
							<div class="floating-label1">
								<input  class="floating-input" type="text" name="password_coach" id="password_coach" 
									placeholder=" " Value="" >
								<label>Password<span>*</span></label>
							</div>
							<div class="add_but"><button type="submit" class="btn btn-primary">Add </button></div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>	
<div class="modal fade" id="edit_coach" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
	aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel1">Edit Coach</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="edit_coach_form" name="edit_coach_form" class="form-horizontal"
                                                method="POST" action="{{ url('/update_coach_to_institute')}}">
						<div class="edit-user">
						<div class="floating-label1">
								<input class="floating-input" type="text" name="eemail_coach" id="eemail_coach" 
									placeholder=" " Value="">
								<input class="floating-input" type="hidden" name="euid_coach" id="euid_coach" 
									placeholder=" " Value="">	
								<label>Email<span>*</span></label>
							</div>
						<div class="floating-label1">
								<input class="floating-input" type="text" name="efname_coach" id="efname_coach" 
									placeholder=" " Value="">
								<label>First Name<span>*</span></label>
							</div>
							<div class="floating-label1">
								<input class="floating-input" type="text" name="elname_coach" id="elname_coach" 
									placeholder=" " Value="">
								<label>Last Name<span>*</span></label>
							</div>
						    
							<div class="floating-label1">
								<input class="floating-input" type="text" name="enumber_coach" id="enumber_coach" 
									placeholder=" " Value="">
								<label>Phone Number<span></span></label>
							</div>
							
							<div class="add_but"><button type="submit" class="btn btn-primary">Add </button></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: "