{% extends "App::layout_dashboard_user.html.twig" %}

{% block title %}Supprimer mon compte{% endblock %}

{% block fos_user_content %}
	   <div class="img-cover img-cover-purple" style="background-image: url('/img/background_blue_v0011.jpg')">
    <div class="container p-t-b-50 m-t-60">
        <div class="row text-center">
            <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
                <h3 class="no-m m-b-15 font-thin"   style="color: white;">Mon compte</h3>

            </div>
        </div>
    </div>
</div>         


<div class="p-t-b-10 b-b-b-l">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 m-t-b-10">
                <strong>0</strong> offres
            </div>
            <div class="col-sm-6 text-right m-t-b-10">
                <ol class="breadcrumb no-p-r-l no-m no-bg no-p">
                    <li><a href="#">Mon compte</a></li>
                    <li class="active">Supprimer mon compte</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<div class="content-padding p-t-20">
    <div class="container">
        <div class="row">

				<div class="col-lg-12">
					<div class="ibox float-e-margins">

						<div class="ibox-content">


							<div class="row">

								<div class="col-lg-4">

									{% include 'App::leftbar_setting.html.twig' %}
			
								</div>
								<div class="col-lg-8">
									<div class="ibox-title">
										<h3>Suppression de compte</h3>
									</div>

									<div id="alert-supp">
									</div>

									<!-- Button trigger modal -->
									<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
									Supprimer mon compte 
									</button>

									<!-- Modal -->
									<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
									  <div class="modal-dialog" role="document">
									    <div class="modal-content">
									      <div class="modal-header">
									        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									        <h4 class="modal-title" id="myModalLabel">Supprimer mon compte</h4>
									      </div>
									      <div class="modal-body">
									         Si vous souhaitez voir votre compte supprimé, cliquez sur Supprimer mon compte. 
									      </div>
									      <div class="modal-footer">
									        <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
									        <button id="button-supp" type="button" class="btn btn-danger">Supprimer mon compte</button>
									      </div>
									    </div>
									  </div>
									</div>
									<hr />				
	
								</div>
							</div>



						</div>
					</div>
				</div>

			</div>

		</div>

	</div>




{% endblock fos_user_content %}
	


{% block javascripts %}
<script type="text/javascript" >

                    var current_url = window.location.href.toString();
                    var dev_env = false;
                    var domain = "";

                    function init ()
                    {

                        console.log(current_url);
                        if (current_url.includes("dev"))
                        {
                            dev_env = true;
                            domain = "http://localhost:8888/web/app_dev.php";

                        }
                        else if (!current_url.includes("dev"))
                        {
                            dev_env = false;
                            domain = "https://www.rueduprof.com";
                        }
                    }

</script>

<script type="text/javascript">
	(function($) {
	  $(function() 
	  {
	  	init ();

		$( "#button-supp" ).click(function() 
		{
			console.log('Delete Account');
			jQuery.get( domain + "/send-email-deleting" );

			$('#myModal').modal('hide');

			document.getElementById ("alert-supp").innerHTML = '<div class="alert alert-success" role="alert">Votre compte sera supprimé <strong>définitivement</strong>.</div>';


		});

	  });
	})(jQuery);
</script>
{% endblock %}