#modal_pay
.wrapper
  .content
    .main_head
      .main_head_middle
        .tab-content.head_tab-content
          #1.tab-pane.tab-pane_people.active
            .main_head_title
              = image_tag ("logo_lg.png")
              %h1= t('title')
              .title_highlighted
                = t ('title_highlighted')
            .tab-pane_content
              .bot_btn
                %a.btn.btn_main{"data-target" => "#modal", "data-toggle" => "modal"}= t ('donate')
              .head_couters.clearfix
                .counter
                  .counter_value
                    .counter_digit
                      %span 2
                      .counter_gradient_top
                    .counter_digit
                      %span 0
                      .counter_gradient_top
                    .counter_digit
                      %span 0
                      .counter_gradient_top
                    .counter_comma ,
                    .counter_digit
                      %span 8
                      .counter_gradient_top
                    .counter_digit
                      %span 6
                      .counter_gradient_top
                    .counter_digit
                      %span 0
                      .counter_gradient_top
                  .counter_text= t ('joined_people')
                .counter.counter_violet
                  .counter_value
                    .counter_digit
                      %span 2
                      .counter_gradient_top
                    .counter_digit
                      %span 0
                      .counter_gradient_top
                    .counter_comma ,
                    .counter_digit
                      %span 8
                      .counter_gradient_top
                    .counter_digit
                      %span 6
                      .counter_gradient_top
                    .counter_digit
                      %span 0
                      .counter_gradient_top
                  .counter_text= t ('collected_money')
            .cubes_wrap
              .cubes_inner_wrap
                #cube-wall.cube-wall
          #2.tab-pane.tab-pane_businesse
            .tab-pane_content
              .text-center
                .title_highlighted
                  Рейтинг топ-100 найпрогресивніших компаній міста
              .grid.clearfix
                .grid_item.first
                  = link_to image_tag('grid_item_first.png'), "#", class: 'grid_item_content'
                - @projects.each do |project|
                  .grid_item
                    #Tooltip-2
                      = link_to image_tag(project.photo.url(:thumb)), project_path(project), class: "grid_item_content tooltipstered"
                  .tooltip_templates
                    #toolTip
                      .tooltipster_top
                        .tooltipster_title
                          #{project.status}
                          .tooltipster_title_name #{project.title}
                        - project.project_videos.each do |project_video|
                          %a.tooltipster_img{"data-target" => "#video", "data-toggle" => "modal", :href => "#{project_video.video_link}"}
                            = image_tag("#{VideoInfo.new("#{project_video.video_link}").thumbnail_small}")
                      .tooltipster_bot
                        = link_to "#{project.site}", project.site
                .grid_item.last
                  %span.grid_item_content.tooltipstered
                    %a.get_involved_link.centered{"data-original-title" => "приєднатись", "data-placement" => "top", "data-toggle" => "tooltip", :href => "#"}
                      %span.get_involved_circle
                        %img.icon_plus{:alt => "", :src => ""}/
              .progress
                .progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "58", :role => "progressbar", :style => "width: 58%"}
                  .progress_value_lg 58 / 100
      .main_head_bot
        .head_soc
          %a.round_link.soc_link_yt{:href => "#"}
            %i.icon.icon_yt
          %a.round_link.soc_link_fb{:href => "#"}
            %i.icon.icon_fb
          %a.round_link.soc_link_tw{:href => "#"}
            %i.icon.icon_tw
        .lang
          = link_to 'EN', "/en", class: 'lang_link'
          = link_to 'UK', "/uk", class: 'lang_link'
    .section.section_grants
      .container
        .row
          .col-sm-5.col-md-6
            %h3.title_bold
              = t ('grants')
            .link_wrap
              %a.link.link_md{:href => "#"}= t ('read_more')
            .subtitle
              = t ('subtitle')
            .section_text
              = t ('section_text')
          .col-sm-7.col-md-6
            .graph_wrap.five_segment_graph
              .square
                .square_content
                  .graph_item.graph_item_one
                    .graph_item_sum{:style => "color: #c1e6e5;"}
                      = t ('amount')
                      .graph_item_sum_value 4000 UAH
                    .graph_item_deadline
                      = t ('deadline')
                      .graph_item_deadline_value 12. 08. 2015
                  .graph_item.graph_item_two
                    .graph_item_sum{:style => "color: #e77a7a;"}
                      = t ('amount')
                      .graph_item_sum_value 4000 UAH
                    .graph_item_deadline
                      = t ('deadline')
                      .graph_item_deadline_value 12. 08. 2015
                  .graph_item.graph_item_three
                    .graph_item_sum{:style => "color: #e3d138;"}
                      = t ('amount')
                      .graph_item_sum_value 4000 UAH
                    .graph_item_deadline
                      = t ('deadline')
                      .graph_item_deadline_value 12. 08. 2015
                  .graph_item.graph_item_four
                    .graph_item_sum{:style => "color: #fafbed;"}
                      = t ('amount')
                      .graph_item_sum_value 4000 UAH
                    .graph_item_deadline
                      = t ('deadline')
                      .graph_item_deadline_value 12. 08. 2015
                  .graph_item.graph_item_five
                    .graph_item_sum{:style => "color: #e3d138;"}
                      = t ('amount')
                      .graph_item_sum_value 4000 UAH
                    .graph_item_deadline
                      = t ('deadline')
                      .graph_item_deadline_value 12. 08. 2015
        .link_primary_padd
          %a.link_primary{:href => "#"}
            %span.link_img>
              %i.icon.icon_doc
            = t ('request_for_a_grant')
          %a.link_primary{:href => "#"}
            %span.link_img.link_img_light>
              %i.icon.icon_doc
            = t ('other_opportunities')
        .info_tip
          .info_tip_title= t ('bank_of_ideas')
          .info_tip_text
            = t ('info_tip_text')
    .section.section_project#projects
      .container
        .row
          .col-sm-4
            %h3.title_bold
              = t ('projects')
          .col-sm-8
            .btn-group.btn-group_styled
              = link_to "#{t ('all')}", '?q%5Bs%5D=created_at+desc', class: "btn", remote: true
              = link_to "#{t ('implemented')}", '?q%5Bs%5D=status+desc', class: "btn", remote: true
              = link_to "#{t ('in_progress')}", '?q%5Bs%5D=status+asc', class: "btn", remote: true
      #projects_list
        = render 'projects'
    .section.section_advert
    .container
      .row
        .col-sm-7.col-md-8.advert_left
          %h3.title_bold
            = t ('your_business_development')
          .advert_text
            = t ('advert_text')
          %a.link_lg{:href => "#"}= t ('link_lg')
        .col-sm-5.col-md-4.advert_right
          %a.advert_link{:href => "#"}
            = image_tag ("dw_img.png")
            %span.advert_link_text= t ('advert_link_text')
    .section.section_news
      .container.grid_padding_xs
        %h3.title_bold
          = t ('news')
        .row
          .col-sm-4
            %a.news_item{:href => "#"}
              %span.news_head
                = image_tag ("news1.jpg")
                %span.news_details.clearfix
                  = t ('news')
                  %span.news_date 12.12.15
              %span.news_body
                %span.news_title
                  Гранти — грошові або інші засоби, що передаються
                %span.news_text
                  Грaнти — грошові або інші засоби, що передаються громадянами юридиими також міжнародними організаціями
                  проведення конкретних наукових...
          .col-sm-4
            %a.news_item{:href => "#"}
              %span.news_head
                = image_tag ("news2.jpg")
                %span.news_details.clearfix
                  = t ('news')
                  %span.news_date 12.12.15
              %span.news_body
                %span.news_title
                  Публікація про важливе.
                %span.news_text
                  Досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення для осіб...
          .col-sm-4
            %a.news_item{:href => "#"}
              %span.news_head
                = image_tag ("news3.jpg")
                %span.news_details.clearfix
                  = t ('news')
                  %span.news_date 12.12.15
              %span.news_body
                %span.news_title
                  У випадку довгого заголовка який не бажано обрізати чи вкорочувати, буде так
                %span.news_text
                  Досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем.
        %a.link.link_md{:href => "#"}= t ('more_news')
    .map_wrap
      .map_info
        .container
          .row
            .col-sm-6
              %h3.title_bold
                CONNECTIF
            .col-sm-6.map_counter
              .counter
                .counter_value
                  .counter_digit
                    %span 2
                    .counter_gradient_top
                  .counter_digit
                    %span 6
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                .counter_text= t ('bringing_people_together')
          .map_text
            = t ('map_text')
    #map.map
      %a.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "долучитись", "data-placement" => "top", "data-toggle" => "tooltip", :href => "#"}
        %i.icon.icon_plus
%a#scroller.scroller{:href => "#"}
  %i.icon.icon_arrow_up
  %div на початок
%script{:src => "http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false&key=AIzaSyCd7M4P6CpmOv7_K1XGn_0JgEa47r97tu4&callback=initMap", :type => "text/javascript"}
  :cdata
#video.modal.fade.modal_styled.modal_video.modal_centered{"aria-labelledby" => "modalLabel", :role => "dialog", :tabindex => "-1"}
  .modal-dialog{:role => "document"}
    .modal-content
      %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"}
        %i.icon.icon_close2
      .embed-responsive.embed-responsive-16by9
        %iframe{:allowfullscreen => "", :frameborder => "0", :height => "315", :src => "", :width => "560"}
