@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">Coaches</li>

					</ul>
				</div>
				<div class="managecourse-section">
					<div class="exercise-main">
						<div class="row">
						 @if (session('status'))
                    <div class="alert alert-success">
                        {{ session('status') }}
                    </div>
                @endif
                @if(session()->has('message'))
                    <div class="alert alert-success">
                        {{ session()->get('message') }}
                    </div>
                @endif
                @if(Session::get('message_block'))
                    <div class="alert alert-danger">
                        {{ Session::get('message_block') }}
                    </div>
                @endif
							<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-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 id="myTable">
																<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>
																	</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> -->
														<a href="javascript:void(0);" data-toggle="modal" data-target="#userpopup_2" class="view-all-tab"><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_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_author_institute">
				<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>
				<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>
<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="float-items1">
						<div class="floating-label">
						<label>Email<span>*</span></label>
							<input class="floating-input" type="text" name="email_coach" id="email_coach" 
								placeholder=" " Value="">
							
						</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: "