- var page_Title = 'Add Blog';
- var theme_customizer      = true;
- var select2               = true;
- var page_select2          = true;
- var dropzone              = true;
- var editors               = true;
- var editors4              = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var scrollbar             = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Add Blog
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Blog
                    li.breadcrumb-item.active Add Blog
          // Container-fluid starts
          .container
            .grid.grid-cols-12
              div(class="col-span-12")
                .card
                  .card-header
                    h5 Blog Edit
                  .card-body.add-post
                    form.grid.grid-cols-12.card-gap
                      div(class="col-span-12")
                        .mb-3
                          label(for='validationCustom01') Title:
                          input#validationCustom01.form-control(type='text', placeholder='Post Title')
                        .mb-3
                          label Type:
                          .m-checkbox-inline.flex
                            label(for='edo-ani')
                              input#edo-ani.radio_animated(type='radio', name='rdo-ani', checked='')
                              | Text
                            label(for='edo-ani1')
                              input#edo-ani1.radio_animated(type='radio', name='rdo-ani')
                              | Image
                            label(for='edo-ani2')
                              input#edo-ani2.radio_animated(type='radio', name='rdo-ani', checked='')
                              | Audio
                            label(for='edo-ani3')
                              input#edo-ani3.radio_animated(type='radio', name='rdo-ani')
                              | Video
                        .mb-3
                          .col-form-label Category:
                            select.js-example-placeholder-multiple.col-sm-12(multiple='multiple')
                              option(value='AL') Lifestyle
                              option(value='WY') Travel
                              option(value='FY') Food
                              option(value='PY') Photography
                              option(value='HD') Home Decor
                              option(value='FS') Fitness 
                              option(value='ED') Education
                              option(value='BR') Book Reviews
                        .email-wrapper
                          .theme-form
                            .mb-3(class="!mb-3")
                              label.w-full Content:
                              .toolbar-box
                                  #toolbar8
                                    span.ql-formats
                                      select.ql-size
                                        option(value='small') Small
                                        option(selected='') Normal
                                        option(value='large') Large
                                        option(value='huge') Huge
                                    span.ql-formats
                                      button.ql-bold Bold
                                      button.ql-italic Italic
                                      button.ql-underline Underline
                                      button.ql-strike Strike
                                      button.ql-script(value='sub')
                                      button.ql-script(value='super')
                                    span.ql-formats
                                      button.ql-header(value='1')
                                      button.ql-header(value='2')
                                    span.ql-formats
                                      button.ql-list(value='ordered') List
                                      button.ql-list(value='bullet') Bullet
                                      button.ql-indent(value='-1')
                                      button.ql-indent(value='+1')
                                    span.ql-formats
                                      button.ql-link Link
                                      button.ql-image Image
                                      button.ql-video Video
                                      select.ql-color
                                      select.ql-background
                                    // Add more options here
                                    span.ql-formats
                                      button.ql-blockquote Blockquote
                                      button.ql-code-block
                                    span.ql-formats
                                      button.ql-align(value='')
                                      button.ql-align(value='center')
                                      button.ql-align(value='right')
                                      button.ql-align(value='justify')
                                    span.ql-formats 
                                      button.ql-clean
                                  #editor8
                    form#multiFileUpload.dropzone.dropzone-secondary(action='/upload.php')
                      .dz-message.needsclick
                        i.fa-solid.fa-cloud-arrow-up.fa-fade
                        h6 Drop files here or click to upload.
                        span.note.needsclick
                          | (This is just a demo dropzone. Selected files are 
                          strong not
                          |  actually uploaded.)
                    form.grid.grid-cols-12.gap-3.e-category
                      div(class="col-span-12")
                        .main-divider
                          .divider-body
                            h6 SEO Tags
                      div(class="col-span-6 lg:col-span-12")
                        label.form-label(for='validationMetaTitle1') Meta Title
                          span.txt-danger *
                        input#validationMetaTitle1.form-control(type='text' placeholder='Enter meta title')
                      div(class="col-span-6 lg:col-span-12")
                        label.form-label.flex(for='validationKeywords') Meta Keywords
                          span.txt-danger *
                          span.c-o-light &nbsp;(In comma separated)
                        input#validationKeywords.form-control(type='text' placeholder='Enter meta keywords')
                      div(class="col-span-12")
                        label.form-label Meta Description
                        .toolbar-box
                          #toolbar4
                            button.ql-bold Bold 
                            button.ql-italic Italic 
                            button.ql-underline underline
                            button.ql-strike Strike 
                            button.ql-list(value="ordered") List 
                            button.ql-list(value="bullet") 
                            button.ql-indent(value="-1") 
                            button.ql-indent(value="+1")
                            button.ql-link
                          #editor4
                    .common-flex.justify-end.mt-3
                      button.btn.btn-primary.text-white(type='submit') Post
                      input.btn.btn-secondary.text-white(type='reset', value='Discard')
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
