invisio v2.0

<?php
session_start();
include("../../../config/main_function.php");
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

$blog_id = $_POST["blog_id"];

$sql = "SELECT nc.*
        FROM tbl_blog_content nc
        WHERE nc.blog_id = '$blog_id'
        ORDER BY nc.list_order ASC";
$rs = mysqli_query($connection, $sql);
$list = array();
while ($row = mysqli_fetch_array($rs)) {
    $temp_array = array(
        "content_id" => $row["content_id"],
        "blog_id" => $row["blog_id"],
        "list_order" => $row["list_order"],
        "content_type" => $row["content_type"],
        "content_text" => $row["content_text"],
        "content_image" => $row["content_image"],
        "content_yt_id" => $row["content_yt_id"],
        "content_video" => $row["content_video"]
    );
    array_push($list, $temp_array);
}
?>
<div class="ibox animated fadeInDown">
    <div class="ibox-content">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12">
                        <button class="btn btn-block btn-outline-primary" type="button" onclick="AddContent('1');"><i class="fa fa-file-text-o"></i> เพิ่มบทความ</button>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12">
                        <button class="btn btn-block btn-outline-warning" type="button" onclick="AddContent('2');"><i class="fa fa-file-image-o"></i> เพิ่มรูปภาพ</button>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12">
                        <button class="btn btn-block btn-outline-success" type="button" onclick="AddContent('3');"><i class="fa fa-file-video-o"></i> เพิ่มวิดิโอ (Youtube)</button>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12">
                        <button class="btn btn-block btn-outline-info" type="button" onclick="AddContent('4');"><i class="fa fa-file-video-o"></i> เพิ่มวิดิโอ (Internal)</button>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 mt-2">
                <div class="row mt-3" id="ShowSortContent">
                    <?php foreach ($list as $row) { ?>
                        <?php if ($row["content_type"] == 1) { ?>
                            <div class="col-lg-12 col-md-12 col-sm-12" id="news_content_<?php echo $row["list_order"]; ?>">
                                <input type="hidden" name="content_id[]" value="<?php echo $row['content_id']; ?>">
                                <div class="panel panel-success tr_move">
                                    <div class="panel-heading">
                                        <i class="fa fa-arrows"></i> บทความ
                                        <button type="button" class="btn btn-xs btn-danger float-right mr-1" name="button" onclick="DeleteNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-close"></i> ลบ</button>
                                        <button type="button" class="btn btn-xs btn-warning float-right mr-1" name="button" onclick="EditNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-edit"></i> แก้ไข</button>
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <?php echo $row["content_text"]; ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php } elseif ($row["content_type"] == 2) { ?>
                            <div class="col-lg-12 col-md-12 col-sm-12" id="news_content_<?php echo $row["list_order"]; ?>">
                                <input type="hidden" name="content_id[]" value="<?php echo $row['content_id']; ?>">
                                <div class="panel panel-warning tr_move">
                                    <div class="panel-heading">
                                        <i class="fa fa-arrows"></i> รูปภาพ
                                        <button type="button" class="btn btn-xs btn-danger float-right mr-1" name="button" onclick="DeleteNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-close"></i> ลบ</button>
                                        <button type="button" class="btn btn-xs btn-danger float-right mr-1" name="button" onclick="EditNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-edit"></i> แก้ไข</button>
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                                                <img src="../../../files/blog_files/<?php echo $row["content_image"]; ?>" style="object-fit:cover;max-width:100%;max-height:200px;" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php } elseif ($row["content_type"] == 3) { ?>
                            <div class="col-lg-12 col-md-12 col-sm-12" id="news_content_<?php echo $row["list_order"]; ?>">
                                <input type="hidden" name="content_id[]" value="<?php echo $row['content_id']; ?>">
                                <div class="panel panel-primary tr_move">
                                    <div class="panel-heading">
                                        <i class="fa fa-arrows"></i> วิดิโอ (Youtube)
                                        <button type="button" class="btn btn-xs btn-danger float-right mr-1" name="button" onclick="DeleteNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-close"></i> ลบ</button>
                                        <button type="button" class="btn btn-xs btn-warning float-right mr-1" name="button" onclick="EditNewsContent('<?php echo $row['blog_id']; ?>','<?php echo $row['list_order']; ?>')"> <i class="fa fa-edit"></i> แก้ไข</button>
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                                                <iframe width="560" height="315" src="https://www.youtube.com/embed/<?php echo $row["content_yt_id"]; ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

<?php } elseif ($row["content_type"] == 4) { ?>
                            <div class="col-lg-12 col-md-12 col-sm-12" id="news_content_<?php echo $row["list_order"]; ?>">
                                <input type="hidden" name="content_id[]" value="<?php echo $row['content_id']; ?>">
                                <div class="panel panel-info tr_move">
                                    <div class="panel-heading">
                                        <i class="fa fa-arrows"></i> วิดิโอ (Internal)
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <video style="max-height:500px;" controls>
                                                    <source src="../../../files/blog_files/<?php echo $row["content_video"]; ?>" type="video/mp4">
                                                </video>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    <?php } ?>
                </div>
            </div>
        </div>
        <div class="row mt-3 pt-1">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="hr-line-dashed mt-1 pt-1"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 text-center">
                
                <button type="button" class="btn btn-success btn-sm m-t-n-xs mr-1" name="button" onclick="SortData();"><i class="fa fa-plus"></i> บันทึก</button>
            </div>
        </div>
    </div>
</div>