@extends('root.layouts.master')
@section('content')

<script type="text/javascript">
	$(document).ready(function() {
	    $('#trainingcategorie').DataTable( {
	    	dom: 'Bfrtip',
	        buttons: [
	            'copy', 'csv', 'excel', 'pdf', 'print'
	        ]
	    } );
	} );
</script>

<div class="col-lg-12">
	<nav class="breadcrumb_widgets" aria-label="breadcrumb mb30">
		<h4 class="title float-left">Ajout Categories</h4>
	</nav>
</div>
<div class="col-lg-12">
	<div class="col-lg-12">
        <form action="{{url('store_categorie')}}" method="POST" enctype="multipart/form-data" id="accountForm" autocomplete="off" class="w-100 mt-5">
        
            <div class="col-md-8 offset-md-2">
                <div class="row">
                        <div class="form-group col-md-10">
                            
                            <label for="dm-ecom-product-name">Titre Catégorie</label>
                            <input type="text" class="form-control" id="titre" name="titre" value="">
                        </div>
                        
                        
                </div>
                    
                
                <div class="row">
                    
                    <div class="form-group col-md-6 mt-auto" align="right">
                        <button type="submit" id="submitForm" class="btn btn-primary pull-right" name="modifier" >Ajouter</button>
                        
                        
                    </div>
                </div>
                    
            </div>
            {{ csrf_field() }}
        </form>
    </div>
</div>

<script type="text/javascript">


        $('#accountForm').on('submit', function(e){
            e.preventDefault();
        })

        $('#submitForm').on('click', function(){

         
                    
                                 
                                   

                                    var form = $('#accountForm')[0];
                                    var data = new FormData(form);
                                    //AJAX REQUEST
                                    $.ajax({
                                        type: 'POST',
                                        enctype: 'multipart/form-data',
                                        url: '{{url('store_categorie')}}',
                                        data:data,
                                        processData: false,  // Important!
                                        contentType: false,
                                        cache: false,
                                        timeout: 600000,

                                        success:function(result) {
                                            
                                            if(result == '1'){
                                                swal.fire({
                                                    title: 'Succès',
                                                    text: 'Catégorie ajoutée avec succès !',
                                                    type: 'success',
                                                    showConfirmButton: true,
                                                    confirmButtonText: 'Super'
                                                })

                                                window.location = 'liste_categorie_article';
                                    
                                                
                                                
                                            }
                                            else if (result == '-1') {
                                                swal.fire({
                                                    title: 'Erreur',
                                                    text: ' existant',
                                                    type: 'warning',
                                                    showCancelButton: true,
                                                    showConfirmButton: false,
                                                    cancelButtonText: 'D\'accord'
                                                })
                                            }
                                            else{
                                                console.log(result)
                                                swal.fire({
                                                    title: 'Erreur',
                                                    text: 'Echec de l\'opération',
                                                    type: 'error',
                                                    showCancelButton: true,
                                                    showConfirmButton: false,
                                                    cancelButtonText: 'Hummmm'
                                                })
                                            }
                                        },

                                        error:function(result){
                                            
                                            console.log(result)
                                            swal.fire({
                                                title: 'Erreur',
                                                text: 'Echec de l\'opération',
                                                type: 'error',
                                                showCancelButton: true,
                                                showConfirmButton: false,
                                                cancelButtonText: 'Réessayez'
                                            })
                                        }
                                    });
                                
                            
                       
                    
            
        });
    
</script>



		

@endsection