<div id="myCarousel" class="canvas carousel slide">
<!-- Full Page Image Background Carousel Header -->
<?php
/****************************************************************************************************/
$all_images = ImageSlider::getAll("WHERE image_slider_status=1");
$first_image = $all_images[0]->image_slider_id;
/*************************************************************************************************************/
?>
<!-- Indicators -->
<ol class="carousel-indicators xtra-border">
<?php
/************************************************************************************************************/
foreach ($all_images as $image) {
?>
<li data-target="#myCarousel" data-slide-to="<?php
echo $image->image_slider_id;
?>
" class="<?php
echo $first_image == $image->image_slider_id ? 'active' : '';
?>
"></li>
<?php
}
/*************************************************************************************************************/
?>
</ol>
<!-- Wrapper for Slides -->
<img src="./../img/4(1).jpg" style="width:250px; border: 2px black solid" alt="slika"/>
</div> -->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
Update images from the slider <br>
<strong style="color: red;">Caution: picture size must be 1920x1280px</strong>
</div>
<div class="panel-body">
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">All images from the slider</a>
</li>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="home">
<br>
<?php
$all_images = ImageSlider::getAll();
//print_r($all_images);
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 src='./../img/{$image->image_slider_url}' height='200px' alt=''>\n </div> \n <div class='caption'> \n Subtitle: {$image->image_slider_subtitle} <br>\n Title : {$image->image_slider_title}<br>\n Image status: " . ($image->image_slider_status == 1 ? 'show' : 'hide') . "\n <br>\n <form action='home.php?page=4' method='POST'>\n <button class='btn btn-primary custom-button' name='edit' value='{$image->image_slider_id}'><i class='fa fa-pencil'></i> Edit text</button>\n <input type='hidden' name='image_slider_id' value='{$image->image_slider_id}'>\n </form>\n <form action='home.php?page=5' method='POST'>\n <button class='btn btn-primary custom-button' name='change_picture' value='{$image->image_slider_id}'><i class='fa fa-edit'></i>Change picture</button>\n </form>\n </div>\n \n \n \n </div>";
}
?>
</div>
</div>
</div>
</div>
<!-- /. ROW -->