@extends('web.app')

@section('highlighted_section')
    @include('web.home.highlighted')
@endsection
@section('main-content')
    @include('web.home.section1')
    @include('web.home.counter_section')
    @include('web.home.section2')
    @include('web.home.sales_section')
    @include('web.home.section3')
    @include('web.home.sales_section1')
    @include('web.home.section4')
    {{-- @include('web.home.social_section') --}}
@endsection

@push('scripts')
<script type="text/javascript">
    // set the date we're counting down to
var winnerAnnounceDate = "{{ date('M-d-Y',strtotime($data->win_date.'+1 day')) }}";
var target_date = new Date(winnerAnnounceDate).getTime();
 
// variables for time units
var days, hours, minutes, seconds;
 
// get tag element
var countdown = document.getElementById('countdown');
 
// update the tag with id "countdown" every 1 second
setInterval(function () {
 
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
 
    // do some time calculations
    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);
     
    // format countdown string + set tag value
    countdown.innerHTML = '<span class="days">' + days +  ' <b>Days</b></span> <span class="hours">' + hours + ' <b>Hours</b></span> <span class="minutes">'
    + minutes + ' <b>Minutes</b></span> <span class="seconds">' + seconds + ' <b>Seconds</b></span>';  
 
}, 1000);

</script>
@endpush