@extends('layouts.teacher')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>Extra Meetings</x-page.header>
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">New Extra Meeting </h3>
			</div>

			<div class="card-body">
				<form method="POST" action="{{route('teacher.extra-meetings.post')}}" class="form-horizontal">
					@csrf


					<div class="row">
						<div class="col-md-6">
							{{--Course--}}
							<div class="form-group ">

								<label class="form-label mt-2" for="mcgsid">Course <i
										class="text-danger">(required)</i></label>


								<select name="coffid" id="coffid" class="form-control select2-show-search" required>
									@foreach ($courseOfferings as $offering )
									{{-- @foreach ($teachingTeams as $team )
									--}}
									{{-- @if ($offering->ttid === $teachingTeams->ttid ) --}}

									<option value="{{$offering->coffid}}">{{$offering->course->level->lshort_name.' - '.$offering->course->cname .' - '.$offering->acyname}}
										{{$offering->label ? '( '.$offering->label.' )':''}}</option>
									{{-- @endif --}}
									{{--
									@endforeach --}}
									@endforeach

								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label class="form-label mt-2" for="is_free">Meeting Payment Options<i
										class="text-danger">(required)</i></label>


								<select name="is_free" id="is_free" class="form-control select2" required>
									<option value="0">Pay</option>
									<option value="1">Free</option>
									<option value="2">Free For All</option>
								</select>
							</div>

						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label class="form-label mt-2" for="mtopic">Meeting Topic <i
										class="text-danger">(required)</i></label>

								<input type="text" name="mtopic" class="form-control" id="mtopic"
									placeholder="Meeting Topic" required>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label class="form-label mt-2" for="mtype">Type <i
										class="text-danger">(required)</i></label>


								<select name="mtype" id="mtype" class="form-control select2" required>
								@foreach ($extraMeetingTypes as $type )
								<option value="{{$type->exmtyid}}">{{$type->exmtyname}}</option>
								@endforeach

								</select>
							</div>
							{{-- <div class="form-group">
								<label class="form-label mt-2" for="mrecurrence">Recurrence <i
										class="text-danger">(required)</i></label>
								<div class="row">
									<div class="col-md-8">
										<input type="number" id="mrecurrence" class="form-control" placeholder="1"
											disabled />
										<input type="hidden" name="mrecurrence" class="form-control" placeholder="1"
											value="0" />

									</div>
									<div class="col-md-4 pt-3">
										<input type="checkbox" name="mend_of_session" value="1" class="form-check-input"
											checked>
										<label>End of Session</label>
									</div>
								</div>

							</div> --}}
						</div>

					</div>
					<div class="form-group ">
						<label class="form-control-label">Schedule:</label>
						<div class="row">
							<table class="table table-striped table-bordered table-vcenter text-nowrap">
								<thead>
									<tr>
										<th>Date</th>
										<th>Time</th>
										<th>Duration</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="date" name="mdate" id="mdate" placeholder="Date"
												class="form-control" required>
											</input>
										</td>
										<td><input type="time" name="mstarttime" placeholder="Start Time"
												class="form-control" required />
										</td>
										<td><select name="mduration" placeholder="Duration" class="form-control select2"
												required />
											<option value="15">15 min</option>
											<option value="30">30 min</option>
											<option value="60">1 h</option>
											<option value="90">1.5 h</option>
											<option value="120">2 h</option>
											<option value="150">2.5 h</option>
											<option value="180">3 h</option>
											<option value="210">3.5 h</option>
											<option value="240">4 h</option>
											<option value="270">4.5 h</option>
											<option value="300">5 h</option>
											</select>
										</td>

									</tr>
								</tbody>
							</table>
						</div>
					</div>

					<div class="form-group mb-0 row justify-content-end">
						<div class="col-md-3">
							<button type="submit" class="btn btn-primary waves-effect waves-light">New
								Extra Meeting Request</button>
						</div>
					</div>
				</form>
			</div>
		</div>

<!-- Extra Meeting Requests Table -->

		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Extra Meeting Requests</h3>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table
						class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
						<thead>
							<tr>

								<th style="text-align: center;display: table-cell; vertical-align: middle">
								 ID
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">Status
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">
									Topic</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">
									Course
									</th>

								<th style="text-align: center;display: table-cell; vertical-align: middle">Type
								</th>

								<th style="text-align: center;display: table-cell; vertical-align: middle">Date
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">Start Time
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">Duration
								</th>

								<th style="text-align: center;">Payment Option</th>

							</tr>

						</thead>
						<tbody>
				@foreach ( $extraMeetings as $meeting )
							<tr>
						<td  style="text-align: center;">{{$meeting->mid}}</td>
						<td  style="text-align: center;">{{$meeting->mapprovestatus}}</td>
						<td  >{{ $meeting->mtopic }}</td>
						<td  style="text-align: center;">{{$meeting->courseOffering->academicYearSession->acyname.' - '.$meeting->courseOffering->course->level->lshort_name.' - '.$meeting->courseOffering->course->cname}}</td>

						<td  style="text-align: center;">{{$meeting->exmtyname }}</td>
						<td  style="text-align: center;">{{$meeting->mstartdate }}</td>
						<td  style="text-align: center;">{{$meeting->mstarttime }}</td>
						<td  style="text-align: center;">{{$meeting->mduration .' Minutes'}}</td>
						<td  style="text-align: center;">

							@if ($meeting->is_free)
								Free
							@else
								Paid
							@endif
						</td>
							</tr>
				@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>


@endsection