- var theme_customizer      = true;
- var select2               = true;
- var page_select2          = true;
- var date_picker           = true;

doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                      | Apply
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                        | Home
                                      li.breadcrumb-item Job Search
                                      li.breadcrumb-item.active Apply
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .row
                        .col-xl-3.xl-40.box-col-4
                          .job-sidebar
                              a.btn.btn-primary.job-toggle(href="javascript:void(0)")
                                |job filter
                              .job-left-aside.custom-scrollbar
                                #accordionoc.default-according.style-1.faq-accordion.job-accordion
                                  .row
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-0
                                            button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon', aria-expanded='true', aria-controls='collapseicon') Filter
                                        #collapseicon.collapse.show(aria-labelledby='collapseicon', data-bs-parent='#accordion')
                                          .card-body.filter-cards-view.animate-chk
                                            .job-filter.mb-3
                                              .faq-form
                                                input.form-control(type='text', placeholder='Search..')
                                                i.search-icon(data-feather='search')
                                            .job-filter
                                              .faq-form
                                                input.form-control(type='text', placeholder='location..')
                                                i.search-icon(data-feather='map-pin')
                                            .checkbox-animated
                                              label.d-block(for='chk-ani')
                                                input#chk-ani.checkbox_animated(type='checkbox')
                                                |  Full-time (8688)
                                              label.d-block(for='chk-ani1')
                                                input#chk-ani1.checkbox_animated(type='checkbox')
                                                |  Contract (503)
                                              label.d-block(for='chk-ani2')
                                                input#chk-ani2.checkbox_animated(type='checkbox')
                                                |  Part-time (288)
                                              label.d-block(for='chk-ani3')
                                                input#chk-ani3.checkbox_animated(type='checkbox')
                                                |  Internship (236)
                                              label.d-block(for='chk-ani4')
                                                input#chk-ani4.checkbox_animated(type='checkbox')
                                                |  Temporary (146)
                                              label.d-block(for='chk-ani5')
                                                input#chk-ani5.checkbox_animated(type='checkbox')
                                                |  Commission (25)
                                            button.btn.btn-primary.text-center(type='button') Find jobs
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-0
                                            button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon1', aria-expanded='true', aria-controls='collapseicon1') Location
                                        #collapseicon1.collapse.show(aria-labelledby='collapseicon1', data-bs-parent='#accordion')
                                          .card-body.animate-chk
                                            .location-checkbox
                                              label.d-block(for='chk-ani6')
                                                input#chk-ani6.checkbox_animated(type='checkbox')
                                                |                           New York
                                                span.d-block NY (399)
                                              label.d-block(for='chk-ani7')
                                                input#chk-ani7.checkbox_animated(type='checkbox')
                                                |                            San Francisco
                                                span.d-block CA (252)
                                              label.d-block(for='chk-ani8')
                                                input#chk-ani8.checkbox_animated(type='checkbox')
                                                |                             Washington
                                                span.d-block DC (226)
                                              label.d-block(for='chk-ani9')
                                                input#chk-ani9.checkbox_animated(type='checkbox')
                                                |                            Seattle
                                                span.d-block WA (242)
                                              label.d-block.mb-0(for='chk-ani10')
                                                input#chk-ani10.checkbox_animated(type='checkbox')
                                                |                           Chicago
                                                span.d-block IL (187)
                                          button.btn.btn-block.btn-primary.text-center(type='button') All Locations
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-0
                                            button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon2', aria-expanded='true', aria-controls='collapseicon2') Job Title
                                        #collapseicon2.collapse.show(data-bs-parent='#accordion', aria-labelledby='collapseicon2')
                                          .card-body.animate-chk
                                            label.d-block(for='chk-ani11')
                                              input#chk-ani11.checkbox_animated(type='checkbox')
                                              |                           UI/Ux designer(25)
                                            label.d-block(for='chk-ani12')
                                              input#chk-ani12.checkbox_animated(type='checkbox')
                                              |                           Graphic designer(10)
                                            label.d-block(for='chk-ani13')
                                              input#chk-ani13.checkbox_animated(type='checkbox')
                                              |                           Front end designer(15)
                                            label.d-block(for='chk-ani14')
                                              input#chk-ani14.checkbox_animated(type='checkbox')
                                              |                           PHP developer(42)
                                            label.d-block.mb-0(for='chk-ani15')
                                              input#chk-ani15.checkbox_animated(type='checkbox')
                                              |                          React Developer( 5 )
                                          button.btn.btn-block.btn-primary.text-center(type='button') All Job Title
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-0
                                            button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon3', aria-expanded='true', aria-controls='collapseicon3') Industry
                                        #collapseicon3.collapse.show(data-bs-parent='#accordion', aria-labelledby='collapseicon3')
                                          .card-body.animate-chk
                                            label.d-block(for='chk-ani16')
                                              input#chk-ani16.checkbox_animated(type='checkbox')
                                              |                           Computer Software(14)
                                            label.d-block(for='chk-ani17')
                                              input#chk-ani17.checkbox_animated(type='checkbox')
                                              |                           IT Engineer(10)
                                            label.d-block(for='chk-ani18')
                                              input#chk-ani18.checkbox_animated(type='checkbox')
                                              |                           Service industry(20)
                                            label.d-block(for='chk-ani19')
                                              input#chk-ani19.checkbox_animated(type='checkbox')
                                              |                          Accounting(34)
                                            label.d-block.mb-0(for='chk-ani20')
                                              input#chk-ani20.checkbox_animated(type='checkbox')
                                              |                           Financial Services(5)
                                          button.btn.btn-block.btn-primary.text-center(type='button') All Industries
                                    .col-xl-12
                                      .card
                                        .card-header
                                          h5.mb-0.p-0
                                            button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon4', aria-expanded='true', aria-controls='collapseicon4') Specific skills
                                        #collapseicon4.collapse.show(data-bs-parent='#accordion', aria-labelledby='collapseicon4')
                                          .card-body.animate-chk
                                            label.d-block(for='chk-ani21')
                                              input#chk-ani21.checkbox_animated(type='checkbox')
                                              |                           HTML,scss & sass
                                            label.d-block(for='chk-ani23')
                                              input#chk-ani23.checkbox_animated(type='checkbox')
                                              |                           Javascript
                                            label.d-block(for='chk-ani24')
                                              input#chk-ani24.checkbox_animated(type='checkbox')
                                              |                           Node.js
                                            label.d-block(for='chk-ani25')
                                              input#chk-ani25.checkbox_animated(type='checkbox')
                                              |                           Gulp & Pug
                                            label.d-block.mb-0(for='chk-ani26')
                                              input#chk-ani26.checkbox_animated(type='checkbox')
                                              |                           Angular.js
                                          button.btn.btn-block.btn-primary.text-center(type='button') All Skills
                        .col-xl-9.xl-60.box-col-8
                          .card
                            .job-search
                              .card-body.pb-0
                                .media
                                  img.img-40.img-fluid.m-r-20(src='../assets/images/job-search/1.jpg', alt='')
                                  .media-body
                                    h5.f-w-700.mb-0
                                      a(href='javascript:void(0)') UI Designer                                     
                                    p Endless Telecom & Technologies , NY 
                                    ul.rating
                                      li 
                                        i.fa.fa-star.font-warning
                                      li 
                                        i.fa.fa-star.font-warning
                                      li 
                                        i.fa.fa-star.font-warning
                                      li 
                                        i.fa.fa-star.font-warning
                                      li 
                                        i.fa.fa-star.font-warning
                                    button.btn.btn-primary.job-apply-btn(type='button')
                                        span
                                          i.fa.fa-check.text-white
                                        |  Save this job
                                    
                                .job-description
                                  h6.mb-0 Personal Details 
                                  form.form.theme-form
                                    .row
                                      .col
                                        .form-group
                                          label.form-label(for='exampleFormControlInput1')
                                            | Full Name:
                                            span.font-danger *
                                          input#exampleFormControlInput1.form-control(type='email', placeholder='Enter your full name')
                                    .row
                                      .col
                                        .form-group
                                          label.form-label(for='exampleFormControlInput3')
                                            | Email:
                                            span.font-danger *
                                          input#exampleFormControlInput3.form-control(type='email', placeholder='Enter email')
                                    .row
                                      .col
                                        .form-group
                                          label.form-label(for='exampleFormControlpassword')
                                            | Password:
                                            span.font-danger *
                                          input#exampleFormControlpassword.form-control(type='password', placeholder='Enter password')
                                    .row
                                      .col
                                        .form-group
                                          label.form-label(for='exampleFormControlpassword1')
                                            | Repeat Password:
                                            span.font-danger *
                                          input#exampleFormControlpassword1.form-control(type='password', placeholder='Repeat password')
                                    .row
                                      .col-sm-4
                                        .form-group
                                          label.form-label Birth Date
                                          select.js-example-basic-single.col-sm-12
                                            optgroup(label='Month')
                                              option(value='Jan') January
                                              option(value='Feb') February
                                              option(value='Mar') March
                                              option(value='Apr') April
                                              option(value='May') May
                                              option(value='Jun') June
                                              option(value='Jul') July
                                              option(value='Aug') August
                                              option(value='Sep') September
                                              option(value='Oct') October
                                              option(value='Nov') November
                                              option(value='Dec') December
                                      .col-sm-4
                                        .form-group
                                          .col-form-label.m-t-5
                                            select.js-example-basic-single.col-sm-12
                                              optgroup(label='Day')
                                                option(value='1') 1
                                                option(value='2') 2
                                                option(value='3') 3
                                                option(value='4') 4
                                                option(value='5') 5
                                                option(value='6') 6
                                                option(value='7') 7
                                                option(value='8') 8
                                                option(value='9') 9
                                                option(value='10') 10
                                                option(value='11') 11
                                                option(value='12') 12
                                                option(value='13') 13
                                                option(value='14') 14
                                                option(value='15') 15
                                                option(value='16') 16
                                                option(value='17') 17
                                                option(value='18') 18
                                                option(value='19') 19
                                                option(value='20') 20
                                                option(value='21') 21
                                                option(value='22') 22
                                                option(value='23') 23
                                                option(value='24') 24
                                                option(value='25') 25
                                                option(value='26') 26
                                                option(value='27') 27
                                                option(value='28') 28
                                                option(value='29') 29
                                                option(value='30') 30
                                                option(value='31') 31
                                      .col-sm-4
                                        .form-group
                                          .col-form-label.m-t-5
                                            select.js-example-basic-single.col-sm-12
                                              optgroup(label='Year')
                                                option(value='1985') 1985
                                                option(value='1986') 1986
                                                option(value='1987') 1987
                                                option(value='1988') 1988
                                                option(value='1989') 1989
                                                option(value='1990') 1990
                                                option(value='1991') 1991
                                                option(value='1992') 1992
                                                option(value='1993') 1993
                                                option(value='1994') 1994
                                                option(value='1995') 1995
                                                option(value='1996') 1996
                                                option(value='1997') 1997
                                                option(value='1998') 1998
                                                option(value='1999') 1999
                                                option(value='2000') 2000
                                                option(value='2001') 2001
                                                option(value='2002') 2002
                                                option(value='2003') 2003
                                                option(value='2004') 2004
                                                option(value='2005') 2005
                                                option(value='2006') 2006
                                                option(value='2007') 2007
                                                option(value='2008') 2008
                                                option(value='2009') 2009
                                                option(value='2010') 2010
                                                option(value='2011') 2011
                                                option(value='2012') 2012
                                                option(value='2013') 2013
                                                option(value='2014') 2014
                                                option(value='2015') 2015
                                                option(value='2016') 2016
                                                option(value='2017') 2017
                                                option(value='2018') 2018
                                                option(value='2019') 2019
                                    .row
                                      .col
                                        .form-group
                                          label.form-label(for='exampleFormControlInput4') Phone Number:
                                          input#exampleFormControlInput4.form-control(type='email', placeholder='Enter Phone no.')
                                  h6.mb-0 Your Education
                                  form.form.theme-form
                                    .row
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label(for='exampleFormControlInput5')
                                            | College Name:
                                            span.font-danger *
                                          input#exampleFormControlInput5.form-control(type='email', placeholder='Enter college name')
                                      .col-xl-6.xl-100.xl-mt-job
                                        label.col-form-label.text-end.pt-0
                                          | Period:
                                          span.font-danger *
                                        .row
                                          .col-sm-6
                                            .input-group
                                              input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='Start Date')
                                          .col-sm-6.xs-mt-period
                                            .input-group
                                              input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='End Date')
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label Degree Level:
                                            span.font-danger *
                                          select.js-example-basic-single.col-sm-12.job-select2
                                            optgroup(label='Choose a Option')
                                              option(value='student') Student
                                              option(value='Bachelor') Bachelor
                                              option(value='Master') Master
                                              option(value='Associate') Associate
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label(for='exampleFormControlInput6')
                                            | Specialization:
                                            span.font-danger *
                                          input#exampleFormControlInput6.form-control(type='email', placeholder='Enter specialization')
                                  h6.mb-0 Your Experience
                                  form.form.theme-form
                                    .row
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label(for='exampleFormControlInput7')
                                            | Location:
                                            span.font-danger *
                                          input#exampleFormControlInput7.form-control(type='email', placeholder='Enter Location')
                                      .col-xl-6.xl-100.xl-mt-job
                                        label.col-form-label.text-end.pt-0
                                          | Period:
                                          span.font-danger *
                                        .row
                                          .col-sm-6
                                            .input-group
                                              input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='Start Date')
                                          .col-sm-6.xs-mt-period
                                            .input-group
                                              input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='End Date')
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label Position:
                                            span.font-danger *
                                          select.js-example-basic-single.col-sm-12.job-select2
                                            optgroup(label='Enter Position')
                                              option(value='position') Choose a option
                                              option(value='Web designer') Web Designer
                                              option(value='Graphic designer') Graphic Designer
                                              option(value='UI designer') UI Designer
                                              option(value='UI/UX designer') UI/UX Designer
                                      .col-xl-6.xl-100
                                        .form-group
                                          label.form-label(for='exampleFormControlInput8')
                                            | Company Name:
                                            span.font-danger *
                                          input#exampleFormControlInput8.form-control(type='email', placeholder='Enter Company Name')
                                  h6.mb-0 Upload Your Files
                                  form.form.theme-form
                                    .row
                                      .col
                                        .form-group
                                          label.col-form-label.pt-0
                                            | Upload Cover Letter:
                                            span.font-danger *
                                          input.form-control(type='file')
                                    .row
                                      .col
                                        .form-group
                                          label.col-form-label.pt-0
                                            | Upload Your CV:
                                            span.font-danger *
                                          input.form-control(type='file')
                                    .row
                                      .col
                                        div
                                          label.col-form-label.pt-0 Upload Recommendations:
                                          input.form-control(type='file')
                              .card-footer
                                button.btn.btn-primary(type='submit') Submit
                                input.btn.btn-light(type='reset', value='Cancel')
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files
