tribikram
/
ET-VISA
1
0
Fork 0
Code Issues 24 Pull Requests 15 Packages Projects 1 Releases Wiki Activity

appointment-booked

Browse Source
et#20
Mahesh Sharma 2 years ago
parent 7952068dad
commit 637e49f574
1 changed files with 26 additions and 23 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 49
      resources/views/appointment.blade.php

49
resources/views/appointment.blade.php
Unescape View File

@ -61,28 +61,29 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<!-- Form with the fields name, email, phone, and notes --> <!-- Form with the fields name, email, phone, and notes -->
<form> <form id ="appointment-form">
<input type="hidden" name="appointment_id" id="appointment_id">
<div class="form-group mb-2"> <div class="form-group mb-2">
<label for="name">Name</label> <label for="name">Name</label>
<input type="text" class="form-control mt-1" id="name" required> <input type="text" class="form-control mt-1" id="name" name="name" required>
</div> </div>
<div class="form-group mb-2"> <div class="form-group mb-2">
<label for="email">Email</label> <label for="email">Email</label>
<input type="email" class="form-control mt-1" id="email" required> <input type="email" class="form-control mt-1" id="email" name="email" required>
</div> </div>
<div class="form-group mb-2"> <div class="form-group mb-2">
<label for="phone">Phone</label> <label for="phone">Phone</label>
<input type="tel" class="form-control mt-1" id="phone" required> <input type="tel" class="form-control mt-1" id="phone" name="phone" required>
</div> </div>
<div class="form-group mb-2"> <div class="form-group mb-2">
<label for="notes">Notes</label> <label for="notes">Notes</label>
<textarea class="form-control mt-1" id="notes"></textarea> <textarea class="form-control mt-1" id="notes" name="notes"></textarea>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Book Appointment</button> <button type="button" onclick = "submitAppointment(event)" class="btn btn-primary">Book Appointment</button>
</div> </div>
</div> </div>
</div> </div>
@ -92,7 +93,7 @@
<!-- Modal --> <!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="appointmentModalLabel" aria-hidden="true"> <!-- <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="appointmentModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -102,8 +103,7 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<!-- Form with the fields name, email, phone, and notes --> <form id = "appointment-form" onsubmit="submitAppointment(event)">
<form id = "appointment-form">
<input type="hidden" name="appointment_id" id="appointment_id"> <input type="hidden" name="appointment_id" id="appointment_id">
<div class="form-group"> <div class="form-group">
<label for="name">Name</label> <label for="name">Name</label>
@ -125,11 +125,11 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" onclick = "submitAppointment(event) " class="btn btn-primary">Book Appointment</button> <button type="submit" class="btn btn-primary">Book Appointment</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
@ -218,9 +218,11 @@
e.preventDefault(); e.preventDefault();
var appointmentId = $(this).data("appointment-id"); var appointmentId = $(this).data("appointment-id");
$("#modal").attr("id", "modal-" + appointmentId); // $("#modal").attr("id", "modal-" + appointmentId);
$('#appointment-form input[name="appointment_id"]').val(appointmentId); $('#appointment-form input[name="appointment_id"]').val(appointmentId);
$("#modal-" + appointmentId).modal("show"); // $("#modal-" + appointmentId).modal("show");
$("#modal").modal("show");
// showAppointmentForm(appointmentId); // showAppointmentForm(appointmentId);
}); });
@ -235,7 +237,7 @@
function showAppointmentForm(appointmentId){ function showAppointmentForm(appointmentId){
// $("#appointmentModal").modal(); // $("#appointmentModal").modal();
//show Appointment booking form // show Appointment booking form
// Reset the form // Reset the form
// $('#appointment-form')[0].reset(); // $('#appointment-form')[0].reset();
@ -250,15 +252,16 @@
function submitAppointment(event){ function submitAppointment(event){
event.preventDefault(); event.preventDefault();
$.ajax({ $.ajax({
url: "/appointment_submit", url: "/appointment_submit",
type: "post", type: "post",
data: $("form").serialize(), data: $("form").serialize(),
success: function(response) { success: function(response) {
console.log(response.appointment_detail); $("#modal").modal("hide");
// Handle the success response alert('Appointment successfuuly booked');
// e.g. close the modal, show a success message, etc. // Handle the success response
} // e.g. close the modal, show a success message, etc.
}); }
});
} }

Write Preview
Loading…
Cancel
Save