clarkfyr/Calumni

.container
  .row
    .col-md-12
      %br
      %br
      %br
      %h3{:style=>"color:#1AA3C7;"} 
        %strong CALUMNI
      %h3 Get career advice and referrals from UC Berkeley alumni
      .input-group-btn
        = form_tag search_path, :method => 'get', class: 'input-group',:style=>"width:90%;"   do
          = text_field_tag :search, params[:search], class: 'form-control', placeholder: 'Search by company or alumni name', id: "nav_search",autocomplete:"off"
          = submit_tag "Search", class: "btn btn-default"
      %br
      %br
      %br
      %br

.container
  .row
    .col-md-12
      %h3.text-center
        %strong COMPANIES
    .col-md-2.mb-5.col-sm-2
      = link_to search_path(:search=>"amazon",:type=>"company") do
        %img{:height => "100", :src => "https://s3.us-east-2.amazonaws.com/calumni-cs169/company/amazon.jpg",:alt=>"amazon"}/
    .col-md-2.mb-5.col-sm-2
      = link_to search_path(:search=>"google",:type=>"company") do
        %img{:height => "100", :src => "https://s3.us-east-2.amazonaws.com/calumni-cs169/company/google.png",:alt=>"google"}/
    .col-md-2.mb-5.col-sm-2
      = link_to search_path(:search=>"facebook",:type=>"company") do
        %img{:height => "100", :src => "https://s3.us-east-2.amazonaws.com/calumni-cs169/company/fb.png",:alt=>"fb"}/
    .col-md-2.mb-5.col-sm-2
      = link_to search_path(:search=>"snapchat",:type=>"company") do
        %img{:height => "100", :src => "https://s3.us-east-2.amazonaws.com/calumni-cs169/company/snap.png",:alt=>"snapchat"}/
    .col-md-4.mb-5.col-sm-4#right
      %button.btn.btn-default{:type => "button"} See all companies


  %hr


.container
  .row
    .col-md-12
      %h3.text-center
        %strong MENTORS
    .col-md-3.col-sm-3.details
      .panel.panel-default
        .panel-body
          %a.ratio.img-responsive.img-circle{:href => "#{@mentor1.first.url}", :style => "background-image: url(#{@mentor1.first.avatar});"}
        / List group
        %ul.list-group
          %li.list-group-item #{@mentor1.first.username}
          %li.list-group-item #{@mentor1.first.position}
          %li.list-group-item #{@mentor1.first.company}
    .col-md-3.col-sm-3.details
      .panel.panel-default
        .panel-body
          %a.ratio.img-responsive.img-circle{:href => "#{@mentor2.first.url}", :style => "background-image: url(#{@mentor2.first.avatar});"}
        / List group
        %ul.list-group
          %li.list-group-item #{@mentor2.first.username}
          %li.list-group-item #{@mentor2.first.position}
          %li.list-group-item #{@mentor2.first.company}
    .col-md-3.col-sm-3.details
      .panel.panel-default
        .panel-body
          %a.ratio.img-responsive.img-circle#sam{:href => "#{@mentor4.first.url}", :style => "background-image: url(#{@mentor4.first.avatar});"}
        %ul.list-group
          %li.list-group-item #{@mentor4.first.username}
          %li.list-group-item #{@mentor4.first.position}
          %li.list-group-item #{@mentor4.first.company}
    .col-md-3.mb-5.col-sm-3
      %button.btn.btn-default#right_button{:type => "button"} See all alumni
  %hr