@extends('layouts.splash')

@section('content')


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

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

            <div class="row justify-content-center mt-3 mb-3">
                <div class="col-12 text-center">
                    <h1 class="mb-3">Admininistration</h1>

                </div>
            </div>

            <div class="row justify-content-center mt-3 mb-3">
                <div class="col-10 text-center">
                    <h4 class="mb-3">Nb de participants inscrit:
                          <span class="badge text-bg-light">{{ $countUsers }}</span>
                    </h4>
                </div>
            </div>

            <div class="row justify-content-center mt-3 mb-3">
                <div class="col-10 text-center">
                    <h4 class="mb-3">Nb de participants ayant répondu:
                          <span class="badge text-bg-light">{{ $countRep }}</span>
                    </h4>
                </div>
            </div>

            @if($viewresult && $viewresult->viewed == true)
                <div class="row justify-content-center mt-3 mb-3">
                    <div class="col-10 text-center">
                        <h4 class="mb-3">Meilleur joueur du jour:
                             <br /><br/> <span class="badge text-bg-light">{{ $dayParticipant->participant->firstname }} {{ $dayParticipant->participant->lastname }}</span>
                        </h4>
                    </div>
                </div>
            @else
                @if($countRep > 2)
                <div class="row justify-content-center mt-3 mb-3">
                        <div class="col-10 text-center">
                            <form method="POST" action="/showresult">
                                    @csrf
                                    <button class="btn btn-light formc-control">Afficher les résultats</button>
                            </form>
                        </div>
                    </div>
                @endif
            @endif
    </div>
</div>

@endsection