@extends('site.layouts.master')
@section('content')

@php
    // $header=1;
    $endDate = Verta::now();
@endphp
<style>
    .main {
        overflow-x: hidden;
    }
</style>
        {{-- <div class="container mt-3 mb-4 text-center">
            <h2 class="text-white">هوش مهندسی</h2>
            <p class="text-white mb-4">پشتیبانی هوشمند مهندسی</p>
        </div> --}}
{{--        <div class="main-container col-10 mr-auto ml-auto">--}}
{{--            <div class="container mb-4 mt-4 text-center">--}}
{{--                <div class="row">--}}
{{--                    --}}{{-- <div class="col-12 mb-4">--}}
{{--                        <h4>--}}
{{--                            متن تستی--}}
{{--                        </h4>--}}
{{--                    </div> --}}



{{--                </div>--}}

                <div class="wrapper">
                    <div class="profile-card js-profile-card">
                        <div class="profile-card__buttons">
                            {{-- <button class="profile-card__buttons__right"><i class="fas fa-user"></i>پروفایل من</button>
                            <button class="profile-card__buttons__left"><i class="fa fa-question"></i> پنل پشتیبانی</button> --}}
                            <a href="{{ route('coin') }}" class="profile-card__buttons__right shadow"><img src="../../assets/paracoin.png" class="mr-2" alt="" width="23" height="23" /> پاراکوین</a>
                            <a href="" data-url="{{ $authUser->getReferral('true') }}" class="profile-card__buttons__left shadow shareable">
                                <i class="fas fa-copy"></i>
                                دعوت به بازی
                            </a>
                        </div>
                        <div class="profile-card__img">
                            <a href="{{ route('profile') }}">
                                <img src="{{ $authUser->avatar_file }}" alt="profile card">
                            </a>

                        </div>
                        <div class="profile-card__content">
                            <h2>هوش مهندسی</h2>
                            <p>برنده بودن بهت میاد</p>
                        </div>
                        <div class="title-card profile-card__score" style="margin-top: -2em">
                            <h5>
                                <span class="profile-card__score__name">{{ $authUser->name }}</span>
                                <span> <b>{{ $authUser->points }}</b> <img src="../../assets/coin.png" alt="" /></span>
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="game-start shadow">
                    <a href="{{ route('tournament') }}"><i class="fa fa-play"></i>شروع بازی جدید</a>
                </div>
                <div class="choice">
{{--                    <div class="alert alert-info col-12" role="alert">--}}
{{--                        @if(session()->has('error'))--}}
{{--                            <span>{{ session('error') }}</span>--}}
{{--                        @else--}}
{{--                            <span>ابتدا پلتفرم مورد نظر خود را انتخاب کنید!</span>--}}
{{--                        @endif--}}
{{--                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">--}}
{{--                            <span aria-hidden="true">×</span>--}}
{{--                        </button>--}}
{{--                    </div>--}}
                </div>
                <div class="list-waiting" style=" margin: 2em 0em;">

    {{-- Endeds --}}
    @if(!$endeds->isEmpty())
        <div class="title-you">
            <p>
               تاریخچه بازی ها
            </p>
        </div>
        <div class="list-waiting__main">
        @foreach ($endeds as $item)
            @php
                $difference = verta($item->updated_at)->formatDifference($endDate);
            @endphp
            <a href="{{ route('lobby', $item->id) }}">
                <div class="list-waite row list-wait-end" style="background: linear-gradient(57deg, #8804b3, #3b1f61);">
                    <div class="col-3 wating list-waiting__main__img">
                        <img src="{{ $item->opponent->avatar_file }}">
                    </div>
                    <div class="col-9 wating pr-0 list-waiting__main__content">
                        <b style="font-size: 9px;float: left; margin-top: 48px;">
                            {{ $difference }}
                        </b>
                        <p class="mb-0">
                            @if(!empty($item->winner) && $item->winner->id == auth()->id())
                                <b style="color: #6eff6e">بردی</b>
                            @elseif(empty($item->winner))
                                <b style="color: yellow">مساوی</b>
                            @else
                                <b style="color: red">باختی</b>
                            @endif
                            <br>
                            {{ $item->opponent->name }}
                        </p>
                        <b style="font-size: 9px;">
                            شما {{ $item->selfCorrects() }} - {{ $item->opponentCorrects() }} رقیب
                        </b>
                    </div>
                </div>
            </a>
        @endforeach
        </div>
    @endif
</div>
{{--            </div>--}}
{{--        </div>--}}

@endsection