@extends('layouts.course')
@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">Profile</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="active" data-toggle="tab" href="#tabs-1" role="tab">Batches</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tabs-3" 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="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  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">
                                                            <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" id="inst_dash">
                                                                        <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>Institute 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>Institute 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>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>Primary Contact</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>Secondary Contact</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>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>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>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>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>
                                                </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_institute_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" 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_institute" method="post" action="/update_institutes">
                            <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" 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>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>Phone number<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>Alternative phone number <span>*</span></label>
                                                <input class="floating-input" name="alter_phone"
                                                       id="alter_phone" type="text"
                                                       value="--">
                                                <label id="alter_phone-error" class="error" for="alter_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>State <span>*</span></label>
                                                                                                <select id="state" class="floating-input" 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="floating-input" name="city_id" id="city_id">
                                                    <option value="">--Select--</option>
                                                                                                    </select>
                                                <label id="city_id-error" class="error" for="city_id" 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">
                                            <input type="submit" name="Save" value="Save"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection