<!-- 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 cases</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 cases de "<b><?php echo GetCaseOf($_GET["customer_id"])?></b>"</div>
                            <div class="actions btn-set">
                                <a href="./?p=case_add&customer_id=<?php echo $_GET["customer_id"]; ?>" class="btn green">Ajouter une nouvelle case <i class="fa fa-plus"></i></a>
                                <a class=" btn red" data-toggle="modal" href="#delete-case">Supprimer la selection <i class="fa fa-minus"></i></a>
                            </div>							
                        </div>

                        <div class="portlet-body">                        
                            <table class="table table-striped table-bordered table-hover" id="case_table">
                                <thead>
                                    <tr>			
                                        <th></th>
                                        <th>REF.</th>
                                        <th>Marque</th>
                                        <th>Modèle</th>
                                        <th>Interface</th>
                                        <th>Format</th>
                                        <th>Capacité (Go)</th>
                                        <th>Date d'ouverture</th>
                                        <th>Statut</th> 
                                        <th><input type="checkbox" class="group-checkable" data-set="#case_table .checkboxes"/></td>
                                    </tr>
                                </thead>
                                <tbody>	
                                    <tr>
                                        <td colspan="10" class="dataTables_empty">Chargement...</td>
                                    </tr>								
                                </tbody>
                            </table>
                            
                            <!-- BEGIN CONFIRMATION DIALOG-->
                            <div id="delete-case" 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) case(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-->
                            <!-- BEGIN ADD DIALOG-->
                            <div id="add-case-model" class="modal fade" tabindex="-1">
                            </div>
                            <!-- END ADD DIALOG-->
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<script>CUSTOMER_ID = <?php echo $_GET["customer_id"];?>;</script>