From d120e5eadc9acdd3b74665a0cfd442a941f32540 Mon Sep 17 00:00:00 2001
From: Flavio Barachino <flavio.barachino@gmail.com>
Date: Fri, 19 May 2023 16:18:18 +0200
Subject: [PATCH] Popup modale per inserimento nuova categoria

---
 .../views/conti/categorie/list.blade.php      | 52 ++++++++++++-------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/resources/views/conti/categorie/list.blade.php b/resources/views/conti/categorie/list.blade.php
index 37e4874..cd13f08 100644
--- a/resources/views/conti/categorie/list.blade.php
+++ b/resources/views/conti/categorie/list.blade.php
@@ -7,17 +7,7 @@
 </div>                          
 	<div class="container">
     	<!-- Content here -->
-    	<form action="" method="POST">
-    	@csrf
-    	<div class="mb-3">
-    		<label for="categoria" class="form-label">Categoria</label>
-    		<input type="text" class="form-control" id="categoria" name="cat_name">
-    		
-    	</div> 
-    	
-    	   	<button type="submit" class="btn btn-primary">Submit</button>
-    	</form>
-    	
+<button class="btn btn-warning btn-detail open_modal_new" > Nuova Categoria </button>	
 <div class="row">
  	<div class="col-lg-12">
     	<div class="panel panel-default">
@@ -86,18 +76,36 @@
 		</div>
 	</div>
 </div>
+<div class="modal fade" id="myModal_new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+		<!-- FORM INSERIMENTO NUOVA CATEGORIA -->
+    	<form action="" method="POST">
+    	@csrf
+    	<div class="mb-3">
+    		<label for="categoria" class="form-label">Categoria</label>
+    		<input type="text" class="form-control" id="categoria" name="cat_name">
+    		
+    	</div> 
+    	
+    	   	<button type="submit" class="btn btn-primary">Submit</button>
+    	</form>
+ <!-- FINE FORM INSERIMENTO NUOVA CATEGORIA -->
+ 	</div>
+ </div>
+ </div>  
  <!-- /.col-lg-12 -->
 
 @endsection
 
 @section('script')
 <script>
-            $(document).ready(function() {
-                $('#categorie').DataTable({
-                        responsive: true
-                });
-            
-            $(document).on('click','.open_modal',function(){
+   $(document).ready(function() {
+            $('#categorie').DataTable({
+                    responsive: true
+            });
+        
+        $(document).on('click','.open_modal',function(){
             var url = "catmodify";
             var riga_id= $(this).val();
             $.getJSON(url + '/' + riga_id, function (data) {
@@ -107,8 +115,12 @@
                 $('#H_cat_cat_name').val(data[0].cat_name);
                 $('#H_cat_id').val(data[0].id);
                 $('#myModal').modal('show');
-        }); 
-    });
-            });
+            }); 
+        });
+        $(document).on('click','.open_modal_new',function(){
+                $('#myModal_new').modal('show');
+             
+        });
+   });
         </script>
 @endsection