<!--views/backend/post.html-->

<script src="<?php echo $BASE ?>/public/scripts/backend/post.js"></script>
<script src="<?php echo $BASE ?>/public/scripts/ckeditor/ckeditor.js"></script>
<link href="<?php echo $BASE ?>/public/styles/backend/post.css" rel="stylesheet"></link>

<?php include('views/backend/partials/header.html') ?>

<section class='Main region'>
    <div class='sidebar'>
        <?php include('views/backend/partials/menu.html') ?>
    </div>

    <div class='content'>
        <form action='<?php echo $BASE ?>/backend/post' method='post'>
            <div class='editor'>
                <input type='text' name='title' required placeholder='ចំណងជើង' />
                <textarea name='content' id='editor'></textarea>
            </div>
            <div class='wrapper'>
                <select name='category'>
                    <option>ជាតិ</option>
                    <option>អន្តរជាតិ</option>
                    <option>ជំនួញ</option>
                </select>

                <input type='text' name='thumb' placeholder='តំណរភ្ជាប់​រូប' required />
                <input type='datetime-local' name='datetime' required />
                <input type='hidden' name='video' value='' />
                <input type='submit' value='ចុះ​ផ្សាយ' />
            </div>
        </form>

        <div class='video'>
            <select name='type'>
                <option>YouTube</option>
                <option>YTPlaylist</option>
                <option>Facebook</option>
            </select>
            <input type='text' name='id' required placeholder='ID' />

            <select name='ending'>
               <option>Yes</option>
               <option>No</option> 
            </select>

            <input type='submit' value='បញ្ចូល​វីដេអូ' onClick='genJson()' />
        </div>

        <table class='viddata'></table>
    </div>

    <script src="<?php echo $BASE ?>/public/scripts/ckeditor/config.js"></script>

</section>

<?php include('views/backend/partials/footer.html') ?>

/*public/styles/backend/post.css*/

.Main{
    padding-top: 20px;
    display: grid;
    grid-template-columns: 25% auto;
}

.Main .content .ck-editor__editable{
    height: 326px;
    color: rgb(83, 82, 82);
}

.Main .content form{
    display: grid;
    grid-template-columns: 600px auto;
}

.Main .content form .wrapper{
    padding-left: 10px;
    max-height: 140px;
}

.Main .content form  input,
.Main .content form .wrapper select{
    width: 100%;
    font: var(--bordy-front);
    padding: 3px 10px;
}

.Main .content form .wrapper input,
.Main .content form .wrapper select{
    margin-bottom: 5px;
}

.Main .content .video{
    width: 600px;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.Main .content .video input,
.Main .content .video select{
    font: var(--bordy-front);
    padding: 2px 10px;
}

https://github.com/Sokhavuth/PHP-REST-API

http://khmerweb.epizy.com/media/