@extends('layouts.app')

@section('content')
    <div class="bg-body-light">
        <div class="content content-full">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                <h1 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">Historique des participations</h1>
                <nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb">

                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="row">
            @foreach($contests as $contest)
                <div class="col-md-6 my-2">
                    <a class="block block-rounded block-link-pop" href="{{$contest->url}}" target="_blank">
                        @if(isset($contest->picture))
                            <div class="block-content pb-8 bg-image" style="background-image: url('{{$contest->picture}}');">
                                @if($contest->participated)
                                    <span class="badge bg-danger fw-bold p-2 text-uppercase">
                                    Participé
                                </span>
                                @endif
                            </div>
                        @endif
                        <div class="block-content text-center">
                            <h4 class="mb-1">{{$contest->name}}</h4>
                            <p class="fs-sm">
                                Fin le <span class="text-primary"> {{ \Carbon\Carbon::parse($contest->fin)->format('d/m/y') }}</span>
                            </p>
                            <p>
                                {!! $contest->description !!}
                            </p>
                        </div>
                        <div class="block-content block-content-full bg-body-light">
                            <div class="row g-0 fs-sm text-center">
                                <div class="col-4">
                                  <span class="text-muted fw-semibold">
                                    <i class="fa fa-fw fa-heart opacity-50 me-1"></i> {{$contest->nblike}}
                                  </span>
                                </div>
                                <div class="col-4">
                                  <span class="text-muted fw-semibold">
                                    <i class="fa fa-retweet fa-heart opacity-50 me-1"></i> {{$contest->nbreply}}
                                  </span>
                                </div>
                                <div class="col-4">
                                  <span class="text-muted fw-semibold">
                                    <i class="fa fa-reply fa-comments opacity-50 me-1"></i> {{$contest->nbtweet}}
                                  </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
            <div class="mb-3">
                {!! $contests->links() !!}
            </div>
        </div>
    </div>
@endsection