@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>Extra Meeting</x-page.header>
        @include('admin.errors.form-errors')
		<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('staff.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>
									<option value="" selected disabled>Select</option>
									@foreach ($courseOfferings as $offering )
									{{-- @foreach ($teachingTeams as $team )
									--}}
									{{-- @if ($offering->ttid === $teachingTeams->ttid ) --}}
									<option value="{{$offering->coffid}}" {{old('coffid') == $offering->coffid ? 'selected':'' }}>{{$offering->ttname.' - '.$offering->lshort_name.' - '.$offering->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-show-search" required>
									<option value="" selected disabled>Select</option>
									<option {{old('is_free') == 0 && old('is_free') != null ? 'selected':''}} value="0">Pay</option>
									<option {{old('is_free') == 1 ? 'selected':'' }} value="1">Free</option>
									<option {{old('is_free') == 2 ? 'selected':'' }} value="2">Free For All</option>
									<option {{old('is_free') == 3 ? 'selected':'' }} value="3">Paid 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 value={{old('mtopic')}}>
							</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>
								<option value="" selected disabled>Select</option>
								@foreach ($extraMeetingTypes as $type )
								<option value="{{$type->exmtyid}}" {{old('mtype') == $type->exmtyid ? 'selected':'' }}>{{$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 value={{old('mdate')}}>
										</td>
										<td><input type="time" name="mstarttime" placeholder="Start Time"
												class="form-control" required value={{old('mstarttime')}}>
										</td>
										<td><select name="mduration" placeholder="Duration" class="form-control select2"
												required>
											<option value="" selected disabled>Select</option>
											<option value="15" {{old('mduration') == 15 ? 'selected':'' }}>15 min</option>
											<option value="30" {{old('mduration') == 30 ? 'selected':'' }}>30 min</option>
											<option value="60" {{old('mduration') == 60 ? 'selected':'' }}>1 h</option>
											<option value="90" {{old('mduration') == 90 ? 'selected':'' }}>1.5 h</option>
											<option value="120" {{old('mduration') == 120 ? 'selected':'' }}>2 h</option>
											<option value="150" {{old('mduration') == 150 ? 'selected':'' }}>2.5 h</option>
											<option value="180" {{old('mduration') == 180 ? 'selected':'' }}>3 h</option>
											<option value="210" {{old('mduration') == 210 ? 'selected':'' }}>3.5 h</option>
											<option value="240" {{old('mduration') == 240 ? 'selected':'' }}>4 h</option>
											<option value="270" {{old('mduration') == 270 ? 'selected':'' }}>4.5 h</option>
											<option value="300" {{old('mduration') == 300 ? 'selected':'' }}>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">My Extra Meeting Requests</h3>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table
						class="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 $key=>$meeting )
								<tr class="text-center">
									<td>{{++$key}}</td>
									<td>{{$meeting->mapprovestatus}}</td>
									<td>{{ $meeting->mtopic }}</td>
									<td>{{$meeting->courseOffering->academicYearSession->acyname.' - '.$meeting->courseOffering->course->level->lshort_name.' - '.$meeting->courseOffering->course->cname}}</td>
									<td>{{$meeting->exmtyname }}</td>
									<td>{{$meeting->mstartdate }}</td>
									<td>{{$meeting->mstarttime }}</td>
									<td>{{$meeting->mduration .' Minutes'}}</td>
									<td>
										@if ($meeting->is_free)
											Free
										@else
											Paid
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
					<div class="mt-4">
						{{ $extraMeetings->appends(Request::except('page'))->render('inc.paginate') }}
					</div>
					<p class="mt-3">
						Displaying {{$extraMeetings->count()}} of {{ $extraMeetings->total() }} meetings(s).
					</p>
				</div>
			</div>
		</div>
	</div>
</div>


@endsection