@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">Liste Tableaux</h4>
		<ol class="breadcrumb float-right">
	    	<a href="{{url('nouveau_tableau')}}" class="btn btn-primary pull-rignt">Nouveau</a>
		</ol>
	</nav>
</div>
<div class="col-lg-12">
	                <table id="trainingcategorie" class="table-responsive stripe" style="width:100%">
	                        <thead>
	                            <tr>
	                                <th>Libelle Tableau</th>
	                                <th>Description</th>
	                                <th>Prix</th>
	                                <th>Modifier</th>
	                                <th>Supprimer</th>
	                            </tr>
	                        </thead>
	                        <tbody>
	                            @foreach($product as $products)
	                            <tr>

	                                <td>{{$products->nameP}}</td>
	                                <td>{!! $products->description !!}</td>
	                                <td>{{$products->price}}</td>
	                                <td onclick="window.location.href = '{{ url('/modifier_tableau/'.($products->id))}}' "><i class="btn fa fa-edit"></i></td>
	                                <td id="supprimer{{$products->id}}"><i class="btn fa fa-trash"></i></td>
	                            </tr>  

	<script type="text/javascript">
	    
	    $('#supprimer{{$products->id}}').on('click', function(){


	        let idproduit = {{$products->id}};
	        console.log(idproduit);






	    swal.fire({
	      title: 'Etes vous sûr ?',
	      text: "Voulez vous vraiment supprimer ce tableau ?",
	      type: 'warning',
	      showCancelButton: true,
	      confirmButtonText: 'Oui, supprimer',
	      cancelButtonText: 'Non, abandonner',
	      reverseButtons: true
	    }).then((result) => {
	        if (result.value) {


	            
	            $.ajax({
	                type: 'POST',
	                url: '{{ url("/supprimer_tableau") }}',
	                data: {
	                    idproduit:idproduit,
	                    "_token":"{{ csrf_token() }}" 
	                },

	                success:function(result) {
	                    
	                    if(result === '1'){
	                        swal.fire({
	                            title: 'Good Job',
	                            text: 'Tableau supprimé avec succès',
	                            type: 'success',
	                            showConfirmButton: true,
	                            confirmButtonText: 'D\'accord'
	                        });
	                        location.reload();
	                    }
	                    else{
	                        console.log(result);
	                        swal.fire({
	                            title: 'Ooops',
	                            text: 'Inpossible de supprimer ce tableau',
	                            type: 'error',
	                            showCancelButton: true,
	                            showConfirmButton:false,
	                            cancelButtonText: 'OK'
	                        });

	                        
	                    }
	                },

	                error:function(result){
	                    
	                    console.log(result);
	                    swal.fire({
	                        title: 'Ooops',
	                        text: 'Echec de l\'opération',
	                        type: 'error',
	                        showCancelButton: true,
	                        showConfirmButton:false,
	                        cancelButtonText: 'Hummmm'
	                    });

	                }
	            })    }







	          })

	    })

	
	                        

	</script> 





	                            @endforeach
	                        </tbody>
	                </table>

</div>
		

@endsection