CrestRoad/laravel/resources/views/casper/register.blade.php

214 lines
15 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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('/casper/images/logo-left.png')}}" alt="" height="100">
</span>
</a>
<a href="/road/register" class="logo logo-light text-center">
<span class="logo-lg">
<img src="{{asset('/casper/images/logo-left.png')}}" alt="" height="100">
</span>
</a>
</div>
<h4>Controlling Asthma in Pediatric Population through Education and Research (CASPER)</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
<h4>Registration Form</h4>
<form method="POST" action="/register/{{$session->code}}">
@csrf
<div class="row mb-3">
<label for="name" class="col-4 col-xl-3 col-form-label">Doctor’s Name</label>
<div class="col-8 col-xl-9">
<input type="text" class="form-control" id="name" name="name" required>
</div>
</div>
<div class="row mb-3">
<label for="date_of_birth" class="col-4 col-xl-3 col-form-label">Date of Birth</label>
<div class="col-8 col-xl-9">
<input type="text" class="form-control datepicker" id="date_of_birth" name="date_of_birth" required>
</div>
</div>
<div class="row mb-3">
<label for="gender" class="col-4 col-xl-3 col-form-label">Gender</label>
<div class="col-8 col-xl-9">
<div class="form-check">
<input type="radio" id="gender-male" name="gender" class="form-check-input" value="Male" required>
<label class="form-check-label" for="gender-male">Male</label>
</div>
<div class="form-check">
<input type="radio" id="gender-female" name="gender" class="form-check-input" value="Female" required>
<label class="form-check-label" for="gender-female">Female</label>
</div>
</div>
</div>
@include('partials.register-whatsapp-field')
<div class="row mb-3">
<label for="alternate_phone" class="col-4 col-xl-3 col-form-label">Alternate Contact Number</label>
<div class="col-8 col-xl-9">
<input type="text" class="form-control" id="alternate_phone" name="alternate_phone">
</div>
</div>
<div class="row mb-3">
<label for="email" class="col-4 col-xl-3 col-form-label">Email* (Frequently Used)</label>
<div class="col-8 col-xl-9">
<input type="email" class="form-control" id="email" name="email" required>
</div>
</div>
@include('partials.register-location-fields')
<div class="row mb-3">
<label for="highlight_qualification" class="col-4 col-xl-3 col-form-label">Qualification</label>
<div class="col-8 col-xl-9">
<select class="form-control" id="highlight_qualification" name="highlight_qualification" required>
<option value="">Select</option>
<option value="MBBS">MBBS</option>
<option value="PG Student">PG Student</option>
<option value="UG Student">UG Student</option>
<option value="MD">MD</option>
<option value="DNB">DNB</option>
<option value="DCh">DCh</option>
<option value="CPS">CPS</option>
<option value="Others (Please Specify)">Others (Please Specify)</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="specialization" class="col-4 col-xl-3 col-form-label">Specialty of Practice/Work</label>
<div class="col-8 col-xl-9">
<select class="form-control" id="specialization" name="specialization" required>
<option value="">Select</option>
<option value="Pediatrician">Pediatrician</option>
<option value="Post Graduate Student">Post Graduate Student</option>
<option value="General Practitioner">General Practitioner</option>
<!-- <option value="Family Physician">Family Physician</option>
<option value="General Physician">General Physician</option> -->
<!-- <option value="CPS">CPS</option>
<option value="MBBS">MBBS</option>
<option value="PG Student">PG Student</option>
<option value="Others (Please Specify)">Others (Please Specify)</option> -->
</select>
</div>
</div>
<!-- <div class="row mb-3">
<label for="type_of_setup" class="col-4 col-xl-3 col-form-label">Type of Setup <small>(You may choose multiple options)</small></label>
<div class="col-8 col-xl-9">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-1" name="type_of_setup[]" value="Private Hospital">
<label class="form-check-label" for="type_of_setup-1">Private Hospital</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-2" name="type_of_setup[]" value="Govt. Hospital">
<label class="form-check-label" for="type_of_setup-2">Govt. Hospital</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-3" name="type_of_setup[]" value="Private Clinic">
<label class="form-check-label" for="type_of_setup-3">Private Clinic</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-4" name="type_of_setup[]" value="Govt. Clinic">
<label class="form-check-label" for="type_of_setup-4">Govt. Clinic</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-5" name="type_of_setup[]" value="Teaching Hospital">
<label class="form-check-label" for="type_of_setup-5">Teaching Hospital</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-6" name="type_of_setup[]" value="Research Organization">
<label class="form-check-label" for="type_of_setup-6">Research Organization</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-7" name="type_of_setup[]" value="NGO">
<label class="form-check-label" for="type_of_setup-7">NGO</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="type_of_setup-8" value="Others (Please Specify)">
<label class="form-check-label" for="type_of_setup-8">Others (Please Specify)</label>
</div>
</div>
</div> -->
<div class="row mb-3">
<label for="designation" class="col-4 col-xl-3 col-form-label">Designation</label>
<div class="col-8 col-xl-9">
<input type="text" class="form-control" id="designation" name="designation" required>
</div>
</div>
<div class="row mb-3">
<label for="clinic_institute_name" class="col-4 col-xl-3 col-form-label">Name of the Institute</label>
<div class="col-8 col-xl-9">
<input type="text" class="form-control" id="clinic_institute_name" name="clinic_institute_name" required>
</div>
</div>
<div class="mb-3">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="checkbox-signup" required>
<label class="form-check-label" for="checkbox-signup">I hereby give consent to receiving further communication from CREST for academic and research purposes</label>
</div>
</div>
<div class="text-center d-grid">
<button class="btn btn-success" type="submit" style="max-width:30%"> Sign Up </button>
</div>
</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')
@include('partials.register-location-scripts')
<script src="{{asset('assets/libs/flatpickr/flatpickr.min.js')}}"></script>
<script type="text/javascript">
const FLATPICKR_CUSTOM_YEAR_SELECT = 'flatpickr-custom-year-select';
const initDatePicker = function (inputId) {
$("#" + inputId).flatpickr({
dateFormat: "d/m/Y",
minDate: "01.01.1900",
maxDate: "01.01.2100",
allowInput: true,
onChange: function () {
$("#" + inputId).blur();
}
})
};
</script>
<script type="text/javascript">
$('.datepicker').flatpickr();
</script>
</body>
</html>