<?php 
include('../../../../config.php');
if(isset($_GET['id'])) {
    $id = $_GET['id'];
    $sql = mysql_fetch_array(mysql_query("select * from `portfolio` where id=$id"));
    $img = $url.$sql['banner'];
}
else {
    $img = $url."assets/images/popup/showcase/default.jpg";
}
?>
<!-- SHOWCASE-POPUP -->
<div class="popup popup-showcase-style-1">
    <!-- CONTAINER -->
    <div class="container">
        <!-- CONTENT --> 
        <div class="content bg-dark">
            <!-- CONTAINER INTRO -->
            <div class="container-intro">
                <!-- ROW -->      
                <div class="row">
                    <!-- COLUMN -->
                    <div class="col-lg-12">
                        <!-- INTRO VIDEO -->
                        <video autoplay  poster="assets/videos/1.jpg" class="intro-video">
                            <source src="<?php echo $sql['banner']?>" type="video/mp4" />
                        </video>
                        <!-- /INTRO VIDEO -->
                    </div>
                    <!-- /COLUMN -->
                </div>
                <!-- /ROW -->
                <!-- ROW -->
                <div class="row padding-top-60 padding-bot-60">
                    <!-- COLUMN -->
                    <div class="col-sm-4 showcase-title text-right">
                        <h3><?php echo $sql['project_name']?></h3>
                        <p><?php  echo $sql['description']?></p>
                        <?php if($sql['exist'] == 1) { 
                                if($sql['url'] != "#") {?>
                            <a class="btn btn-danger" href="<?php echo $sql['url']?>" target="_blank"> 
                                <span class="ti-layers"></span> Go To Project
                            </a>
                        <?php } else {?>
                            <a class="btn btn-danger"> 
                                <span class="ti-layers"></span> Under Development
                            </a>
                        <?php }} else { ?>
                            <div class="btn btn-danger"> 
                                <p><span class="ti-layers"></span> Project Discontinued</p>
                            </div>
                        <?php } ?>
                    </div>
                    <!-- /COLUMN -->
                    <!-- COLUMN -->
                    <div class="col-sm-8 showcase-title-text">
                         <!-- ITEM LIST -->
                         <ul class="project-details-popup">
                            <!-- ITEM -->
                            <li>
                                <h5>Project Task</h5>
                                <p><?php echo $sql['task']?></p>
                            </li>
                            <!-- /ITEM -->
                            <!-- ITEM -->
                            <li class="last">
                                <h5>Technologies Used</h5>
                                <p><?php echo $sql['solution']?></p>
                            </li>
                            <!-- /ITEM -->
                        </ul>
                        <!-- /ITEM LIST -->
                    </div>
                    <!-- /COLUMN -->
                </div>
                <!-- /ROW -->
            </div>
            <!-- /CONTAINER INTRO -->
            <!-- BUTTON CLOSE -->
            <div class="button-description" data-action="close">
                <!-- CONTENT VISIBLE -->
                <div class="content-visible" data-action="close">
                    <span class="ti-close" data-action="close"></span>
                </div>
                <!-- /CONTENT VISIBLE -->
            </div>
            <!-- /BUTTON CLOSE -->
        </div>
        <!-- /CONTENT --> 
    </div>
    <!-- /CONTAINER -->
</div>
<!-- /SHOWCASE-POPUP -->