codecombat/app/templates/employers.jade

extends /templates/recruitment_base

block content
  if me.get('anonymous')
    a#login-link Login
    br
  if !isEmployer && !me.isAdmin()
    #tagline
      h1(data-i18n="employers.hire_developers_not_credentials") Hire developers, not credentials.
      button.btn.get-started-button.employer-button Get started
  else
    if !me.get('anonymous')
      a#logout-link(data-i18n="login.log_out") Logout
      br
    #filter
      .panel-group#filter_panel
        a#filter-link(data-toggle="collapse" data-target="#collapseOne")
          .panel.panel-default
            .panel-heading
              h4.panel-title
               
                span.glyphicon.glyphicon-folder-open#folder-icon
                |  Filter
        .panel-collapse.collapse.in#collapseOne
          .panel-body
            form#filters
              .filter_section#visa_filter
                h4 Visa
                label
                  input(type="checkbox" name="visa" value="Authorized to work in the US")
                  | US Authorized (#{candidatesInFilter("visa","Authorized to work in the US")})
                br
                label
                  input(type="checkbox" name="visa" value="Need visa sponsorship")
                  | Not Authorized (#{candidatesInFilter("visa","Need visa sponsorship")})
              .filter_section#school_filter
                h4 Education
                label
                  input(type="checkbox" name="schoolFilter" value="Top School")
                  | Top School (#{candidatesInFilter("schoolFilter","Top School")})
                br
                label
                  input(type="checkbox" name="schoolFilter" value="Other")
                  | Other (#{candidatesInFilter("schoolFilter","Other")})
              .filter_section#role_filter
                h4 Role
                label
                  input(type="checkbox" name="roleFilter" value="Web Developer")
                  | Web Developer (#{candidatesInFilter("roleFilter","Web Developer")})
                br
                label
                  input(type="checkbox" name="roleFilter" value="Software Developer")
                  | Software Developer (#{candidatesInFilter("roleFilter","Software Developer")})
                br
                label
                  input(type="checkbox" name="roleFilter" value="Mobile Developer")
                  | Mobile Developer (#{candidatesInFilter("roleFilter","Mobile Developer")})
              .filter_section#seniority_filter
                h4 Seniority
                label
                  input(type="checkbox" name="seniorityFilter" value="Senior")
                  | Senior (#{candidatesInFilter("seniorityFilter","Senior")})
                br
                label
                  input(type="checkbox" name="seniorityFilter" value="Junior")
                  | Junior (#{candidatesInFilter("seniorityFilter","Junior")})
                br
                label
                  input(type="checkbox" name="seniorityFilter" value="Recent Grad")
                  | Recent Grad (#{candidatesInFilter("seniorityFilter","Recent Grad")})
                br
                label
                  input(type="checkbox" name="seniorityFilter" value="College Student")
                  | College Student (#{candidatesInFilter("seniorityFilter","College Student")})
                
            //input#select_all_checkbox(type="checkbox" name="select_all" checked)
            //| Select all
            p#results #{numberOfCandidates} results
            //button.btn#create-alert-button Create Alert
  if candidates.length
    #candidate-table
      table
        tbody
          for candidate, index in featuredCandidates
            - var profile = candidate.get('jobProfile');
            - var authorized = candidate.id;  // If we have the id, then we are authorized.
            - var profileAge = (new Date() - new Date(profile.updated)) / 86400 / 1000;
            - var expired = profileAge > 2 * 30.4;
            - var curated = profile.curated;
              
            tr.candidate-row(data-candidate-id=candidate.id, id=candidate.id, class=expired ? "expired" : "")
              td(rowspan=3)
                .candidate-picture
                  img(src=candidate.getPhotoURL(50,false,true), alt=profile.name, title=profile.name, width=50)
              if !isntEmployer
                td.candidate-name-cell
                  strong
                    | #{profile.name}
            tr.description_row(data-candidate-id=candidate.id)
              if curated && curated.shortDescription
                td.candidate-description #{curated.shortDescription}
              else
                td.candidate-description #{profile.shortDescription}
            tr.border_row(data-candidate-id=candidate.id)
              if curated
                - var workHistory = curated.workHistory.join(",");
                td.tag_column
                  img(src="/images/pages/employer/tag.png")
                  |  #{profile.jobTitle}
                td.location_column
                  img(src="/images/pages/employer/location.png")
                  |  #{curated.location}
                td.education_column
                  img(src="/images/pages/employer/education.png")
                  |  #{curated.education}
                td.work_column
                  if workHistory
                    img(src="/images/pages/employer/briefcase.png")
                    |  #{workHistory}


  if !isEmployer && !me.isAdmin()
    div#info_wrapper
      span.hiring-call-to-action
        h2#start-hiring(data-i18n="employers.start_hiring") Start hiring.
        button.btn.get-started-button.employer-button Get started
      
      h2#hiring-reasons.hiring-call-to-action(data-i18n="employers.reasons") 3 reasons you should hire through us:
      .reasons#top_row
        .reason
          img.employer_icon(src="/images/pages/employer/employer_icon2.png")
          h3(data-i18n="employers.everyone_looking") Everyone here is looking for work.
          p(data-i18n="employers.everyone_looking_blurb") Forget about 20% LinkedIn InMail response rates. Everyone that we list on this site wants to find their next position and will respond to your request for an introduction.
        .reason
          img.employer_icon(src="/images/pages/employer/employer_icon6.png")
          h3(data-i18n="employers.weeding") We've done the weeding for you.
          //this will break in i18n. Fix the inlining
          p(data-i18n="employers.weeding_blurb")
            | We only feature developers that we would work with. We've reviewed each profile (in addition to meeting with many of the candidates.)
        .reason
          img(class="employer_icon" src="/images/pages/employer/employer_icon3.png")
          h3(data-i18n="employers.pass_screen") They will pass your technical screen.
          p(data-i18n="employers.pass_screen_blurb") All of these developers have ranked in our programming competitions. One employer found that 5x as many of our devs passed their technical screen than hiring from Hacker News.
      span.hiring-call-to-action
        h2(data-i18n="employers.make_hiring_easier") Make my hiring easier, please.
        button.btn.get-started-button.employer-button Get started
      .reasons#bottom_row
        .reason_long
          img.employer_icon(src="/images/pages/employer/employer_icon1.png")
          .reason_text
            h3(data-i18n="employers.what") What is CodeCombat?
            p(data-i18n="employers.what_blurb") CodeCombat is a multiplayer browser programming game. Players write code to control their forces in battle against other developers. We support JavaScript, Python, Lua, Clojure, CoffeeScript, and Io.
        .reason_long
          img.employer_icon(src="/images/pages/employer/employer_icon5.png")
          .reason_text
            h3(data-i18n="employers.cost") Who Are the Players?
            p(data-i18n="employers.cost_blurb") CodeCombateers are CTOs, VPs of Engineering, and graduates of top 20 engineering schools. No junior developers here. Our players enjoy playing with code and solving problems.