@extends('layouts.splash')

@section('content')


<link href="{{ asset('css/main.css') }}" rel="stylesheet">

<div class="container-flui">
    <div class="row justify-content-center">
        <div class="col-md-8 col-xl-10 col-12 main_view">
            <div class="row justify-content-center">
                <div class="col-8 mg-top-5">
                     <img src="{{ asset('images/header.png') }}" class="images-fluid" alt="Responsive image">
                </div>
            </div>

            @if($viewresult->viewed == true)
            <div class="row justify-content-center">
                <div class="col-10 mg-top-80">
                     <img src="{{ asset('images/win.png') }}" class="img-fluid" alt="Responsive image">
                </div>
            </div>

             <div class="row justify-content-center p-2  mg-top-10 ">
                    <div class="col-6 mg-top-5 text-center">
                        <div class="blockAnswer">
                      
                            <h2 class="mb-3">Meilleur joueur du jour: 
                                <br /><br/> <span class="badge text-bg-light">{{ $dayParticipant->participant->firstname }} {{ substr($dayParticipant->participant->lastname,0,1) }}.</span>
                            </h2>
              
                        </div>
                    </div>
             </div>
             @else
              <div class="row justify-content-center p-2  mg-top-10 ">
                    <div class="col-6 mg-top-120 text-center">
            <img src="{{ asset('images/wait.png') }}" class="images-fluid" alt="Responsive image">
                    </div>
             </div>
             @endif
        </div>
    </div>
</div>

@if($viewresult->viewed != true)
<script>
    
$(document).ready(function(){
      nIntervId2 =  setInterval(checkload,5000);

});

function checkload() {
    window.location.reload();
}

</script>
@endif
@endsection