@php use App\Notifications\AlertNotification; @endphp
@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-con">
        <div class="wrapper home-box">
            <div class="profile-card js-profile-card">
                <div class="profile-card__buttons">
                    <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 ? $authUser->avatar_file : asset('site/img/paracivil/paracivil-512.png.svg') }}"
                            alt="profile card">
                    </a>

                </div>
                <div class="profile-card__content">
                    <h2>هوش مهندسی</h2>
                    <p>برنده بودن بهت میاد</p>
                </div>
                <div class="title-card profile-card__score shadow" style="margin-top: -2em">
                    <h5>
                        <span class="profile-card__score__name">{{ $authUser ? $authUser->name : '' }}</span>
                        {{-- <br> --}}
                        <span> <b>{{ $authUser ? $authUser->points : 0 }}</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="list-waiting" style=" margin: 2em 0em;">

            @if (auth()->check())
                {{-- Turns --}}
                @if(!$turns->isEmpty())
                    <div class="title-you">
                        <p>
                            نوبت شما
                        </p>
                    </div>
                    <div class="list-waiting__main">
                        @foreach ($turns as $item)
                            @php
                                $difference = verta($item->updated_at)->formatDifference($endDate);
                            @endphp
                            <a href="{{ route('lobby', $item->id) }}">
                                <div class="list-waite row list-wait-me">
                                    <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 mt-2">
                                            {{ $item->opponent->name }}
                                        </p>
                                        <b style="font-size: 9px;">
                                            شما {{ $item->selfCorrects() }} - {{ $item->opponentCorrects() }} رقیب
                                        </b>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                @endif

                {{-- Waitings --}}
                @if(!$waitings->isEmpty())
                    <div class="title-you">
                        <p>
                            در انتظار حریف
                        </p>
                    </div>
                    <div class="list-waiting__main">
                        @foreach ($waitings as $item)
                            @php
                                $difference = verta($item->updated_at)->formatDifference($endDate);
                            @endphp
                            <a href="{{ route('lobby', $item->id) }}">
                                <div class="list-waite row list-wait-item"
                                     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 mt-2">
                                            {{ $item->opponent->name }}
                                        </p>
                                        <b style="font-size: 9px;">
                                            شما {{ $item->selfCorrects() }} - {{ $item->opponentCorrects() }} رقیب
                                        </b>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                @endif

                {{-- 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
            @endif
        </div>
    </div>
@endsection
@section('scripts')
    <script>

    </script>
@endsection