@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>
		<form method="POST" action="{{route('teacher.extra-meetings.save.post')}}" class="form-horizontal">
			@csrf

			<input type="hidden" name="coffid" value="{{$meeting->coffid}}">
			<input type="hidden" name="is_free" value="{{$meeting->is_free}}">
			<input type="hidden" name="mtopic" value="{{$meeting->mtopic}}">
			<input type="hidden" name="mtype" value="{{$meeting->mtype}}">
			<input type="hidden" name="mstartdate" value="{{$meeting->mstartdate}}">
			<input type="hidden" name="mstarttime" value="{{$meeting->mstarttime}}">
			<input type="hidden" name="mduration" value="{{$meeting->mduration}}">
			<input type="hidden" name="mpassword" value="{{$meeting->mpassword }}">

		{{-- <div class="card">
			<div class="card-header">
				<h3 class="card-title">Meeting Info</h3>
			</div>

			<div class="card-body">


				Course Offering Id : {{$meeting->coffid}}

				Free:{{$meeting->is_free}},

				Topic: {{$meeting->mtopic}},

				Type: {{$meeting->mtype}}	,

				StartDate: 	{{$meeting->mstartdate}},

				Start Time: {{$meeting->mstarttime}},

				Duration:	{{$meeting->mduration}},

			</div>
		</div> --}}
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Attendance List</h3>
			</div>
			<div class="card-body">
				<h5>Select Students Below to attend</h5>
				<div class="table-responsive mt-5 mb-5">
					<table
						class="table table-striped table-bordered table-vcenter text-nowrap">
						<thead>
							<tr>
								<th style="text-align: center;display: table-cell; vertical-align: middle">
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">
								ID
								</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">
									Student Name</th>
								<th style="text-align: center;display: table-cell; vertical-align: middle">Email
								</th>

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

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


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





							</tr>

						</thead>
						<tbody>

								@php
								$i = 0
								@endphp
				@foreach ($student_list as $student )
				<tr>
				<td style="text-align: center;display: table-cell; vertical-align: middle"><label class="custom-control form-checkbox">
					<input type="checkbox" class="custom-control-input" name="student[{{$i}}][selected]" value="1" checked>
					<span class="custom-control-label"></span>
				</label></td>
				<td>
					<input type="hidden" name="student[{{$i}}][user_id]" value="{{$student->id}}">
					{{$student->id}}

				</td>
					<td>{{$student->first_name.' '.$student->middle_name.' '.$student->last_name}}</td>
					<td>{{$student->email}}</td>
					<td>{{$student->phone}}</td>
					<td style="text-align:center;">

					@if ($student->attendance_count >= 2)
					<label class="badge badge-danger">InActive</label>
						@else
						<label class="badge badge-success">Active</label>
					@endif
					<i class="mdi mdi-information-outline leading-loose"
					data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
					data-bs-original-title="{{$student->attendance_count}}"></i>
					</td>
					<td>
						<div class="form-check">
							<input class="form-check-input" type="radio" name="student[{{$i}}][is_free]" value = '1' id="flexRadioDefault"
							@if ($meeting->is_free)
							checked

							@endif
							>
							<label class="form-check-label" for="flexRadioDefault1">
							 Free
							</label>
						  </div>
						  <div class="form-check">
							<input class="form-check-input" type="radio" name="student[{{$i}}][is_free]" value = '0'  id="flexRadioDefault2"
							@if (!$meeting->is_free)
							checked

							@endif

							>
							<label class="form-check-label" for="flexRadioDefault2">
							  Paid
							</label>
						  </div>
						  @php
						  $i++;
						  @endphp
					</td>
				</tr>
				@endforeach



							<tbody>
							</table>

				</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 ">Save Request</button>
									</div>
								</div>
			</div>
		</div>

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


@endsection