c79a7873f3d04ba5afb4748621d984707de335ac.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <div class="modal fade" id="new-address-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  2. <div class="modal-dialog modal-dialog-centered" role="document">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <h5 class="modal-title" id="exampleModalLabel"><?php echo e(translate('New Address')); ?></h5>
  6. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7. <span aria-hidden="true">&times;</span>
  8. </button>
  9. </div>
  10. <form class="form-default" role="form" action="<?php echo e(route('addresses.store')); ?>" method="POST">
  11. <?php echo csrf_field(); ?>
  12. <div class="modal-body">
  13. <div class="p-3">
  14. <div class="row">
  15. <div class="col-md-2">
  16. <label><?php echo e(translate('Address')); ?></label>
  17. </div>
  18. <div class="col-md-10">
  19. <textarea class="form-control mb-3" placeholder="<?php echo e(translate('Your Address')); ?>" rows="2" name="address" required></textarea>
  20. </div>
  21. </div>
  22. <div class="row">
  23. <div class="col-md-2">
  24. <label><?php echo e(translate('Country')); ?></label>
  25. </div>
  26. <div class="col-md-10">
  27. <div class="mb-3">
  28. <select class="form-control aiz-selectpicker" data-live-search="true" data-placeholder="<?php echo e(translate('Select your country')); ?>" name="country_id" required>
  29. <option value=""><?php echo e(translate('Select your country')); ?></option>
  30. <?php $__currentLoopData = \App\Models\Country::where('status', 1)->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
  31. <option value="<?php echo e($country->id); ?>"><?php echo e($country->name); ?></option>
  32. <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  33. </select>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="row">
  38. <div class="col-md-2">
  39. <label><?php echo e(translate('State')); ?></label>
  40. </div>
  41. <div class="col-md-10">
  42. <select class="form-control mb-3 aiz-selectpicker" data-live-search="true" name="state_id" required>
  43. </select>
  44. </div>
  45. </div>
  46. <div class="row">
  47. <div class="col-md-2">
  48. <label><?php echo e(translate('City')); ?></label>
  49. </div>
  50. <div class="col-md-10">
  51. <select class="form-control mb-3 aiz-selectpicker" data-live-search="true" name="city_id" required>
  52. </select>
  53. </div>
  54. </div>
  55. <?php if(get_setting('google_map') == 1): ?>
  56. <div class="row">
  57. <input id="searchInput" class="controls" type="text" placeholder="<?php echo e(translate('Enter a location')); ?>">
  58. <div id="map"></div>
  59. <ul id="geoData">
  60. <li style="display: none;">Full Address: <span id="location"></span></li>
  61. <li style="display: none;">Postal Code: <span id="postal_code"></span></li>
  62. <li style="display: none;">Country: <span id="country"></span></li>
  63. <li style="display: none;">Latitude: <span id="lat"></span></li>
  64. <li style="display: none;">Longitude: <span id="lon"></span></li>
  65. </ul>
  66. </div>
  67. <div class="row">
  68. <div class="col-md-2" id="">
  69. <label for="exampleInputuname">Longitude</label>
  70. </div>
  71. <div class="col-md-10" id="">
  72. <input type="text" class="form-control mb-3" id="longitude" name="longitude" readonly="">
  73. </div>
  74. </div>
  75. <div class="row">
  76. <div class="col-md-2" id="">
  77. <label for="exampleInputuname">Latitude</label>
  78. </div>
  79. <div class="col-md-10" id="">
  80. <input type="text" class="form-control mb-3" id="latitude" name="latitude" readonly="">
  81. </div>
  82. </div>
  83. <?php endif; ?>
  84. <div class="row">
  85. <div class="col-md-2">
  86. <label><?php echo e(translate('Postal code')); ?></label>
  87. </div>
  88. <div class="col-md-10">
  89. <input type="text" class="form-control mb-3" placeholder="<?php echo e(translate('Your Postal Code')); ?>" name="postal_code" value="" required>
  90. </div>
  91. </div>
  92. <div class="row">
  93. <div class="col-md-2">
  94. <label><?php echo e(translate('Phone')); ?></label>
  95. </div>
  96. <div class="col-md-10">
  97. <input type="text" class="form-control mb-3" placeholder="<?php echo e(translate('+880')); ?>" name="phone" value="" required>
  98. </div>
  99. </div>
  100. <div class="form-group text-right">
  101. <button type="submit" class="btn btn-sm btn-primary"><?php echo e(translate('Save')); ?></button>
  102. </div>
  103. </div>
  104. </div>
  105. </form>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="modal fade" id="edit-address-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  110. <div class="modal-dialog modal-dialog-centered" role="document">
  111. <div class="modal-content">
  112. <div class="modal-header">
  113. <h5 class="modal-title" id="exampleModalLabel"><?php echo e(translate('New Address')); ?></h5>
  114. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  115. <span aria-hidden="true">&times;</span>
  116. </button>
  117. </div>
  118. <div class="modal-body" id="edit_modal_body">
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <?php $__env->startSection('script'); ?>
  124. <script type="text/javascript">
  125. function add_new_address(){
  126. $('#new-address-modal').modal('show');
  127. }
  128. function edit_address(address) {
  129. var url = '<?php echo e(route("addresses.edit", ":id")); ?>';
  130. url = url.replace(':id', address);
  131. $.ajax({
  132. headers: {
  133. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  134. },
  135. url: url,
  136. type: 'GET',
  137. success: function (response) {
  138. $('#edit_modal_body').html(response.html);
  139. $('#edit-address-modal').modal('show');
  140. AIZ.plugins.bootstrapSelect('refresh');
  141. <?php if(get_setting('google_map') == 1): ?>
  142. var lat = -33.8688;
  143. var long = 151.2195;
  144. if(response.data.address_data.latitude && response.data.address_data.longitude) {
  145. lat = response.data.address_data.latitude;
  146. long = response.data.address_data.longitude;
  147. }
  148. initialize(lat, long, 'edit_');
  149. <?php endif; ?>
  150. }
  151. });
  152. }
  153. $(document).on('change', '[name=country_id]', function() {
  154. var country_id = $(this).val();
  155. get_states(country_id);
  156. });
  157. $(document).on('change', '[name=state_id]', function() {
  158. var state_id = $(this).val();
  159. get_city(state_id);
  160. });
  161. function get_states(country_id) {
  162. $('[name="state"]').html("");
  163. $.ajax({
  164. headers: {
  165. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  166. },
  167. url: "<?php echo e(route('get-state')); ?>",
  168. type: 'POST',
  169. data: {
  170. country_id : country_id
  171. },
  172. success: function (response) {
  173. var obj = JSON.parse(response);
  174. if(obj != '') {
  175. $('[name="state_id"]').html(obj);
  176. AIZ.plugins.bootstrapSelect('refresh');
  177. }
  178. }
  179. });
  180. }
  181. function get_city(state_id) {
  182. $('[name="city"]').html("");
  183. $.ajax({
  184. headers: {
  185. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  186. },
  187. url: "<?php echo e(route('get-city')); ?>",
  188. type: 'POST',
  189. data: {
  190. state_id: state_id
  191. },
  192. success: function (response) {
  193. var obj = JSON.parse(response);
  194. if(obj != '') {
  195. $('[name="city_id"]').html(obj);
  196. AIZ.plugins.bootstrapSelect('refresh');
  197. }
  198. }
  199. });
  200. }
  201. </script>
  202. <?php if(get_setting('google_map') == 1): ?>
  203. <?php echo $__env->make('frontend.partials.google_map', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
  204. <?php endif; ?>
  205. <?php $__env->stopSection(); ?><?php /**PATH /Users/shaoguo/Desktop/公司资料/小梦/商城/ebayShop/resources/views/frontend/partials/address_modal.blade.php ENDPATH**/ ?>