<center> <!-- The Modal --> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Add Bags</h4> <button type="button" class="btn btn-close btn-light" data-bs-dismiss="modal">❌</button> </div> <!-- Modal body --> <div class="modal-body"> <label for="title">Title</label> <input type="text" id="title" class="form-control" value="bag for mumbai" /><br/> <label for="Address">Address</label> <textarea id="textarea" class="form-control"></textarea><br/> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" id="closebtn" class="btn btn-danger" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-success" id="submit">Save</button> </div> </div> </div> </div> <!-- model for success msg --> <div class="modal" id="myModalmsg"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> </div> <!-- Modal body --> <div class="modal-body"> <div class="success_boxs" style=""> <button class="btn btn-light" data-bs-dismiss="modal" style="float:right; background:white">❌</button> <center> <div><img src="{{ asset('images/successIcon.png') }}" /></div><br/> <h5>Data Saved Successfully !</h5></center> </div> </div> <!-- Modal footer --> <div class="modal-footer"> </div> </div> </div> </div> <button class="btn btn-success" data-bs-toggle="modal" id="msgmodel" data-bs-target="#myModalmsg" style="visibility:hidden">Add Bags</button> <!-- success model end --> <style> .success_box{ display:none; } </style> <script> $(document).ready(function(){ let submit_bag = "{{route('add_bags')}}"; $('#cross').click(function(){ $('.success_box').hide(); }); $('#submit').click(function(ev){ let bag_title = $('#title').val(); let textarea = $('#textarea').val(); $.ajax({ type: 'POST', url: submit_bag, data: {bag_title: bag_title, address: textarea, _token: '{{csrf_token()}}'}, success: function(data){ if(data == 200){ $('#closebtn').trigger('click'); $('#msgmodel').trigger('click'); } } }); }); }); </script> <?php // controller function add_bags(Request $req){ $title = $req->bag_title; $address = $req->address; $query = DB::table('bags')->insert([ 'title' => $title, 'address' => $address ]); if($query){ echo 200; } } ?>
