- var page_Title = 'File Manager';
- var theme_customizer      = true;
- var scrollbar             = true;
- var sidebar               = true;
- var header_slider         = true;
- var typeahead             = true;
- var typeahead_search      = true;
- var slick                 = true;
- var manager_ui            = true;
- var file_manager          = 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 
                    | File Manager
                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 Apps
                    li.breadcrumb-item.active File Manager
          // Container-fluid starts
          .container
            .grid.grid-cols-12.card-gap.main-file-sidebar
              div(class="col-span-3 xl:col-span-12 xl-4 box-col-6 pe-0")
                .md-sidebar
                  a.btn.btn-primary.md-sidebar-toggle.text-white(href='#!') file filter
                  .md-sidebar-aside.job-left-aside.custom-scrollbar
                    .file-sidebar
                      .card
                        .card-body
                          .common-sort-card
                            h5.mb-3 Sort By File Type 
                            ul.files-left-icons.file-type-icons
                              li
                                a#folder-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#folder-structure')
                                    span Folders
                                      span (124)
                                  span 45 MB
                              li 
                                a#document-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#doc-file')
                                    span Documents
                                      span (23)
                                  span 34 MB
                              li
                                a#images-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#image-file')
                                    span Images
                                      span (34)
                                  span 78 MB
                              li  
                                a#pdf-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#pdf-file')
                                    span PDF
                                      span (10)
                                  span 56 MB
                              li  
                                a#xml-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#xml-file')
                                    span XML
                                      span (18)
                                  span 23 MB
                              li  
                                a#sql-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#sql-file')
                                    span SQL
                                      span (20)
                                  span 45 MB
                              li  
                                a#audio-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#sql-file')
                                    span Audio
                                      span (23)
                                  span 56 MB
                              li  
                                a#video-files-tab(href='#!')
                                  div
                                    svg
                                      use(href='../assets/svg/icon-sprite.svg#sql-file')
                                    span Video
                                      span (2)
                                  span 23 MB
                          hr
                          ul
                            li
                              .btn.border.btn-outline-primary
                                i(data-feather="database")    
                                | Storage   
                              .m-t-15
                                .progress.sm-progress-bar.mb-1
                                  .progress-bar.rounded-l-lg.bg-primary(role='progressbar' style='width: 25%' aria-valuenow='25' aria-valuemin='0' aria-valuemax='100')
                                p 25 GB of 100 GB used
                          hr
                          ul
                            li 
                              .pricing-plan
                                h5 Trial Version 
                                h6 FREE
                                p  100 GB Space
                                .btn.btn-outline-primary.border.btn-xs
                                  | Selected
                                img.bg-img(src='../assets/images/dashboard/folder.png', alt='folder')   
                            li 
                              .pricing-plan
                                h5 Premium
                                h6 $5/month
                                p  250 GB Space
                                .btn.btn-outline-primary.border.btn-xs
                                  | Contact Us
                                img.bg-img(src='../assets/images/dashboard/folder1.png', alt='folder')                  
              div(class="col-span-9 xl:col-span-12 box-col-12 xl-66")
                .card
                  .card-header
                    h5 All Files
                    p.mb-0.f-light Recently opened files 
                  .card-body
                    .common-file-manager
                      .filemanger
                        .top-menu
                          button(onclick="openModel('newFile')")
                            i.fa-solid.fa-file-circle-plus
                            | Add Files
                          button(onclick="openModel('newFolder')")
                            i.fa-regular.fa-folder-open
                            | Add Folder
                          button(onclick="openModel('rename')")
                            i.fa-solid.fa-pen-to-square
                            | Rename
                          button(onclick="openModel('delete')")
                            i.fa-solid.fa-trash
                            | Delete
                        .top-folder-path
                          .path-action-btns
                            button#backwardBtn(onclick='backward()')
                              i.fa-solid.fa-arrow-left
                            button#forwardBtn(onclick='forward()')
                              i.fa-solid.fa-arrow-right
                            button(onclick="initFileManager('root/');")
                              i.fa-solid.fa-house
                          .folder-path-write
                            input.folder-path-input(type='text' value='/root/main/test-folder/' pattern='[A-Za-z0-9]+/[A-Za-z0-9]+' onchange='initFileManager(event.target.value)')
                            button.block-btn-1(onclick="clickedthisBtn(event);function clickedthisBtn(e){let i = e.target.closest('button').querySelector('i'); i.classList.add('fa-spin');setTimeout(() => {\
                            i.classList.remove('fa-spin')\
                            }, 1000);}")
                              i.fa-solid.fa-arrows-rotate
                        //- Static Folders-Files
                        .file-manager-grid.block-wrapper
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Mofi
                              span 23.5 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Database
                              span 45.4 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Key_logger
                              span 20.1 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Test_folder
                              span 12.1 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Resume
                              span 24.2 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Image folder
                              span 69.14 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name UX Design
                              span 48.33 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Portfolio
                              span 89.4 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Databases
                              span 78.5 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Interview_ques
                              span 22.78 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Test_JS
                              span 17.78 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Demo_content
                              span 12.18 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name folder 2
                              span 89.7 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Songs
                              span 14.8 MB
                          .folder
                            .folder-icon-container
                              .folder-icon
                            .common-space
                              p.folder-name Govern_doc
                              span 89.1 MB
                          .file
                            .image-preview
                              img.max-w-full.h-auto(src='../assets/images/other-images/sea.jpg' alt='mountain')
                            .common-space
                              p.file-name Image.jpg
                              span 1.8 MB
                          #testCont.file
                            .doc-icon-container
                              .doc-icon
                                p PDF
                            .common-space
                              p.file-name Changelog.pdf
                              span 25.8 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p TXT
                            .common-space
                              p.file-name Essay.txt
                              span 12.2 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p .?
                            .common-space
                              p.file-name File.unknown
                              span 78.2 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p ZIP
                            .common-space
                              p.file-name Form.zip
                              span 25.3 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p XML
                            .common-space
                              p.file-name Timer.xml
                              span 14.5 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p .?
                            .common-space
                              p.file-name File.unknown
                              span 35.9 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p ZIP
                            .common-space
                              p.file-name Theme.zip
                              span 15.9 MB
                          .file
                            .doc-icon-container
                              .doc-icon
                                p PNG
                            .common-space
                              p.file-name Image.png
                              span 1.4 MB
                        .folderEmpty
                          svg
                            use(href='../assets/svg/icon-sprite.svg#folder-empty')
                          h5 This folder is currently empty!
                        .popup
                          .popup-bg
                          .popup-content
                            h5 Title
                            form(action='#' onsubmit='return false;')
                          h5
                        .toast-messages
                          // Toast messages will appear here!
       
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
