<?php
session_start();
$pageSequence = $_SESSION['sequence'];
$toDiv = "contentZone" . $pageSequence;
$resultZoneDiv = "resultZone" . $pageSequence;
$tableZone = "#tableZone" . $pageSequence;
$tblName = "tblReport" . $pageSequence;
$btAdd = "btnAdd" . $pageSequence;
$btDel = "btnDel" . $pageSequence;
$btDelObj = "btnDelObj" . $pageSequence;
$dataSection = "dataSection" . $pageSequence;
$_SESSION['sequence']++;
//echo  dirname(__FILE__);  
//echo $_SERVER['DOCUMENT_ROOT'] . "   ".dirname(__FILE__)."  ".str_replace($_SERVER['DOCUMENT_ROOT'],"",dirname(__FILE__)) ;

$currentBaseDir = dirname($_SERVER['PHP_SELF']);
include_once($_SESSION['basedir'] . "veriflog.php");
include_once($_SESSION['basedir'] . "core.php");

//$res = $dba->getUserDetailByRight($_SESSION['right'], $_SESSION['ownerId'], false, 0, 0);

?>

<style type="text/css">
 

.bg-light {
  background-color: #FAFAFA;
  color: #666;
}

.br-light {
  border-color: #e7e7e7 !important;
}

.br-a {
  border: 1px solid #eeeeee !important;
}

.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.ph60 {
  padding: 60px !important;
}

.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.bg-light.dark {
  background-color: #F2F2F2;
}

.micro-header {
  color: #999;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}



.holder-style.holder-active {
  background-color: #FFF;
  border:2px dashed #70ca63;
}

.mb20 {
  margin-bottom: 20px !important;
}

.p15 {
  padding: 15px !important;
}

.holder-style {
  display: block;
  padding: 9px 16px;
  color: #AAA;
  background-color: #f1f1f1;
  border: 2px dashed #d9d9d9;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.holder-style.holder-active .holder-icon {
  color: #70ca63;
}

.holder-style .holder-icon {
  color: #AAA;
  font-size: 30px;
  padding-bottom: 10px;
}
a, a:hover, a:focus{
    text-decoration:none !important;    
}
    
</style>



<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="header-icon">
        <i class="fa fa-user-circle"></i>
    </div>
    <div class="header-title">
        <h1>Bandeau Agent</h1>
        <small>Bandeau Agent</small>
    </div>
</section>
<!-- Main content -->
<div id="<?php echo $dataSection; ?>">
    <section class="content">

        <div class="container bootstrap snippets bootdey">
            <div class="row">
                <div class="col-xs-12 col-sm-16 br-a br-light bg-light pv20 ph30">
                    <h2 class="micro-header">Sélection du service </h2>
                    <div class="row text-center" id="content-type">

                        <div class="col-xs-6 col-sm-6">
                            <a class="holder-style p15 mb20 holder-active" onclick="getPage('products/scc/scc_my_calls.php?rDiv=<?php echo $dataSection; ?>&rPage=<?php echo $_SERVER['PHP_SELF']; ?>', 'content-wrapper');" href="#">
                                <span ><image src="images/call.png" width="40" height="40"/></span>
                                <br> Appel
                            </a>
                        </div>
                        <div class="col-xs-4 col-sm-6">
                            <a class="holder-style p15 mb20" href="#dock-panel">
                                <span ><image src="images/mail.png" width="40" height="40"/></span>
                                <br> Mail
                            </a>
                        </div>
                        <div class="col-xs-4 col-sm-6">
                            <a class="holder-style p15 mb20" href="#dock-table">
                                 <span ><image src="images/sms.png" width="40" height="40"/></span>
                                <br> SMS
                            </a>
                        </div>
                        <div class="col-xs-4 col-sm-6">
                            <a class="holder-style p15 mb20 " href="#dock-form">
                                 <span ><image src="images/whatsapp.png" width="40" height="40"/></span>
                                <br> WhatsApp
                            </a>
                        </div>
                        <div class="col-xs-4 col-sm-6">
                            <a class="holder-style p15 mb20 " href="#dock-text">
                                 <span ><image src="images/facebook.png" width="40" height="40"/></span>
                                <br> Facebook
                            </a>
                        </div>
                        <div class="col-xs-4 col-sm-6">
                            <a class="holder-style p15 mb20 " href="#dock-video">
                                 <span ><image src="images/twitter.png" width="40" height="40"/></span>
                                <br> Twitter
                            </a>
                        </div>
                    </div>
                   
                </div>
                
            </div>
        </div>

    </section>
</div>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="plugins/datatables/dataTables.buttons.min.js"></script>
<script src="plugins/datatables/buttons.html5.min.js"></script>
<script type="text/javascript" src="js/jquery.loading.min.js"></script>



<script type="text/javascript" src="js/jquery.loading.min.js"></script>
<link rel="stylesheet" href="css/jquery-confirm.min.css">
<script src="js/jquery-confirm.min.js"></script>
<?php /*   include 'call_event_listener.php'*/ ?> ;