<div class="main-content">
          <div class="content-wrapper">
            <div class="container-fluid"><!-- Basic form layout section start -->
                <section id="basic-form-layouts">
                    <!--<div class="row">
                        <div class="col-sm-12">
                            <h2 class="content-header">Driver Master</h2>
                        </div>
                    </div>-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <div class="page-title-wrap">
                                        <h4 class="card-title">CMS Master</h4>
                                        <a class="title_btn t_btn_list" href="<?= base_url();?>admin/cms/"><span><i class="fa fa-list-ul" aria-hidden="true"></i></span> CMS List</a>
                                    </div>
                                    
                                    
                                    <!--<p class="mb-0">This is the most basic and cost estimation form is the default position.</p>-->
                                </div>
                                <div class="card-body">
                                    <div class="px-3">
                                        <?php
                                            if(empty($cms_data))
                                            {
                                        ?>
                                        <form class="form custom_form_style" method="post" action="<?= base_url();?>admin/cms/add_cms">
                                            <div class="form-body">
                                                    
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Page Name<sup>*</sup></label>
                                                            <input onkeyup="nospaces(this)" onkeypress="nospaces(this)" type="text" class="form-control" name="page_name" required="required">
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Short Description<sup>*</sup></label>
                                                            <input onkeyup="nospaces(this)"onkeypress="nospaces(this)" type="text" class="form-control" name="short_description" id="short_description" required="required">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Description<sup>*</sup></label>
                                                            <textarea  onkeyup="nospaces(this)" onkeypress="nospaces(this)" id="cms_description" name="cms_description" required="required" rows="10" cols="80"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-actions">
                                                <a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/cms'; ?>">
                                                  <i class="fa fa-times" aria-hidden="true"></i> Cancel
                                                </a>
                                                <button type="submit" class="btn btn-success">
                                                    <i class="fa fa-floppy-o" aria-hidden="true"></i> Save
                                                </button>
                                            </div>
                                        </form>

                                        <?php } else { ?>
                                        
                                        <form class="form custom_form_style" method="post" action="<?= base_url();?>admin/cms/edit_cms/<?=$cms_data['cms_id']?>">
                                            <div class="form-body">
                                            <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Page Name<sup>*</sup></label>
                                                            <input onkeyup="nospaces(this)" onkeypress="nospaces(this)" type="text" class="form-control" name="page_name" required="required" value="<?=$cms_data['page_name']?>">
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Short Description<sup>*</sup></label>
                                                            <input onkeyup="nospaces(this)" onkeypress="nospaces(this)" type="text" class="form-control" name="short_description" id="short_description" required="required" value="<?=$cms_data['short_desc']?>">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Description<sup>*</sup></label>
                                                            <textarea onkeyup="nospaces(this)" onkeypress="nospaces(this)" id="cms_description" name="cms_description" required="required" rows="10" cols="80"><?=$cms_data['description']?></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                               
                                                
                                            </div>

                                            <div class="form-actions">
                                                <a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/cms'; ?>">
                                                  <i class="fa fa-times" aria-hidden="true"></i> Cancel
                                                </a>
                                                <button type="submit" class="btn btn-success">
                                                    <i class="fa fa-floppy-o" aria-hidden="true"></i> Update
                                                </button>
                                            </div>
                                        </form>
                                        <?php
                                            }
                                        ?>
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                    </div>
                </section>
<!-- // Basic form layout section end -->
            </div>
          </div>
        </div>
        <script src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
<script>
function nospaces(t){
    if(t.value.match(/\s/g) && t.value.length == 1){
        //alert('');
        $.alert({
           type: 'red',
           title: 'Alert!',
           content: 'Sorry, you are not allowed to enter any spaces in the starting.',
        });
        t.value=t.value.replace(/\s/g,'');
    }

}
 CKEDITOR.replace('cms_description');
 $("form").submit( function(e) {   
    var total_length    = CKEDITOR.instances['cms_description'].getData().replace(/<[^>]*>/gi, '').length;
    var short_description = $.trim($("#short_description").val());
    //alert(short_description);
    if(!total_length) {
        $.alert({
           type: 'red',
           title: 'Alert!',
           content: 'Please enter a description',
        });
        e.preventDefault();
    }
    if(!short_description){
        $.alert({
           type: 'red',
           title: 'Alert!',
           content: 'Please enter  short description',
        });
        e.preventDefault();
    }
    
}); 
</script>