= content_for :splash_nav do
  %li
    %a.smoothscroll{ href: '#callforpapers' } Call For Papers

%div.container#callforpapers.text-center
  %div.row
    %div.col-md-12
      %h1
        Call For Papers
      - if !@conference.call_for_papers.description.blank?
        .lead
          = markdown(@conference.call_for_papers.description)
      - if !@conference.call_for_papers.start_date.blank? && !@conference.call_for_papers.end_date.blank?
        .lead Proposals will be accepted between
        #cfp-date
          = date_string(@conference.call_for_papers.start_date, @conference.call_for_papers.end_date)
    - if @conference.cfp_open?
      - if @conference.call_for_papers.end_date.to_time < Time.now
        .lead Today is the last day. Hurry Up!
      - else
        .row
          .col-md-8.col-md-offset-3
            %div.col-md-2.timer-box
              %h2#days
              .lead Days
            %div.col-md-2.timer-box
              %h2#hours
              .lead Hours
            %div.col-md-2.timer-box
              %h2#minutes
              .lead Minutes
            %div.col-md-2.timer-box
              %h2#seconds
              .lead Seconds
      .row
        .lead
          = link_to "Submit Your Proposals Today", conference_proposal_index_path(@conference.short_title), class: 'btn btn-info', target: '_blank'
    -else
      %h3 Deadline has ended

:javascript
  $( document ).ready(function(){
    var target_date = new Date("#{@conference.call_for_papers.end_date}").getTime();
    if(target_date > new Date().getTime())
      var days, hours, minutes, seconds;
      setInterval(function () {
        var current_date = new Date().getTime();
        var seconds_left = (target_date - current_date) / 1000;
        days = parseInt(seconds_left / 86400);
        seconds_left = seconds_left % 86400;

        hours = parseInt(seconds_left / 3600);
        seconds_left = seconds_left % 3600;

        minutes = parseInt(seconds_left / 60);
        seconds = parseInt(seconds_left % 60);

        $('#days').text(days);
        $('#hours').text(hours);
        $('#minutes').text(minutes);
        $('#seconds').text(seconds);
      }, 1000);
  });