templates/bus/reserve.html.twig line 1

Open in your IDE?
  1. <fieldset style="border: 1px solid #dfffdf;padding: 15px;">
  2. <legend></legend>
  4. <div>
  5. SEAT NUMBER:- <b>{{ seat.seatNumber }}</b>
  6. </div>
  8. <hr>
  9. <div id="form" class="form">
  10. {{ form_start(reserveForm, {'attr':{'class':'booking', 'id':'reservation_form',
  11. 'action': action }}) }}
  12. <div id="formfields">
  14. <div class="row">
  15. <div class="col-lg-6">
  16. <div class="form-group">
  17. <label for="basicpill-firstname-input">Name<span class="require">*</span></label> <br>
  18. {{ form_widget(reserveForm.station,{'attr':{'class':'form-select'}} ) }}
  19. <div class="invalid-feedback">
  20. {{ form_errors(reserveForm.station) }}
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  26. <div class="row" style="margin-top: 10px;">
  27. <div class="col-lg-12">
  28. <div class="form-group">
  29. <button type="submit" class="btn btn-success">Save</button>
  30. <button type="button" class="btn btn-warning btn-outline-success" onclick="hideForm(this)">
  31. Cancel
  32. </button>
  33. </div>
  34. </div>
  35. </div>
  37. {{ form_end(reserveForm) }}
  38. </div>
  40. </div>
  41. </fieldset>
  43. <script>
  44. $(document).on('submit','form#reservation_form',function( event ) {
  47. // $(document).on('submit','form#payment', function (event){
  48. event.preventDefault();
  50. let reservationForm = document.querySelector('#reservation_form');
  51. let elements = reservationForm.elements;
  54. let data = {};
  55. for (let i=0;i<elements.length; i++){
  56. console.log(elements[i].id);
  57. data[elements[i].name] = elements[i].value;
  58. /*if(elements[i].name === 'payment[shared]'){
  59. data[elements[i].name] = $('#'+elements[i].id).is(':checked') ? 1: 0;
  60. }else{
  61. data[elements[i].name] = elements[i].value;
  62. }*/
  64. }
  66. console.log(data);
  68. let $form = $(this).closest('form');
  70. Swal.fire({
  71. title: 'Are you sure?',
  72. text: "Do you want to complete Reservation",
  73. icon: 'warning',
  74. showCancelButton: true,
  75. confirmButtonColor: '#3085d6',
  76. cancelButtonColor: '#d33',
  77. confirmButtonText: 'Yes!'
  78. }).then((result) => {
  79. if (result.isConfirmed) {
  80. $(".se-pre-con").fadeTo(100, 1).slideDown(100, function(){
  81. });
  83. $.post($form.attr('action'), data).then(function (response){
  86. // $('div#formfields').html('');
  87. // $('div#form').html($($.parseHTML(response)).find("div#form"));
  90. // $('tbody#tableBody').html($($.parseHTML(response)).find("tbody#tableBody"));
  92. // $('bodybus').html(response);
  93. // console.log(response);
  94. $('div#bus').html($($.parseHTML(response)).find("div#bus"));
  95. // console.log($('body#bus').html($($.parseHTML(response)).find("body#bus")));
  97. $('.seats li input').click(function(){
  98. let k = $(this).val();
  99. console.log('Awesome '+k);
  101. makeSelection(k);
  102. });
  104. makeSelection({{ seat.seatNumber }})
  106. seats.datagrid('reload');
  108. Swal.fire(
  109. 'Done!',
  110. 'reservation successful',
  111. 'success'
  112. );
  114. /*$(".se-pre-con").fadeTo(500, 0).slideUp(500, function(){
  116. });*/
  118. }).fail(function (error){
  119. let response = error.responseText;
  121. $('div#formfields').html('');
  122. $('div#formfields').html($($.parseHTML(response)).find("div#formfields"));
  124. Swal.fire(
  125. 'Failed!',
  126. 'Reservation failed, Try again',
  127. 'error'
  128. );
  129. /*$(".se-pre-con").fadeTo(500, 0).slideUp(500, function(){
  131. });*/
  132. });
  133. }
  134. })
  136. });
  137. </script>