<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">Gestion des clients</h3>					
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->	            
            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-md-12">
                    <?php
                        if (!empty($_GET["strResult"]))
                        {
                            ?>
                            <div id="result_show_id" class="app-alerts alert alert-success fade in">
                            	<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button> <?php echo base64_decode($_GET["strResult"]); ?>
                            </div>
							<script language="javascript" type="application/javascript">
								setTimeout(function(){
									$('#result_show_id').toggle();
								}, 5000);
                            </script>
							<?php
                        }
                    ?>

                    <div id="div-result"></div>

                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">Liste des clients</div>
                            <div class="actions btn-set">
                                <a href="./?p=customer_add" class="btn green">Ajouter un nouveau client <i class="fa fa-plus"></i></a>
                                <a class=" btn red" data-toggle="modal" href="#delete-customer">Supprimer la selection <i class="fa fa-minus"></i></a>
                            </div>							
                        </div>
                        <div class="portlet-body">       
                            <form>
                                <table class="table table-striped table-bordered table-hover" id="customer_table">
                                    <thead>
                                        <tr>			
                                            <th>Nom</th>
                                            <th>Prénom</th>                                            
                                            <th>Société</th>
                                            <th>Tel.</th>
                                            <th>Email</th>
                                            <th width="1%">Cases</th> 
                                            <th width="1%"><input type="checkbox" class="group-checkable" data-set="#customer_table .checkboxes"/></td>
                                        </tr>
                                    </thead>
                                    <tbody>	
                                        <tr>
                                            <td colspan="7" class="dataTables_empty">Chargement...</td>
                                        </tr>								
                                    </tbody>
                                </table>
                            </form>
                            <!-- BEGIN CONFIRMATION DIALOG-->
                            <div id="delete-customer" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
                                <div class="modal-body">
                                    <p>
                                        être vous sûr de vouloir supprimer le(s) client(s) selectionné(s)?
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" data-dismiss="modal" class="btn btn-default">Annuler</button>
                                    <button type="button" data-dismiss="modal" class="btn red" id="confirm-delete"><i class="fa fa-times"></i> Supprimer</button>
                                </div>
                            </div>                       
                            <!-- END CONFIRMATION DIALOG-->
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
            <!-- END PAGE CONTENT-->
            </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->