@if($active_competition != null && date_create($active_competition->end_date)->modify('-'.$active_competition->closing.' days')->format('Y-m-d') >= now())

<input id="active_competition_end_date" type="hidden" value="{{ date_create($active_competition->end_date)->modify('-'.$active_competition->closing.' days')->format('Y-m-d') }}">

<div class="text-center p-0" style="white-space: initial;">
    <span class="w-sm-100 font-size-small" style="">{!! __('video.counter.title') !!}</span>
    <div class="d-block d-sm-none w-100"></div>

    <span class="cd_day" style="font-weight: bold;">0</span> 
    <span class="font-size-small fw-bold"> {!! __('counter.day') !!}</span>
    
    <span class="cd_hours" style="font-weight: bold;">0</span>
    <span class="font-size-small fw-bold">{!! __('counter.hour') !!}</span>

    <span class="cd_minutes" style="font-weight: bold;">0</span>
    <span class="font-size-small fw-bold">{!! __('counter.minute') !!}</span>
    
    <div class="cd_seconds d-inline" style="font-weight: bold;">0</div>
    <span class="font-size-small fw-bold">{!! __('counter.sec') !!}</span>
</div>

@push('scripts')
<script>
    $( document ).ready(function() {
        count_down($('#active_competition_end_date').val());
    });
</script>
@endpush

@endif