<?php
require_once('connexion.php');


$res = $conn->query("SELECT * FROM fc_conventions where contact_at='Borie'");
$lignes = $res->fetchAll();

$res2 = $conn->query("SELECT * FROM `fc_conventions` inner join fc_echeances on fc_conventions.id= fc_echeances.conv_id order by statut_echeance asc, echeance_fin asc, num_conv asc ");
$lignes2 = $res2->fetchAll();



?>



<!doctype html>

<html class="no-js" lang="fr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Data Table | Notika - Notika Admin Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- font awesome CSS
		============================================ -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <!-- meanmenu CSS
		============================================ -->
    <link rel="stylesheet" href="css/meanmenu/meanmenu.min.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="css/normalize.css">
	<!-- wave CSS
		============================================ -->
    <link rel="stylesheet" href="css/wave/waves.min.css">
    <link rel="stylesheet" href="css/wave/button.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- Notika icon CSS
		============================================ -->
    <link rel="stylesheet" href="css/notika-custom-icon.css">
    
    <!-- bootstrap select CSS
		============================================ -->
    <link rel="stylesheet" href="css/bootstrap-select/bootstrap-select.css">
    <!-- icheck JS
		============================================ -->
        <script src="js/icheck/icheck.min.js"></script>
        <script src="js/icheck/icheck-active.js"></script>
    
    
    <!-- Data Table JS
		============================================ -->
    <link rel="stylesheet" href="css/jquery.dataTables.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="css/main.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>


<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
           
<!-- Start Header Top Area - MENU DE L'EN-TETE -->
<div class="header-top-area">
    <div class="container">
        <div class="row">
            
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <div class="logo-area"> <a href="home.php"><img src="img/logo/logo.png" alt="" /></a> </div>
            </div>
                
            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                <div class="header-top-menu">
                    <ul class="nav navbar-nav notika-top-nav">
                        <li class="nav-item dropdown">
                         <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-search"></i></span></a>
                            <div role="menu" class="dropdown-menu search-dd animated flipInX">
                                <div class="search-input">
                                     <i class="notika-icon notika-left-arrow"></i>
                                     <input type="text" />
                                </div>
                            </div>
                        </li>
                
                
                        <li class="nav-item dropdown">
                        <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-mail"></i></span></a>
                            <div role="menu" class="dropdown-menu message-dd animated zoomIn">
                                <div class="hd-mg-tt">
                                <h2>Messages</h2>
                                </div>
                                    <div class="hd-message-info">
                                        <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img">
                                            <img src="img/post/1.jpg" alt="" />
                                             </div>
                                                <div class="hd-mg-ctn">
                                                <h3>David Belle</h3>
                                                <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                                </div>
                                        </div>
                                        </a>
                                        <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img">
                                            <img src="img/post/2.jpg" alt="" />
                                            </div>
                                                <div class="hd-mg-ctn">
                                                <h3>Jonathan Morris</h3>
                                                <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                                </div>
                                        </div>
                                        </a>
                                        <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img">
                                            <img src="img/post/4.jpg" alt="" />
                                            </div>
                                                <div class="hd-mg-ctn">
                                                <h3>Fredric Mitchell</h3>
                                                <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                                </div>
                                        </div>
                                        </a>
                                    
                                        <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img">
                                            <img src="img/post/1.jpg" alt="" />
                                            </div>
                                                <div class="hd-mg-ctn">
                                                <h3>David Belle</h3>
                                                <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                                </div>
                                        </div>
                                        </a>
                                    
                                        <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img">
                                            <img src="img/post/2.jpg" alt="" />
                                            </div>
                                                <div class="hd-mg-ctn">
                                                <h3>Glenn Jecobs</h3>
                                                <p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
                                                </div>
                                        </div>
                                        </a>
                                    </div>
                                    
                                    <div class="hd-mg-va">
                                        <a href="#">View All</a>
                                    </div>
                            </div>
                        </li>
                        
                        <li class="nav-item nc-al">
                            <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-alarm"></i></span><div class="spinner4 spinner-4"></div><div class="ntd-ctn"><span>33</span></div></a>
                            <div role="menu" class="dropdown-menu message-dd notification-dd animated zoomIn">
                                <div class="hd-mg-tt">
                                <h2>Notifications</h2>
                                </div>
                                    <div class="hd-message-info">
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Borie - 12555</h3>
                                                <p>Attente signature convention</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Borie - 12555</h3>
                                                <p>Attente signature convention</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Borie - 12555</h3>
                                                <p>Attente signature convention</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Borie - 12555</h3>
                                                <p>Attente signature convention</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                    
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>
                                        
                                    <a href="#">
                                        <div class="hd-message-sn">
                                                <div class="hd-mg-ctn">
                                                <h3>Porchas - 12666</h3>
                                                <p>Attente maj suivi execution</p>
                                                </div>
                                        </div>
                                    </a>



                                </div>
                                    <div class="hd-mg-va">
                                    <a href="#">View All</a>
                                    </div>
                            </div>
                        </li>
                          
                        <li class="nav-item"><a href="" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span></span><div class="spinner4 spinner-4"></div><div class="ntd-ctn"><span>102</span></div></a>
                        </li>

                        <li class="nav-item"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-support"></i></span></a><h8 style="color:#ffffff;">administrateur, vous êtes connecté</h8>
                            <div role="menu" class="dropdown-menu message-dd chat-dd animated zoomIn">
                                <div class="hd-mg-tt">
                                <h2>Deconnection</h2>
                                </div>
                                    <div class="hd-message-info">
                                    <a href="#">
                                        <div class="hd-message-sn">
                                            <div class="hd-message-img chat-img">
                                            <img src="img/post/1.jpg" alt="" />
                                                <div class="chat-avaible"><i class="notika-icon notika-dot"></i></div>
                                            </div>
                                                <div class="hd-mg-ctn">
                                                <h7><a href="index.php">Deconnectez-vous</a></h7>
                                                </div>
                                        </div>
                                    </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- End Header Top Area -->

<!-- Main Menu area start-->
    <div class="main-menu-area mg-tb-40">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <ul class="nav nav-tabs notika-menu-wrap menu-it-icon-pro">
                        <li class="active"><a data-toggle="tab" href="#Home"><i class="notika-icon notika-house"></i> Suivi des Clients</a>
                        </li>
                        <li><a data-toggle="tab" href="#mailbox"><i class="notika-icon notika-mail"></i> Email</a>
                        </li>
                        <li><a data-toggle="tab" href="#Interface"><i class="notika-icon notika-edit"></i> Interface</a>
                        </li>
                        <li><a data-toggle="tab" href="#Charts"><i class="notika-icon notika-bar-chart"></i> Charts</a>
                        </li>
                        <li><a data-toggle="tab" href="#Tables"><i class="notika-icon notika-windows"></i> Tables</a>
                        </li>
                        <li><a data-toggle="tab" href="#Forms"><i class="notika-icon notika-form"></i> Forms</a>
                        </li>
                        <li><a data-toggle="tab" href="#Appviews"><i class="notika-icon notika-app"></i> App views</a>
                        </li>
                        <li><a data-toggle="tab" href="#Page"><i class="notika-icon notika-support"></i> Pages</a>
                        </li>
                    </ul>
                    <div class="tab-content custom-menu-content">
                        <div id="Home" class="tab-pane in active notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                            <button class="btn btn-success notika-btn-success" disabled="disabled">Formation Continue</button>
                                </li>
                                <li><a href="index-2.html">Programme Régional Formation (PRF)</a>
                                </li>
                                <li><a href="index-3.html">Apprentissage</a>
                                </li>
                            </ul>
                        </div>
                        <div id="mailbox" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="inbox.html">Inbox</a>
                                </li>
                                <li><a href="view-email.html">View Email</a>
                                </li>
                                <li><a href="compose-email.html">Compose Email</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Interface" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="animations.html">Animations</a>
                                </li>
                                <li><a href="google-map.html">Google Map</a>
                                </li>
                                <li><a href="data-map.html">Data Maps</a>
                                </li>
                                <li><a href="code-editor.html">Code Editor</a>
                                </li>
                                <li><a href="image-cropper.html">Images Cropper</a>
                                </li>
                                <li><a href="wizard.html">Wizard</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Charts" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="flot-charts.html">Flot Charts</a>
                                </li>
                                <li><a href="bar-charts.html">Bar Charts</a>
                                </li>
                                <li><a href="line-charts.html">Line Charts</a>
                                </li>
                                <li><a href="area-charts.html">Area Charts</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Tables" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="normal-table.html">Normal Table</a>
                                </li>
                                <li><a href="data-table.html">Data Table</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Forms" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="form-elements.html">Form Elements</a>
                                </li>
                                <li><a href="form-components.html">Form Components</a>
                                </li>
                                <li><a href="form-examples.html">Form Examples</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Appviews" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="notification.html">Notifications</a>
                                </li>
                                <li><a href="alert.html">Alerts</a>
                                </li>
                                <li><a href="modals.html">Modals</a>
                                </li>
                                <li><a href="buttons.html">Buttons</a>
                                </li>
                                <li><a href="tabs.html">Tabs</a>
                                </li>
                                <li><a href="accordion.html">Accordion</a>
                                </li>
                                <li><a href="dialog.html">Dialogs</a>
                                </li>
                                <li><a href="popovers.html">Popovers</a>
                                </li>
                                <li><a href="tooltips.html">Tooltips</a>
                                </li>
                                <li><a href="dropdown.html">Dropdowns</a>
                                </li>
                            </ul>
                        </div>
                        <div id="Page" class="tab-pane notika-tab-menu-bg animated flipInX">
                            <ul class="notika-main-menu-dropdown">
                                <li><a href="contact.html">Contact</a>
                                </li>
                                <li><a href="invoice.html">Invoice</a>
                                </li>
                                <li><a href="typography.html">Typography</a>
                                </li>
                                <li><a href="color.html">Color</a>
                                </li>
                                <li><a href="login-register.html">Login Register</a>
                                </li>
                                <li><a href="404.html">404 Page</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- Main Menu area End-->

<!-- Start tabs area-->

<div class="tabs-info-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="widget-tabs-int">
                    <div class="widget-tabs-list">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#home">Suivi des documents contractuels</a></li>
                            <li><a data-toggle="tab" href="#menu1">Suivi des échéances de facturation</a></li>
                            <li><a data-toggle="tab" href="#menu2">Suivi de facturation</a></li>
                        </ul>
                        <div class="tab-content tab-custom-st">
                            <!-- Tabs contenu 1-->
                            <div id="home" class="tab-pane fade in active">
                                <div class="tab-ctn">
                                    <!-- Data Table area Start-->
                                    <div class="data-table-area">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="data-table-list">
                                                    <div class="basic-tb-hd">
                                                        <div class="row">
                                                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
                                                                <h2>Contractualisation Client</h2>
                                                            </div>
                                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                                                <div class="btn-list"> <button class="btn btn-default notika-btn-default btn-sm" data-toggle="modal" data-target="#myModalthree"> Nouvelle convention </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


<div class="btn-group">
  <button type="button" class="btn btn-primary">BORIE Laurence</button>
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="fc_conventions_borie_incomplet.php">Dossiers Incomplets</a></li>
    <li><a href="fc_conventions_borie_complet.php">Dossiers complets</a></li>
  </ul>
<a class="btn btn-default" href="fc_conventions.php" onclick="$('table').tableFilter('filterRows', '');">Retour - liste des AAP</a>
</div>

<br>
<br>

                                                    <div class="table-responsive">
                                                        <table id="data-table-basic" class="table table-striped" data-order="[[ 4, &quot;desc&quot; ]]">
                                                            <thead>
                                                                <tr>
                                                                    <th>Conv.</th>
                                                                    <th>Statut</th>
                                                                    <th>Début</th>
                                                                    <th>Fin</th>
                                                                    <th>Statut Admin.</th>
                                                                    <th>Statut Financ.</th>
                                                                    <th>AT</th>
                                                                    <th>RD</th>
                                                                    <th>SG</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <?php foreach ($lignes as $ligne) { ?>
                                                                    <tr>
                                                                        <td><?php echo $ligne['num_conv']; ?></td>
                                                                        <td class="text-center"> <?php if($ligne['status'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">En cours</button>
                                                                        <?php elseif($ligne['status'] == 0): ?> <button class="btn btn-default notika-btn-default" disabled="disabled">Clôturé</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Non démarré</button>
                                                                        <?php endif; ?> </td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne['date_debut'])); ?></td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne['date_fin'])); ?></td>
                                                                        <td class="text-center"> <?php if($ligne['statut_admin'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne['statut_financ'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne['contact_at'] == 0): ?> <span>Borie</span>
                                                                        <?php elseif($ligne['contact_at'] == 1): ?> <span>Bordes</span>
                                                                        <?php elseif($ligne['contact_at'] == 2): ?> <span>Cerez</span>
                                                                        <?php elseif($ligne['contact_at'] == 3): ?> <span>Gauthier</span>
                                                                        <?php elseif($ligne['contact_at'] == 4): ?> <span>Mallet</span>
                                                                        <?php elseif($ligne['contact_at'] == 5): ?> <span>Mozzi</span>
                                                                        <?php elseif($ligne['contact_at'] == 6): ?> <span>Oulhen</span>
                                                                        <?php elseif($ligne['contact_at'] == 7): ?> <span>Porchas</span>
                                                                        <?php elseif($ligne['contact_at'] == 8): ?> <span>Punsola</span>
                                                                        <?php else: ?> <span>Supiot</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne['contact_rd'] == 0): ?> <span>Dalet</span>
                                                                        <?php elseif($ligne['contact_rd'] == 1): ?> <span>B</span>
                                                                        <?php elseif($ligne['contact_rd'] == 2): ?> <span>C</span>
                                                                        <?php elseif($ligne['contact_rd'] == 3): ?> <span>D</span>
                                                                        <?php elseif($ligne['contact_rd'] == 4): ?> <span>E</span>
                                                                        <?php elseif($ligne['contact_rd'] == 5): ?> <span>F</span>
                                                                        <?php elseif($ligne['contact_rd'] == 6): ?> <span>G</span>
                                                                        <?php elseif($ligne['contact_rd'] == 7): ?> <span>H</span>
                                                                        <?php elseif($ligne['contact_rd'] == 8): ?> <span>T</span>
                                                                        <?php else: ?> <span>U</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne['contact_sg'] == 0): ?> <span>Vilar</span>
                                                                        <?php else: ?> <span>Vicente</span>
                                                                        <?php endif; ?> </td>
                                                                        <td align="center"> <button type="button" class="btn btn-flat p-1 btn-default btn-sm dropdown-toggle dropdown-icon" data-toggle="modal" data-target="#myModalthree"> Action </button></td>
                                                                    </tr>
                                                                <?php } ?>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Data Table area End-->
                                </div>
                            </div>
                            <!-- Fin Tabs contenu 1-->
                            <!-- Tabs contenu 2-->
                            <div id="menu1" class="tab-pane fade in active">
                                <div class="tab-ctn">
                                    <!-- Data Table area Start-->
                                    <div class="data-table-area">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="data-table-list">
                                                    <div class="basic-tb-hd">
                                                        <div class="row">
                                                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
                                                            <h2>Echéancier de facturation</h2>
                                                            </div>
                                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                                            <div class="btn-list">
                                                            <button class="btn btn-primary notika-btn-primary btn-sm" data-toggle="modal" data-target="#myModalthree"> Nouvelle échéance </button>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="table-responsive">
                                                        <table id="data-table-basic" class="table table-hover" data-order="[[ 4, &quot;desc&quot; ]]">
                                                        <thead class="table-dark">
                                                                <tr>
                                                                    <th>Conv.</th>
                                                                    <th>Type échéance</th>
                                                                    <th>Statut</th>
                                                                    <th>Début</th>
                                                                    <th>Fin</th>
                                                                    <th>Statut Admin.</th>
                                                                    <th>Statut Financ.</th>
                                                                    <th>AT</th>
                                                                    <th>RD</th>
                                                                    <th>SG</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <?php foreach ($lignes2 as $ligne2) { ?>
                                                                    <tr>
                                                                        <td><?php echo $ligne2['num_conv']; ?></td>
                                                                        <td class="text-center"> <?php if($ligne2['type'] == 0): ?> <span>Echeance 1</span>
                                                                        <?php elseif($ligne2['type'] == 1): ?> <span>Echeance 2</span>
                                                                        <?php elseif($ligne2['type'] == 2): ?> <span>Echeance 3</span>
                                                                        <?php elseif($ligne2['type'] == 3): ?> <span>Echeance 4</span>
                                                                        <?php elseif($ligne2['type'] == 4): ?> <span>Echeance 5</span>
                                                                        <?php elseif($ligne2['type'] == 5): ?> <span>Echeance 6</span>
                                                                        <?php elseif($ligne2['type'] == 6): ?> <span>Echeance 7</span>
                                                                        <?php elseif($ligne2['type'] == 7): ?> <span>Echeance 8</span>
                                                                        <?php elseif($ligne2['type'] == 8): ?> <span>Echeance 9</span>
                                                                        <?php elseif($ligne2['type'] == 9): ?> <span>Echeance 10</span>
                                                                        <?php elseif($ligne2['type'] == 10): ?> <span>Echeance 11</span>
                                                                        <?php elseif($ligne2['type'] == 11): ?> <span>Echeance 12</span>
                                                                        <?php elseif($ligne2['type'] == 12): ?> <span>Echeance 13</span>
                                                                        <?php elseif($ligne2['type'] == 13): ?> <span>Echeance 14</span>
                                                                        <?php elseif($ligne2['type'] == 14): ?> <span>Echeance 15</span>
                                                                        <?php elseif($ligne2['type'] == 15): ?> <span>Echeance 16</span>
                                                                        <?php elseif($ligne2['type'] == 16): ?> <span>Echeance 17</span>
                                                                        <?php elseif($ligne2['type'] == 17): ?> <span>Echeance 18</span>
                                                                        <?php elseif($ligne2['type'] == 18): ?> <span>Echeance 19</span>
                                                                        <?php elseif($ligne2['type'] == 19): ?> <span>Echeance 20</span>
                                                                        <?php elseif($ligne2['type'] == 20): ?> <span>Echeance 21</span>
                                                                        <?php elseif($ligne2['type'] == 21): ?> <span>Echeance 22</span>
                                                                        <?php else: ?> <span>Solde</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_echeance'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">En cours</button>
                                                                        <?php elseif($ligne2['statut_echeance'] == 0): ?> <button class="btn btn-default notika-btn-default" disabled="disabled">Clôturé</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Non démarré</button>
                                                                        <?php endif; ?> </td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne2['echeance_debut'])); ?></td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne2['echeance_fin'])); ?></td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_admin'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_financ'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['contact_at'] == 0): ?> <span>Borie</span>
                                                                        <?php elseif($ligne2['contact_at'] == 1): ?> <span>Bordes</span>
                                                                        <?php elseif($ligne2['contact_at'] == 2): ?> <span>Cerez</span>
                                                                        <?php elseif($ligne2['contact_at'] == 3): ?> <span>Gauthier</span>
                                                                        <?php elseif($ligne2['contact_at'] == 4): ?> <span>Mallet</span>
                                                                        <?php elseif($ligne2['contact_at'] == 5): ?> <span>Mozzi</span>
                                                                        <?php elseif($ligne2['contact_at'] == 6): ?> <span>Oulhen</span>
                                                                        <?php elseif($ligne2['contact_at'] == 7): ?> <span>Porchas</span>
                                                                        <?php elseif($ligne2['contact_at'] == 8): ?> <span>Punsola</span>
                                                                        <?php else: ?> <span>Supiot</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['contact_rd'] == 0): ?> <span>Dalet</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 1): ?> <span>B</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 2): ?> <span>C</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 3): ?> <span>D</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 4): ?> <span>E</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 5): ?> <span>F</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 6): ?> <span>G</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 7): ?> <span>H</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 8): ?> <span>T</span>
                                                                        <?php else: ?> <span>U</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center">  <?php if($ligne2['contact_sg'] == 0): ?> <span>Vilar</span>
                                                                        <?php else: ?> <span>Vicente</span>
                                                                        <?php endif; ?> </td>
                                                                        <td align="center"> <button type="button" class="btn btn-flat p-1 btn-default btn-sm dropdown-toggle dropdown-icon" data-toggle="modal" data-target="#myModalthree"> Action </button>
							                                            </td>
                                                                    </tr>
                                                                <?php } ?>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                 </div>
                                    <!-- Data Table area End-->
                            </div>
                        </div>
                        <!-- Fin Tabs contenu 2-->
                            <!-- Tabs contenu 3-->
                            <div id="menu2" class="tab-pane fade in active">
                                <div class="tab-ctn">
                                    <!-- Data Table area Start-->
                                    <div class="data-table-area">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="data-table-list">
                                                    <div class="basic-tb-hd">
                                                        <div class="row">
                                                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
                                                            <h2>Facturation</h2>
                                                            </div>
                                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                                            <div class="btn-list">
                                                            <button class="btn btn-primary notika-btn-primary btn-sm" data-toggle="modal" data-target="#myModalthree"> Nouvelle échéance </button>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="table-responsive">
                                                        <table id="data-table-basic" class="table table-striped" data-order="[[ 4, &quot;desc&quot; ]]">
                                                            <thead>
                                                                <tr>
                                                                    <th>Conv.</th>
                                                                    <th>Type échéance</th>
                                                                    <th>Statut</th>
                                                                    <th>Début</th>
                                                                    <th>Fin</th>
                                                                    <th>Statut Admin.</th>
                                                                    <th>Statut Financ.</th>
                                                                    <th>AT</th>
                                                                    <th>RD</th>
                                                                    <th>SG</th>
                                                                    <th>Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <?php foreach ($lignes2 as $ligne2) { ?>
                                                                    <tr>
                                                                        <td><?php echo $ligne2['num_conv']; ?></td>
                                                                        <td class="text-center"> <?php if($ligne2['type'] == 0): ?> <span>Echeance 1</span>
                                                                        <?php elseif($ligne2['type'] == 1): ?> <span>Echeance 2</span>
                                                                        <?php elseif($ligne2['type'] == 2): ?> <span>Echeance 3</span>
                                                                        <?php elseif($ligne2['type'] == 3): ?> <span>Echeance 4</span>
                                                                        <?php elseif($ligne2['type'] == 4): ?> <span>Echeance 5</span>
                                                                        <?php elseif($ligne2['type'] == 5): ?> <span>Echeance 6</span>
                                                                        <?php elseif($ligne2['type'] == 6): ?> <span>Echeance 7</span>
                                                                        <?php elseif($ligne2['type'] == 7): ?> <span>Echeance 8</span>
                                                                        <?php elseif($ligne2['type'] == 8): ?> <span>Echeance 9</span>
                                                                        <?php elseif($ligne2['type'] == 9): ?> <span>Echeance 10</span>
                                                                        <?php elseif($ligne2['type'] == 10): ?> <span>Echeance 11</span>
                                                                        <?php elseif($ligne2['type'] == 11): ?> <span>Echeance 12</span>
                                                                        <?php elseif($ligne2['type'] == 12): ?> <span>Echeance 13</span>
                                                                        <?php elseif($ligne2['type'] == 13): ?> <span>Echeance 14</span>
                                                                        <?php elseif($ligne2['type'] == 14): ?> <span>Echeance 15</span>
                                                                        <?php elseif($ligne2['type'] == 15): ?> <span>Echeance 16</span>
                                                                        <?php elseif($ligne2['type'] == 16): ?> <span>Echeance 17</span>
                                                                        <?php elseif($ligne2['type'] == 17): ?> <span>Echeance 18</span>
                                                                        <?php elseif($ligne2['type'] == 18): ?> <span>Echeance 19</span>
                                                                        <?php elseif($ligne2['type'] == 19): ?> <span>Echeance 20</span>
                                                                        <?php elseif($ligne2['type'] == 20): ?> <span>Echeance 21</span>
                                                                        <?php elseif($ligne2['type'] == 21): ?> <span>Echeance 22</span>
                                                                        <?php else: ?> <span>Solde</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_echeance'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">En cours</button>
                                                                        <?php elseif($ligne2['statut_echeance'] == 0): ?> <button class="btn btn-default notika-btn-default" disabled="disabled">Clôturé</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Non démarré</button>
                                                                        <?php endif; ?> </td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne2['echeance_debut'])); ?></td>
                                                                        <td><?php echo date("d-m-Y",strtotime($ligne2['echeance_fin'])); ?></td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_admin'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['statut_financ'] == 1): ?> <button class="btn btn-success notika-btn-success" disabled="disabled">Complet</button>
                                                                        <?php else: ?> <button class="btn btn-warning notika-btn-warning" disabled="disabled">Incomplet</button>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['contact_at'] == 0): ?> <span>Borie</span>
                                                                        <?php elseif($ligne2['contact_at'] == 1): ?> <span>Bordes</span>
                                                                        <?php elseif($ligne2['contact_at'] == 2): ?> <span>Cerez</span>
                                                                        <?php elseif($ligne2['contact_at'] == 3): ?> <span>Gauthier</span>
                                                                        <?php elseif($ligne2['contact_at'] == 4): ?> <span>Mallet</span>
                                                                        <?php elseif($ligne2['contact_at'] == 5): ?> <span>Mozzi</span>
                                                                        <?php elseif($ligne2['contact_at'] == 6): ?> <span>Oulhen</span>
                                                                        <?php elseif($ligne2['contact_at'] == 7): ?> <span>Porchas</span>
                                                                        <?php elseif($ligne2['contact_at'] == 8): ?> <span>Punsola</span>
                                                                        <?php else: ?> <span>Supiot</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center"> <?php if($ligne2['contact_rd'] == 0): ?> <span>Dalet</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 1): ?> <span>B</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 2): ?> <span>C</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 3): ?> <span>D</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 4): ?> <span>E</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 5): ?> <span>F</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 6): ?> <span>G</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 7): ?> <span>H</span>
                                                                        <?php elseif($ligne2['contact_rd'] == 8): ?> <span>T</span>
                                                                        <?php else: ?> <span>U</span>
                                                                        <?php endif; ?> </td>
                                                                        <td class="text-center">  <?php if($ligne2['contact_sg'] == 0): ?> <span>Vilar</span>
                                                                        <?php else: ?> <span>Vicente</span>
                                                                        <?php endif; ?> </td>
                                                                        <td align="center"> <button type="button" class="btn btn-flat p-1 btn-default btn-sm dropdown-toggle dropdown-icon" data-toggle="modal" data-target="#myModalthree"> Action </button>
							                                            </td>
                                                                    </tr>
                                                                <?php } ?>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Data Table area End-->
                                </div>
                            </div>
                        <!-- Fin Tabs contenu 3-->
                        </div>
                    </div>
                </div>
            </div>
        </div>


<!-- Appel de la Classe Modale-->

<div class="modal fade" id="myModalthree" role="dialog">

<?php

if(isset($_GET['id']) && $_GET['id'] > 0){
    $qry = $conn->query("SELECT * from `fc_conventions` where id = '{$_GET['id']}' ");
    if($qry->num_rows > 0){
        foreach($qry->fetch_assoc() as $k => $v){
            $$k=$v;
        }
    }
}
?>


<!-- Appel de la Classe "modal-dialog modal-large"-->

<div class="modal-dialog modal-large">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<h3>Suivi des documents contractuels</h3>
                    
 <hr/>
                    
<!-- Form Element area Start-->

<div class="form-element-area">
 
<form action="" id="court-form">

<div class="container">
      
<input type="hidden" name ="id" value="<?php echo isset($id) ? $id : '' ?>">
            
		
			
<div class="row">



                <h4>Identification</h4>
                <br>
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-star"></i>
                            </div>
                            <div class="nk-int-st">
                           <h8><label for="num_conv" class="control-label">Numéro de convention</label></h8>
                                <input type="text" name="num_conv" id="num_conv" class="form-control" data-mask="99999" size="5" maxlength="5" placeholder="Numero de convention" value="<?php echo $ligne['num_conv'] ?>"  required/>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-star"></i>
                            </div>
                            <div class="nk-int-st">
                            <label for="code_produit" class="control-label">Code Produit de l'action</label>
                                <input type="text" class="form-control" placeholder="Code du produit de l'action">
                            </div>
                        </div>
                    </div>
                
                </div>

                <div class="row">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-date"></i>
                            </div>
                            <div class="nk-int-st">
                            <label for="date_debut" class="control-label">Début</label>
                                <input type="date" class="form-control" placeholder="Date de Début">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-date"></i>
                            </div>
                            <div class="nk-int-st">
                            <label for="date_fin" class="control-label">Fin</label>
                                <input type="date" class="form-control" placeholder="Date de fin">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="nk-int-mk sl-dp-mn">
                            <h5>Statut</h5>
                        </div>
                        <div class="bootstrap-select fm-cmp-mg">
                            <select class="selectpicker">
                                    <option> </option>
                                    <option>Non démarré</option>
                                    <option>En cours</option>
                                    <option>Clôturé</option>
                                </select>
                        </div>
                    </div>
                    </div>



                <div class="row">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-house"></i>
                            </div>
                            <div class="nk-int-st">
						<label for="code_produit" class="control-label">Structure</label>
                                <input type="text" class="form-control" placeholder="Nom du client">
                            </div>
                        </div>
                    </div>
                   
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-support"></i>
                            </div>
                            <div class="nk-int-st">
							<label for="code_produit" class="control-label">Nom de contact :</label>
                                <input type="text" class="form-control" placeholder="Contact">
                            </div>
                        </div>
                    </div>




                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="form-group ic-cmp-int">
                            <div class="form-ic-cmp">
                                <i class="notika-icon notika-mail"></i>
                            </div>
                            <div class="nk-int-st">
							<label for="code_produit" class="control-label">Email du client :</label>
                                <input type="text" class="form-control" placeholder="Email du client">
                            </div>
                        </div>
                    </div>
                
                </div>
				
                
                <br>
                
                <div class="row">
                    <div class="col-lg-3">
                        <div class="nk-int-mk sl-dp-mn">
                            <h5>Responsable admin.</h5>
                        </div>
                        <div class="bootstrap-select fm-cmp-mg">
                            <select class="selectpicker">
                                    <option> </option>
                                    <option>BORIE Laurence</option>
                                    <option>BORDES Myriam</option>
                                    <option>CEREZ Emmanuelle</option>
                                    <option>GAUTHIER Sylvie</option>
                                    <option>MALLET Mylène</option>
                                    <option>MOZZI Marie-Pierre</option>
                                    <option>OULHEN Géraldine</option>
                                    <option>PORCHAS Hélène</option>
                                    <option>PUNSOLA Reine</option>
                                    <option>SUPIOT Thierry</option>
                                </select>
                        </div>
                    </div>
           
                    <div class="col-lg-3">
                        <div class="nk-int-mk sl-dp-mn">
                            <h5>Responsable Disp.</h5>
                        </div>
                        <div class="bootstrap-select fm-cmp-mg">
                            <select class="selectpicker">
                                    <option>Drama</option>
                                    <option>Cariska</option>
                                    <option>Cheriska</option>
                                    <option>Malias</option>
                                    <option>Kamines</option>
                                    <option>Austranas</option>
                                </select>
                        </div>
                    </div>




                    <div class="col-lg-2">
                        <div class="nk-int-mk sl-dp-mn">
                            <h5>Responsable financ.</h5>
                        </div>
                        <div class="bootstrap-select fm-cmp-mg">
                            <select class="selectpicker">
                                <option> </option>
                                <option>VICENTE Jérôme</option>
                                    <option>VILAR Iène</option>
                                </select>
                        </div>
                    </div>
        
                </div>

<br>


                <div class="row">
                
                    <HR width="60%">

                <h4>Transmission et réception des pièces</h4>
                <br>

                <br>
                <div class="row">
                 <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h5>Suivi administ.</h5>
                    </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                        <h5>Convent. Progré</h5>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h5>PEC</h5>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h5>Bon Comm.</h5>
                </div>
                </div>
            </div>
            
            <div class="row">

                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h7>Transission au Client :</h7>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <div class="fm-checkbox">
                        <label><input type="checkbox" checked="" class="i-checks"> <i></i> </label>
                    </div>
        </div>
                
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                <div class="fm-checkbox">
                <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
                </div>
                </div>
                
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <div class="fm-checkbox">
                    <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
                    </div>
                    </div>
                </div>
                <div class="row">

                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h7>Retour du Client :</h7>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <div class="fm-checkbox">
                        <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
                    </div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    
    <div class="fm-checkbox">
    <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    
    <div class="fm-checkbox">
    <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>



            </div>

            <div class="row">

                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <h7>Mise à disp. SharePoint :</h7>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    <div class="fm-checkbox">
                        <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
                    </div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    
    <div class="fm-checkbox">
    <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
                    
    <div class="fm-checkbox">
    <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
</div>

<div class="row">

    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        <h7>Validation Service administratif :</h7>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        <div class="fm-checkbox">
            <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
        </div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        
<div class="fm-checkbox">
<label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        
<div class="fm-checkbox">
<label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
</div>
<br>


<div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        <h7>Validation Service financier :</h7>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        <div class="fm-checkbox">
            <label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
        </div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        
<div class="fm-checkbox">
<label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
        
<div class="fm-checkbox">
<label><input type="checkbox" checked="" class="i-checks"> <i></i></label>
</div>
</div>

<br>

                </div>
            </div>
        </div>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Save changes</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>


    <!-- Start Footer area-->
    <div class="footer-copyright-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="footer-copy-right">
                        <p>Copyright © 2018 
. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Footer area-->
    <!-- jquery
		============================================ -->
    <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="js/bootstrap.min.js"></script>
    <!-- wow JS
		============================================ -->
    <script src="js/wow.min.js"></script>
    <!-- price-slider JS
		============================================ -->
    <script src="js/jquery-price-slider.js"></script>
    <!-- owl.carousel JS
		============================================ -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="js/jquery.scrollUp.min.js"></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="js/meanmenu/jquery.meanmenu.js"></script>
    <!-- counterup JS
		============================================ -->
    <script src="js/counterup/jquery.counterup.min.js"></script>
    <script src="js/counterup/waypoints.min.js"></script>
    <script src="js/counterup/counterup-active.js"></script>
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <!-- sparkline JS
		============================================ -->
    <script src="js/sparkline/jquery.sparkline.min.js"></script>
    <script src="js/sparkline/sparkline-active.js"></script>
    <!-- flot JS
		============================================ -->
    <script src="js/flot/jquery.flot.js"></script>
    <script src="js/flot/jquery.flot.resize.js"></script>
    <script src="js/flot/flot-active.js"></script>
    <!-- knob JS
		============================================ -->
    <script src="js/knob/jquery.knob.js"></script>
    <script src="js/knob/jquery.appear.js"></script>
    <script src="js/knob/knob-active.js"></script>
    <!--  Chat JS
		============================================ -->
    <script src="js/chat/jquery.chat.js"></script>
    <!--  todo JS
		============================================ -->
    <script src="js/todo/jquery.todo.js"></script>
	<!--  wave JS
		============================================ -->
    <script src="js/wave/waves.min.js"></script>
    <script src="js/wave/wave-active.js"></script>
    <!-- plugins JS
		============================================ -->
    <script src="js/plugins.js"></script>
        <!-- bootstrap select JS
		============================================ -->
        <script src="js/bootstrap-select/bootstrap-select.js"></script>

    <!-- icheck JS
		============================================ -->
        <script src="js/icheck/icheck.min.js"></script>
        <script src="js/icheck/icheck-active.js"></script>

        <!-- Data Table JS
		============================================ -->
    <script src="js/data-table/jquery.dataTables.min.js"></script>
    <script src="js/data-table/data-table-act.js"></script>
    <!-- main JS
		============================================ -->
    <script src="js/main.js"></script>
	<!-- tawk chat JS
		============================================ -->
    <script src="js/tawk-chat.js"></script>
            

</body>

</html>