<div class="canvas gallery"><br>
<h1 class="blog-post-title text-center">Gallery of Images</h1>
<span class="title-divider"></span>
</section>
<section id="photostack-3" class="photostack">
<div>
<!-- one image -->
<?php
$all_images = LastWorks::getAll("WHERE last_works_status=1");
//print_r($all_images);
//<a href='{$image->last_works_link}' target='blank'>Link</a> ako zatreba link kad shutterstock.com,prebaci u echo
foreach ($all_images as $image) {
echo "<figure>\n <a href='img/{$image->last_works_large}' data-lightbox='studio2' class='photostack-img'><img src='img/{$image->last_works_small}' alt='{$image->last_works_alt}'/></a>\n <figcaption>\n <h2 class='photostack-title'>{$image->last_works_title}</h2>\n <div class='photostack-back'>\n <br><br><br><br>\n <p><a href='http://www.shutterstock.com/g/ngaga35' target='blank'>Check my Shutterstock portfolio</a></p>\n <p><a href='http://www.shutterstock.com/g/ngaga35' target='blank'><img src='img/shutterstock.jpg'></a></p>\n </div>\n </figcaption>\n </figure>";
}
?>
<!-- end of one image -->
</div>
</section>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/classie.js"></script>
<script src="js/photostack.js"></script>
</form>
<br> <br>
<h3>Update images</h3>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
Update images from your Last works <br>
<strong style="color: red;">Recommended: picture width=height</strong>
</div>
<div class="panel-body">
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">All images from the Last works</a>
</li>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="home">
<br>
<?php
$all_images = LastWorks::getAll();
foreach ($all_images as $image) {
echo "<div class='col-xs-12 col-sm-6 col-md-6 col-lg-4'>\n <div class='thumbnail'>\n <img class='img-responsive' src='./../img/{$image->last_works_image}' style='height:200px; width:300px;' alt=''>\n </div> \n <div class='caption'> \n \n Title : {$image->last_works_title}<br>\n Image status: " . ($image->last_works_status == 1 ? 'show' : 'hide') . "\n <br>\n <form action='home.php?page=6' method='POST'>\n <button class='btn btn-primary custom-button' name='edit_last_works' value='{$image->last_works_id}'><i class='fa fa-pencil'></i> Edit text</button>\n <input type='hidden' name='image_slider_id' value='{$image->last_works_id}'>\n </form>\n <form action='home.php?page=7' method='POST'>\n <button class='btn btn-primary custom-button' name='cp_last_works' value='{$image->last_works_id}'><i class='fa fa-edit'></i>Change picture</button>\n </form>\n </div>\n </div>";
}
?>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
