- var page_Title = 'Private Chat';
- var theme_customizer      = true;
- var common_chat           = true;
- var sidebar               = true;
- var emoji_bar             = true;
- var active_chat           = 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
                    | Private Chat
                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 Chat
                    li.breadcrumb-item.active  Private Chat
          // Container-fluid starts
          .container
            .grid.grid-cols-12
              div(class="col-span-3 xxl:col-span-4 xl:col-span-5 md:col-span-12 box-col-5 xl-40")
                .left-sidebar-wrapper.card
                  .left-sidebar-chat
                    .input-group.flex.flex-nowrap
                      span.input-group-text.m-0.border-0.rounded-r-none
                        i.search-icon.text-gray(data-feather='search')
                      input.form-control(type='text' placeholder='Search here..')  
                  .advance-options.tabs 
                    ul.nav.tab-links.border-tab(class="[@media(max-width:575px)]:!flex-row")
                      li
                        a.tab-link.active(data-tabfilter="1" class="[@media(max-width:1423px)]:!py-[16px] [@media(max-width:1423px)]:!px-[28px]") Chats
                      li
                        a.tab-link(data-tabfilter="2" class="[@media(max-width:1423px)]:!py-[16px] [@media(max-width:1423px)]:!px-[28px]") Contacts
                    .tab-content 
                      .tab-pan.fade.show.active(data-tabcontent="1")
                        .common-space 
                          p Recent chats
                          .header-top
                            a.btn.badge-light-primary.font-medium(href="#!")
                              i.fa-solid.fa-plus
                        ul.chats-user
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/avtar/3.jpg", alt="user")
                                .status.bg-success
                              div 
                                span Cameron
                                p Hey, How are you?
                            div
                              p 2 min 
                              .badge.badge-light-success 15
                          li.common-space.active(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/dashboard-11/user/10.jpg", alt="user")
                                .status.bg-success
                              div 
                                span Esther
                                p Thanks for reply
                            div
                              p 7:30 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/avtar/7.jpg", alt="user")
                                .status.bg-success
                              div 
                                span Jane
                                p Hey, What's up?
                            div
                              p 1:10 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/avtar/16.jpg", alt="user")
                                .status.bg-success
                              div 
                                span Ronald
                                p I'm ready
                            div
                              p 3:10 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/avtar/4.jpg", alt="user")
                                .status.bg-warning
                              div 
                                span Darlene
                                p Hey, How are you?
                            div
                              p 1:30 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/comment.jpg", alt="user")
                                .status.bg-warning
                              div 
                                span Darrell
                                p What's going on?
                            div
                              p 2:10 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/4.jpg", alt="user")
                                .status.bg-success
                              div 
                                span Theresa
                                p What's up?
                            div
                              p 1:50 AM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/12.png", alt="user")
                                .status.bg-warning
                              div 
                                span Floyd
                                p Are you sure?
                            div
                              p 5:14 PM
                          li.common-space(class="[@media(max-width:1505px)]:!gap-[1px]")
                            .chat-time
                              .active-profile
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/9.jpg", alt="user")
                                .status.bg-warning
                              div 
                                span Annette
                                p Thanks
                            div
                              p 1:50 PM
                      .tab-pan.fade(data-tabcontent="2")
                        .common-space 
                          p Contacts
                          .header-top
                            a.btn.badge-light-primary.font-medium(href="#!")
                              i.fa-solid.fa-plus
                        .search-contacts
                          input.form-control(type="text" placeholder="Name and phone number")
                          svg 
                            use(href='../assets/svg/icon-sprite.svg#stroke-search')
                          i.mic-search(data-feather='mic')
                        .contact-wrapper
                          p A 
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/avtar/3.jpg", alt="user")
                                div 
                                  span Andres Williamson
                                  p 191-900-5689
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p B
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/comment.jpg", alt="user")
                                div 
                                  span Britlin Weed
                                  p 698-781-5581
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                            li.common-space
                              .chat-time
                                .custom-name.bg-light-secondary
                                  p.txt-secondary.font-medium BD
                                div 
                                  span Brendra Dixit
                                  p 589-789-2563
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p C 
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/14.png", alt="user")
                                div 
                                  span Cody Fisher
                                  p 983-333-4545
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                            li.common-space
                              .chat-time
                                .relative.custom-name.bg-light-success
                                  p.txt-success.font-medium CE
                                div 
                                  span Clifford Evans
                                  p 321-456-7878
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites  
                            li.common-space
                              .chat-time
                                .custom-name.bg-light-warning
                                  p.txt-warning.font-medium CW 
                                div 
                                  span Cameron Williamson
                                  p 369-852-7417
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p D
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/blog/12.png", alt="user")
                                div 
                                  span Darlene Robertson
                                  p 231-279-1001
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/user/3.png", alt="user")
                                div 
                                  span Dianne Russell
                                  p 569-789-1002
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/user/6.jpg", alt="user")
                                div 
                                  span Darrell Steward
                                  p 200-300-1030
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p E 
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/user/1.jpg", alt="user")
                                div 
                                  span Emily Collins
                                  p 100-555-7032
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p F 
                          ul(class="!border-b-0")
                            li.common-space
                              .chat-time
                                img.max-w-full.h-auto.rounded-full(src="../assets/images/user/2.jpg", alt="user")
                                div 
                                  span Fiona Cooper
                                  p 362-778-1919
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                            li.common-space
                              .chat-time
                                .custom-name.bg-light-danger
                                  p.txt-danger.font-medium FG
                                div 
                                  span Freya Grayson
                                  p 589-789-2563
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites
                          p G
                          ul(class="!border-b-0")  
                            li.common-space
                              .chat-time
                                .custom-name.bg-light-warning
                                  p.txt-warning.font-medium GE
                                div 
                                  span Gabriel Evans
                                  p 963-147-5024
                              .contact-edit.dropdown
                                svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                                  use(href='../assets/svg/icon-sprite.svg#menubar')
                                .dropdown-menu.dropdown-menu-end
                                  a.dropdown-item(href='#!')
                                    | View Details
                                  a.dropdown-item(href='#!') 
                                    | Send Messages
                                  a.dropdown-item(href='#!') 
                                    | Add To Favorites   
              div(class="col-span-9 xxl:col-span-8 xl:col-span-7 md:col-span-12 box-col-7 xl-80")
                .card.right-sidebar-chat
                  .right-sidebar-title
                    .common-space 
                      .chat-time-chat
                        .active-profile-chat
                          img.max-w-full.h-auto.rounded-full(src="../assets/images/dashboard-11/user/10.jpg", alt="user")
                          .status.bg-success
                        div 
                          span Esther Howard
                          p Online
                      .flex.gap-2.offcanvas-wrapper(class="[@media(max-width:340px)]:hidden")
                        .contact-edit.dropdown.chat-alert
                          svg 
                            use(href='../assets/svg/icon-sprite.svg#spam')
                        .contact-edit.dropdown.chat-alert
                          svg.dropdown-toggle(role="menu" data-bs-toggle="dropdown" aria-expanded="false")
                            use(href='../assets/svg/icon-sprite.svg#menubar')
                          .dropdown-menu.dropdown-menu-end
                            a.dropdown-item(href='#!')
                              | View Details
                            a.dropdown-item(href='#!') 
                              | Send Messages
                            a.dropdown-item(href='#!') 
                              | Add To Favorites
                  .right-sidebar-Chats  
                    .msger
                      .msger-chat
                        .msg.left-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Shepherd Doyle
                              .msg-info-time 01:14 PM
                            .msg-text
                              | Good morning. How may I help you with this? &#x1F604;
                        .msg.right-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Esther Howard
                              .msg-info-time 12:14 PM
                            .msg-text
                              | Could you perhaps clarify the most recent project deadline?
                        .msg.right-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Esther Howard
                              .msg-info-time 12:14 PM
                            .msg-text
                              | Yes, the deadline is scheduled for Friday of next week.
                              
                        .msg.left-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Shepherd Doyle
                              .msg-info-time 01:14 PM
                            .msg-text
                              | Is that timeline negotiable?
                        .msg.right-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Esther Howard
                              .msg-info-time 12:14 PM
                            .msg-text
                              | I'll talk to the team about it.
                        .msg.left-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Shepherd Doyle
                              .msg-info-time 01:14 PM
                            .msg-text
                              | I appreciate your quick attention to this.
                        .msg.right-msg
                          .msg-img
                          .msg-bubble
                            .msg-info
                              .msg-info-name Esther Howard
                              .msg-info-time 12:14 PM
                            .msg-text
                              | Regards. Do you have any further questions?
                      form.msger-inputarea.dropdown
                        .dropdown-form.dropdown-toggle(role='main' data-bs-toggle="dropdown" aria-expanded="false")
                          i.icon-plus
                          .chat-icon.dropdown-menu.dropdown-menu-start
                            div.dropdown-item.mb-2
                                svg 
                                  use(href='../assets/svg/icon-sprite.svg#camera')
                            div.dropdown-item
                              svg 
                                use(href='../assets/svg/icon-sprite.svg#attchment')

                        input.msger-input.two.uk-textarea(type='text' placeholder='Type Message here..')
                        .open-emoji
                          .second-btn.uk-button
                        button.msger-send-btn(type='submit')
                          i.fa.fa-location-arrow
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files