<?php 
include ('includes/header.php');
$table_name = 'autolayout';
$page_name = 'auto_layout';
$data = ['layout' => 'layout_0'];
$db->insertIfEmpty($table_name, $data);
$res = $db->select($table_name, '*', '', '');

if(isset($_POST['submit'])){
	unset($_POST['submit']);
	$updateData = $_POST;
	$db->update($table_name, $updateData, 'id = :id',[':id' => 1]);
	echo "<script>window.location.href='". $page_name.".php?status=1'</script>";
}

function curruntvaleu($res){
    $getvalue = $res[0]['layout'];
    if($getvalue == 'layout_0'){
        return " Layout [1]";
    } else if ($getvalue == 'layout_1'){
        return " Layout [2]";
    } else if ($getvalue == 'layout_2'){
        return " Layout [3]";
    } else if ($getvalue == 'layout_3'){
        return " Layout [4]";
    } else if ($getvalue == 'layout_4'){
        return " Layout [5]";
    } else if ($getvalue == 'layout_5'){
        return " Layout [6]";
    } else if ($getvalue == 'layout_6'){
        return " Layout [7]";
    } else if ($getvalue == 'layout_7'){
        return " Layout [8]";
    } else if ($getvalue == 'layout_8'){
        return " Layout [9]";
    } else if ($getvalue == 'layout_9'){
        return " Layout [10]";
    } else if ($getvalue == 'layout_10'){
        return " Layout [11]";
    } else if ($getvalue == 'layout_11'){
        return " Layout [12]";
    } else if ($getvalue == 'layout_12'){
        return " Layout [13]";
    } else if ($getvalue == 'layout_13'){
        return " Layout [14]";
    } else{
        return " Layout [1]";
    }
}
?>
<div class="col-md-12 mx-auto ctmain-table">
    <div class="card-body">
        <div class="card text-white ctcard">
            <div class="card-header card-header-warning">
                <center>
                    <h2><i class="icon icon-bullhorn"></i> Layout de Anúncios Automáticos</h2>
                </center>
            </div>
            
            <div class="card-body">
                <form method="post">
                    <div class="form-group ctinput">
                        <label class="form-label"> Layout Atual:</label>
                        <label><?php echo curruntvaleu($res); ?></label>
                    </div>
                    <div class="form-group ctinput">
                        <label class="form-label">Escolher Layout </label>
                        <select id="layout" name="layout">
                            <option value="layout_0">Layout 1</option>
                            <option value="layout_1">Layout 2</option>
                            <option value="layout_2">Layout 3</option>
                            <option value="layout_3">Layout 4</option>
                            <option value="layout_4">Layout 5</option>
                            <option value="layout_5">Layout 6</option>
                            <option value="layout_6">Layout 7</option>
                            <option value="layout_7">Layout 8</option>
                            <option value="layout_8">Layout 9</option>
                            <option value="layout_9">Layout 10</option>
                            <option value="layout_10">Layout 11</option>
                            <option value="layout_11">Layout 12</option>
                            <option value="layout_12">Layout 13</option>
                            <option value="layout_13">Layout 14</option>
                        </select>
                    </div>
                    <div class="form-group ctinputform-group">
                        <center>
                            <button class="btn btn-info" name="submit" type="submit">
                                <i class="icon icon-check"></i> Enviar
                            </button>
                        </center>
                    </div>
                </form>
            </div>       

    <div class="grid-container">
        <div class="grid-item">
            <img src="./ads/ads_0.png" alt="Imagem 1">
            <div class="image-text">Layout 1</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_1.png" alt="Imagem 2">
            <div class="image-text">Layout 2</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_2.png" alt="Imagem 3">
            <div class="image-text">Layout 3</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_3.png" alt="Imagem 4">
            <div class="image-text">Layout 4</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_4.png" alt="Imagem 5">
            <div class="image-text">Layout 5</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_5.png" alt="Imagem 6">
            <div class="image-text">Layout 6</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_6.png" alt="Imagem 7">
            <div class="image-text">Layout 7</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_7.png" alt="Imagem 8">
            <div class="image-text">Layout 8</div>
        </div>   
        <div class="grid-item">
            <img src="./ads/ads_8.png" alt="Imagem 9">
            <div class="image-text">Layout 9</div>
        </div>          
        <div class="grid-item">
            <img src="./ads/ads_9.png" alt="Imagem 10">
            <div class="image-text">Layout 10</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_10.png" alt="Imagem 11">
            <div class="image-text">Layout 11</div>
        </div>   
        <div class="grid-item">
            <img src="./ads/ads_11.png" alt="Imagem 12">
            <div class="image-text">Layout 12</div>
        </div>  
                        
        <div class="grid-item">
            <img src="./ads/ads_12.png" alt="Imagem 13">
            <div class="image-text">Layout 13</div>
        </div>
        <div class="grid-item">
            <img src="./ads/ads_13.png" alt="Imagem 14">
            <div class="image-text">Layout 14</div>
        </div>                 
    </div>
</div>
</div>
</div>
</div>
<style>
    .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px; /* Ajustar o espaçamento entre as imagens */
        padding: 10px;
    }
    .grid-item {
        text-align: center;
    }
    .grid-item img {
        max-width: 100%;
        height: auto;
    }
    .image-text {
        margin-top: 5px;
        font-size: 16px;
        color: #fff;
    }
</style>
<?php include ('includes/footer.php');?>