@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">
			Mon profil
		</h4>
	</nav>
</div>
<div class="col-lg-12">
	<h2>
	    <i class="fa fa-angle-right text-muted mr-1"></i> Mon Profil
	</h2>

	<form action="#" 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">
	            <input type="hidden" name="iduser" id="iduser" value="{{$monprofil->id}}">
	                <div class="form-group col-md-6">
	                    
	                    <label for="dm-ecom-product-name">Nom</label>
	                    <input type="text" class="form-control" id="nom" name="nom" value="{{$monprofil->name}}">
	                </div>
	                <div class="form-group col-md-6">
	                    
	                    <label for="dm-ecom-product-name">Prénoms</label>
	                    <input type="text" class="form-control" id="prenom" name="prenom" value="{{$monprofil->prenom}}">
	                </div>

	                <div class="form-group col-md-6">
	                    
	                    <label for="dm-ecom-product-name">Fonction</label>
	                    <input type="text" class="form-control" id="fonction" name="fonction" value="{{$monprofil->titre}}">
	                </div>
	                <div class="form-group col-md-6">
	                    
	                    <label for="dm-ecom-product-name">Email</label>
	                    <input type="text" class="form-control" id="mail" name="mail" autocomplete="off" value="{{$monprofil->email}}">
	                </div>
	                <div class="form-group col-md-6">
	                <label for="dm-ecom-product-category">Telephone</label>
	                <input type="text" class="form-control" id="telephone" name="telephone" value="{{$monprofil->tel}}">
	                </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" >Modifier</button>
	                
	                
	            </div>
	        </div>
	            
	    </div>
	    {{ csrf_field() }}
	</form>

	<h2>
	        <i class="fa fa-angle-right text-muted mr-1"></i> Modifier mon mot de passe
	    </h2>
	<form action="#" method="POST" enctype="multipart/form-data" id="passwordForm" autocomplete="off" class="w-100 mt-5">
	
	    <div class="col-md-8 offset-md-2">
	        <div class="row">
	            <input type="hidden" name="iduser" id="iduser" value="{{$monprofil->id}}">
	                <div class="form-group col-md-6">
	                    
	                    <label for="dm-ecom-product-name">Mot de passe</label>
	                    <input type="password" class="form-control" id="pass" name="pass" value="">
	                </div>
	            
	        </div>

	            
	        
	        <div class="row">
	            
	            <div class="form-group col-md-6 mt-auto" align="right">
	                <button type="submit" id="submitPasswordForm" class="btn btn-primary pull-right" name="modifier" >Modifier</button>
	                
	                
	            </div>
	        </div>
	            
	    </div>
	    {{ csrf_field() }}
	</form>

	<h2>
	    <i class="fa fa-angle-right text-muted mr-1"></i> Ajouter/Modifier ma description
	</h2>
	<form action="#" method="POST" enctype="multipart/form-data" id="descriptionForm" autocomplete="off" class="w-100 mt-5">
	
	    <div class="col-md-12 offset-md-2">
	        <div class="row">
	            <input type="hidden" name="iduser" id="iduser" value="{{$monprofil->id}}">
	                <div class="form-group col-md-8">
	                    
	                    <label for="dm-ecom-product-name">Ma description</label>
	                    <textarea name="editor" id="editor">
	                        {!! $monprofil->description !!}
	                    </textarea>
	                        
	                        <script>
	                            CKEDITOR.replace('editor', {
	                                filebrowserUploadUrl: '../editor/ckeditor/ck_upload.php',
	                                filebrowserUploadMethod: 'form'
	                            });
	                        </script>
	                </div>
	            
	        </div>

	            
	        
	        <div class="row">
	            
	            <div class="form-group col-md-8 mt-auto" align="center">
	                <button type="submit" id="submitDescriptionForm" class="btn btn-primary pull-right" name="modifier" >Modifier</button>
	                
	                
	            </div>
	        </div>
	            
	    </div>
	    {{ csrf_field() }}
	</form>
</div>

<script type="text/javascript">


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

        $('#submitForm').on('click', function(){
            var _token = $('input[name="_token"]').val();                
                                 
                                   

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

                                        success:function(result) {
                                            
                                            if(result == '1'){
                                                swal.fire({
                                                    title: 'Succès',
                                                    text: 'Profil modifié avec succès !',
                                                    type: 'success',
                                                    showConfirmButton: true,
                                                    confirmButtonText: 'Super'
                                                })
                                    
                                                
                                                
                                            }
                                            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'
                                            })
                                        }
                                    });
                                                        
            
        });
        


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

        $('#submitPasswordForm').on('click', function(){
            var _token = $('input[name="_token"]').val();                                 

                                    var form = $('#passwordForm')[0];
                                    var data = new FormData(form);

                                    Swal.fire({
                                      title: 'Etes vous sùrs?',
                                      text: "Voulez vous vraiment changer l'ancien mot de passe?",
                                      icon: 'warning',
                                      showCancelButton: true,
                                      confirmButtonColor: '#3085d6',
                                      cancelButtonColor: '#d33',
                                      confirmButtonText: 'Oui, modifier!',
                                      cancelButtonText: 'Non, abandonner!'
                                    }).then((result) => {
                                    //AJAX REQUEST
                                    $.ajax({
                                        type: 'POST',
                                        enctype: 'multipart/form-data',
                                        url: '/modif_monpass',
                                        data:data,
                                        processData: false,  // Important!
                                        contentType: false,
                                        cache: false,
                                        timeout: 600000,

                                        success:function(result) {
                                            
                                            if(result == '1'){
                                                swal.fire({
                                                    title: 'Succès',
                                                    text: 'Mot de passe est modifié avec succès !',
                                                    type: 'success',
                                                    showConfirmButton: true,
                                                    confirmButtonText: 'Super'
                                                })

                                                $('#pass').val('');
                                    
                                                
                                                
                                            }
                                            else if (result == '-1') {
                                                swal.fire({
                                                    title: 'Erreur !',
                                                    text: 'Le champ est vide, Veuillez le remplir avec le nouveau mot de passe et valider',
                                                    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'
                                            })
                                        }
                                    });
                                })
                                                        
            
        });


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

        $('#submitDescriptionForm').on('click', function(){
            var _token = $('input[name="_token"]').val();

            var oEditor = CKEDITOR.instances.editor;
             let editore = document.getElementById('editor').value = oEditor.getData();
            // let editore = document.getElementById("editore").value;
            // console.log(editore);


                                  
                  $.ajax({
                      type: 'POST',
                      url: '{{url('modif_madescription')}}',
                      data:{
                        'editor':editore,
                        "_token":"{{ csrf_token() }}"
                      }, 

                                        success:function(result) {
                                            
                                            if(result == '1'){
                                                swal.fire({
                                                    title: 'Succès',
                                                    text: 'Description modifiée avec succès !',
                                                    type: 'success',
                                                    showConfirmButton: true,
                                                    confirmButtonText: 'Super'
                                                })
                                                                                                
                                                
                                            }
                                            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