<main id="js-page-content" role="main" class="page-content">
    <ol class="breadcrumb page-breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
        <li class="breadcrumb-item active">Page</li>
        <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
    </ol>
 <div id="panel-2" class="panel">
    <div class="panel-hdr">
        <h2>
            Page <span class="fw-300"></span>
        </h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content p-0">
                                    <form  action="<?php echo $action; ?>" method="post">
                                      <div class="panel-content">
                                       <div class="form-row">
                                          <div class="col-md-12 mb-3">
                                             <label for="validationServer01">Title</label>
                                             <input type="text" class="form-control" name="fsTitle" id="fsTitle" placeholder="Title" value="<?php echo $fsTitle; ?>" >
                                             <?php echo form_error('fsTitle') ?>
                                          </div>

                                           <div class="col-md-12 mb-3">
                                            <label class="form-label" for="customControlValidation5">Page Publish Or Unpublish?</label>

                                            <select class="custom-select" id="customControlValidation5" name="fiStatus" required>
                                              
                                              <option <?php if($fiStatus == 0) {echo 'selected';}?> value="0">Publish</option>
                                              <option <?php if($fiStatus == 1) {echo 'selected';}?> value="1">Unpublish</option>
                                            </select>
                                            
                                            <div class="valid-feedback">
                                                Looks good!
                                            </div>
                                          </div> 
                                          
                                          <div class="col-md-12 mb-3">
                                            <label for="validationServer01">Description</label>
                                            <textarea name="fsDescription" id="editor1" rows="10" cols="80" ><?php echo html_entity_decode($fsDescription) ?></textarea>
                                          </div>
                                          
                                       </div>
                                       <input type="hidden" name="ID" value="<?php echo $ID; ?>" /> 
                                       <button class="btn btn-sm btn-primary" type="submit"><i class="mdi mdi-plus create_button"></i><?php echo $button ?></button>
                                       <a href="<?php echo site_url('hotel_static_pages') ?>" class="btn btn-sm btn-default cancal_button"><i class="mdi mdi-cancel"></i>Cancel</a>
                                     </div>
                                    </form>
                                 

<script type="text/javascript" src="https://cdn.ckeditor.com/4.5.1/standard/ckeditor.js"></script>
<script type="text/javascript">
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.editorConfig = function (config) {
    config.language = 'es';
    config.uiColor = '#F7B42C';
    config.height = 300;
    config.toolbarCanCollapse = true;

};
CKEDITOR.replace('editor1');
</script>
</div>
    </div>
</div>
</main>
<style type="text/css">
  .panel .panel-container .panel-content {
    padding: 1rem 1rem;
}
</style>