<?php
include '../connection.php'; 
if(!isset($_GET["ID"]))
{
    header( 'Location: ../en/home.php');
}
else
{
    $ID=$_GET["ID"];
}
$sqlretrive = "SELECT ID,newsName_en,content_en,summary_en,image FROM news WHERE ID ={$ID}";
$executeSql = mysqli_query($connection,$sqlretrive);
$rowsAbout = mysqli_fetch_assoc($executeSql);
$direction = "../assets/img/news/";
$image = $direction.$rowsAbout["image"];
?>
<!doctype html>
<html lang="ar">
  <head>
    <title> <?php echo $rowsAbout["newsName_en"];?> </title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="../assets/img/logo.png" type="image/x-icon">

    <!-- assets / css -->
    <?php include '../cssFile.php'; ?>

<style>
body
{
    overflow-x:unset;
}
h5 
{
    line-height: initial;
}
.news-row
{
    height:auto;
}
@media only screen and(max-width:464px)
{
    .news-image
    {
        max-height:25px;
    }
}
</style>
  </head>
  <body>
    <!--<div class='text-center' id="loading">-->
    <!--<h2 id='loadingText'><h2>-->
    <!--</div>-->
    <!--onload="reloader()"-->
    <!-- navbar -->
    <?php include 'navbar.php'; ?>
<!-- start fixed social icon -->
<div class="share">
    <div class="toggle icon">
        <i class='fas fa-share-alt' id="icon-share"></i>
    </div>
        <ul>
            <li><a href="https://www.facebook.com/take.achance.359"><i class='fab fa-facebook-f icon-facebook' aria-hidden="true"></i></a></li> 
            <li><a href="https://twitter.com/takeach13143934"><i class='fab fa-twitter icon-twitter' aria-hidden="true"></i></a></li> 
            <li><a href="https://www.youtube.com/channel/UCWcJwXluKFRnSEFkiZBvPhg"><i class='fab fa-youtube icon-youtube' aria-hidden="true"></i></a></li> 
            <li><a href="https://www.instagram.com/takeachancenpo"><i class='fab fa-instagram icon-instagram' aria-hidden="true"></i></a></li> 
            <li><a href="https://wa.me/00962796069492"><i class='fab fa-whatsapp icon-whatsapp' aria-hidden="true"></i></a></li>  
        </ul>
</div> 
<!-- end fixed social icon -->
<div class="goshan animated flash slower">
        <a href='goshan.php'><div class="toggle icon">
            <img src='../assets/img/donateIcon.png' style='width:70px'>
        </div></a>

    </div>
    <!-- End fixed social icon -->
<div class="container" style='margin-top:50px;'>
    <div class='row news-row justify-content-center animated fadeIn slower'>
        <div class="col-md text-right">
                <h2 class='text-center'><?php echo $rowsAbout["newsName_en"];?></h2>
                    <hr>
                <h5 dir="ltr" style='text-align:justify'>
                    <?php echo $rowsAbout["summary_en"];?>
                </h5>
        </div>

        <div class="col-md-4 text-center">
            <img src="<?php echo $image;?>" class='img-fluid news-image' style='max-height:300px;'>
        </div>  
    </div>
</div>
<!-- End container -->



<div class='row no-gutters rfooter' id="row-footer" style='width:100%;position:fixed ;bottom:0'>
        <div class='container'>
            <div class="col-md-12 text-center">
                <h4>
                <span>Take a chance to change...</span>
                    <span>Take a chance to dream...</span>
                    <span> Take a chance to be you....</span>
                </h4>

            </div>
        </div>
        <!-- End container -->
    </div>
    <!-- End row -->

    <!-- end footer -->

<!-- assets / js -->
    <?php include '../jsFile.php'; ?>
  </body>
</html>
<!-- onload="reloader()" -->
