<?php
require_once("common/requires.php");
$o = new Table();
$solutions = $o->findSql("SELECT * FROM solutions");
$industries = $o->findSql("SELECT * FROM industries");

?>
<html lang="en">
    <head>
        <title>Libatel IT Solutions | Lebanon, Qatar, UAE, KSA</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans%3A300&ver=5.2.2" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans%3A600&ver=5.2.2" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans&ver=5.2.2" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic" rel="stylesheet">
        <link rel="stylesheet" href="owl-carusel/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="owl-carusel/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="reset.css">
        <script type="text/javascript" src="libatel.js"></script>
    </head>
    <body>
        <?php require('svg.php') ?>
        <div class="page">
            <div class="top__bar">
                <div class="wrapper">
                    <div class="top__bar__container">
                        <div class="top__bar__nav">
                            <div class="top__nav__item--careers top__nav__item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'careers') : ?> active-top<?php endif; ?>">
                                <a href="careers.php" class="top__nav__link">
                                    <span>Careers</span>
                                </a>
                            </div>
                            <div class="top__nav__item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'contact-us') : ?> active-top<?php endif; ?>">
                                <a href="contact-us.php" class="top__nav__link">
                                    <span>Contact Us</span>
                                </a>
                            </div>
                        </div>
                        <div class="top__bar__contacts">
                            <div>
                                <div class="phone">+961 1 485160</div>
                            </div>
                        </div>
                        <div class="top__bar__social">
                            <span class="top__bar__social__text">Follow us on</span>
                            <div class="social__icons">
                                <a href="http://www.facebook.com/libatel" title="Facebook" target="_blank" class="facebook soc-icon">
                                    <svg class="icon" viewBox="0 0 25 25">
                                        <use xlink:href="#facebook">
                                            #shadow-root (closed)
                                            <g id="facebook">
                                                <path d="M10.716 10.066H9.451v2.109h1.263v6.199h2.436v-6.225h1.695l0.185-2.084h-1.88c0 0 0-0.778 0-1.187 c0-0.492 0.099-0.686 0.562-0.686c0.37 0 1.657-0.064 1.657-0.064V6.032c0 0-1.729 0-2.03 0c-1.809 0-2.626 0.813-2.626 2.4 C10.716 9.8 10.7 10.1 10.7 10.066z"></path>
                                            </g>
                                        </use>
                                    </svg>
                                </a>
                                <a href="http://www.linkedin.com/company/libatel" title="Linkedin" target="_blank" class="linkedin soc-icon">
                                    <svg class="icon" viewBox="0 0 25 25">
                                        <use xlink:href="#linkedin">
                                            #shadow-root (closed)
                                            <g id="linkedin">
                                                <path d="M9.764 7.01c0 0.734-0.604 1.329-1.345 1.329c-0.743 0-1.344-0.595-1.344-1.329c0-0.733 0.601-1.328 1.344-1.328 C9.161 5.7 9.8 6.3 9.8 7.01z M9.36 9.28H7.294v7.197H9.36V9.28z M12.984 9.28h-1.748l-0.026 7.197h1.991 c0 0 0-2.67 0-3.776c0-1.013 0.877-1.62 1.787-1.62c0.834 0 0.8 0.6 0.8 1.62c0 1 0 3.8 0 3.776h2.08 c0 0 0.023-2.66 0.023-4.586c0-1.929-0.977-2.708-2.533-2.708s-2.191 1.068-2.191 1.068V9.28H12.984z"></path>
                                            </g>
                                        </use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <header>
                <div class="wrapper">
                    <nav class="navbar navbar-expand-md navbar-light bg-light">
                        <div class="container">
                            <a href="index.php" class="navbar-brand">
                                <img src="images/home/mainlogo.png" alt="Libatel Logo" class="navbar-logo" />
                            </a>
                            <button class="navbar-toggler nav__button" data-toggle="collapse" data-target="#navbar-menu">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse flex-column" id="navbar-menu">
                                <ul class="navbar-nav ml-auto">
                                    <li class="nav-item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'index') : ?> active<?php endif; ?>">
                                        <a href="index.php" class="nav-link">Home</a>
                                    </li>
                                    <li class="nav-item dropdown<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'solutions' || basename
                                        ($_SERVER['PHP_SELF'], '.php') == 'solution') : ?>
                                    active<?php
                                    endif; ?>">
                                        <a class="nav-link dropdown-toggle" data-toggle="dropdown">Solutions</a>
                                        <div class="dropdown-menu" style="z-index: 100">
                                            <a href="solutions.php" class="dropdown-item">All</a>
                                            <?php foreach($solutions as $s) { ?>
                                                <a class="dropdown-item" href="solution.php?id=<?= $s['id'] ?>"><?= $s['title']; ?></a>
                                            <?php } ?>

                                        </div>
                                    </li>
                                    <li class="nav-item dropdown<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'industries' || basename
                                        ($_SERVER['PHP_SELF'], '.php') == 'industry') : ?> active<?php endif; ?>">
                                        <a class="nav-link dropdown-toggle" data-toggle="dropdown">Industries</a>
                                        <div class="dropdown-menu" style="z-index: 100">
                                            <a class="dropdown-item" href="industries.php">All</a>
                                            <?php foreach($industries as $i) { ?>
                                                <a class="dropdown-item" href="industry.php?id=<?= $i['id'] ?>"><?= $i['title']; ?></a>
                                            <?php } ?>

                                        </div>
                                    </li>
                                    <li class="nav-item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'services') : ?> active<?php endif; ?>">
                                        <a href="services.php" class="nav-link header__nav__link nav-link-services">Services</a>
                                    </li>
                                    <li class="nav-item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'partners') : ?> active<?php endif; ?>">
                                        <a href="partners.php" class="nav-link header__nav__link nav-link-partners">Partners</a>
                                    </li>
                                    <li class="nav-item<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'support') : ?> active<?php endif; ?>">
                                        <a href="support.php" class="nav-link header__nav__link nav-link-partners">Support</a>
                                    </li>
                                    <li class="nav-item dropdown<?php if(basename($_SERVER['PHP_SELF'], '.php') == 'about' || basename($_SERVER['PHP_SELF'], '.php') == 'core-values' || basename($_SERVER['PHP_SELF'], '.php') == 'awards' || basename($_SERVER['PHP_SELF'], '.php') == 'clients' || basename($_SERVER['PHP_SELF'], '.php') == 'media') : ?> active<?php endif; ?>">
                                        <a class="nav-link dropdown-toggle" data-toggle="dropdown">About Us</a>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="about.php">Company Profile</a>
                                            <a class="dropdown-item" href="core-values.php">Core Values</a>
<!--                                            <a class="dropdown-item" href="awards.php">Awards</a>-->
<!--                                            <a class="dropdown-item" href="clients.php">Clients</a>-->
                                            <a class="dropdown-item" href="join.php">Join Us</a>
                                            <a class="dropdown-item" href="media.php">Media</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
