CrestRoad/laravel/resources/views/road/attendance.blade.php

122 lines
6.8 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
@include('layouts.shared/title-meta', ['title' => "Register & Signup"])
@include('layouts.shared/head-css', ["mode" => $mode ?? '', "demo" => $demo ?? ''])
<link href="{{asset('assets/libs/flatpickr/flatpickr.min.css')}}" rel="stylesheet" type="text/css" />
</head>
<body class="loading authentication-bg authentication-bg-pattern">
<div class="account-pages mt-5 mb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card bg-pattern">
<div class="card-body p-4">
<div class="text-center w-75 m-auto">
<div class="auth-logo">
<a href="/road/register" class="logo logo-dark text-center">
<span class="logo-lg">
<img src="{{asset('/images/road-logo.jpg')}}" alt="" height="100">
</span>
</a>
<a href="/road/register" class="logo logo-light text-center">
<span class="logo-lg">
<img src="{{asset('/images/road-logo.jpg')}}" alt="" height="100">
</span>
</a>
</div>
<h4>Refresher course on Obstructive Airways Diseases (ROAD)</h4>
<h5>{{$session->number}}</h5>
@foreach($session->dates->date as $i => $date)
<h5>{{date("d M, Y", strtotime($date) )}} <small>{{date("h:iA", strtotime($session->dates->start[$i]) )}}-{{date("h:iA", strtotime($session->dates->end[$i]) )}}</small></h5>
@endforeach
</div>
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>
<br>@endif
@if(session('success'))<div class=" alert alert-success">{{ session('success') }}
</div>
<br>@endif
@if (sizeof($errors) > 0)
<ul>
@foreach ($errors->all() as $error)
<li class="text-danger">{{ $error }}</li>
@endforeach
</ul>
@endif
<form method="POST" action="/register/{{$session->code}}">
@csrf
<div class="row">
<div class="col-12">
<!-- Portlet card -->
<div class="card">
<div class="card-body">
<h4 class="header-title mb-0">Attendance Sheet</h4>
<div id="cardCollpase4" class="collapse pt-3 show">
<div class="table-responsive">
<table class="table table-centered table-nowrap table-borderless mb-0">
<thead class="table-light">
<tr>
<th>Present?</th>
<th>Attendee Name</th>
<th>Phone</th>
<th>Email</th>
</tr>
</thead>
<tbody>
@foreach($doctors as $doctor)
<tr>
<td><input type="checkbox" class="form-check-input" id="checkbox-{{$doctor->id}}" contact="{{$doctor->id}}" {{(isset($doctor->present)&&$doctor->present=='yes') ? 'checked' : '' }}></td>
<td><label for="checkbox-{{$doctor->id}}">{{$doctor->name}}</label></td>
<td>{{$doctor->phone}}</td>
<td>{{$doctor->email}}</td>
</tr>
@endforeach
</tbody>
</table>
</div> <!-- .table-responsive -->
</div> <!-- end collapse-->
</div> <!-- end card-body-->
</div> <!-- end card-->
</div> <!-- end col-->
</div>
<!-- end row -->
</form>
</div> <!-- end card-body -->
</div>
<!-- end card -->
</div> <!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- end page -->
@include('layouts.shared/footer-script')
<script src="{{asset('assets/libs/flatpickr/flatpickr.min.js')}}"></script>
<script type="text/javascript">
$('.datepicker').flatpickr();
$('.table-responsive input[type=checkbox]').change(function() {
let docdata = { session_code: '{{$session->code}}', doctor: $(this).attr('contact'), '_token': '{{ csrf_token() }}' }
if(this.checked) {
docdata['present'] = 'yes'
} else {
docdata['present'] = 'no'
}
$.ajax({
type: "POST",
url: '/attendance/mark',
data: docdata,
success: function( data ) {
console.log(data)
},
});
});
</script>
</body>
</html>