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



    <div class="wrapper">
        <div class="profile-card js-profile-card">
            <div class="profile-card__img">
                <img src="https://res.cloudinary.com/muhammederdem/image/upload/v1537638518/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.jpg" alt="profile card">

            </div>
            <div class="title-card" style="margin-top: -2em">
                <h5 style="font-size: 15px">
                    نام و نام خانوادگی <span style="font-size: 10px"> <b style="color: #e001e0;">550</b> امتیاز</span>
                </h5>
                <div class="lit-que">
                    <p>
                        560 سوال باقی مانده
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="list-waiting" style=" margin: 2em 0em;">
        <div class="title-you">
            <p>
                نوبت شما
            </p>
        </div>
        <div class="list-waite row">
            <div class="col-3 wating">
                <img src="https://res.cloudinary.com/muhammederdem/image/upload/v1537638518/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.jpg">
            </div>
            <div class="col-9 wating pr-0">
                <b style="font-size: 9px;float: left">
                    12 دقیقه زمان برد
                </b>
                <p class="mb-0 mt-2">
                    simks-77
                </p>
                <b style="font-size: 9px;">
                    شما 12 - 52 رقیب
                </b>
            </div>
        </div>
        <div class="title-you">
            <p>
                در انتظار حریف
            </p>
        </div>
        <div class="list-waite row" style="background: #0471abab;">
            <div class="col-3 wating">
                <img src="https://res.cloudinary.com/muhammederdem/image/upload/v1537638518/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.jpg">
            </div>
            <div class="col-9 wating pr-0">
                <b style="font-size: 9px;float: left">
                    12 دقیقه زمان برد
                </b>
                <p class="mb-0 mt-2">
                    simks-77
                </p>
                <b style="font-size: 9px;">
                    شما 12 - 52 رقیب
                </b>
            </div>
        </div>
        <div class="title-you">
            <p>
                تمام شده
            </p>
        </div>
        <div class="list-waite row" style="background: #0471abab;">
            <div class="col-3 wating">
                <img src="https://res.cloudinary.com/muhammederdem/image/upload/v1537638518/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.jpg">
            </div>
            <div class="col-9 wating pr-0">
                <b style="font-size: 9px;float: left">
                    12 دقیقه زمان برد
                </b>
                <p class="mb-0">
                    <b style="color: #6eff6e">بردی</b> <b style="color: red">باختی</b><br>
                    simks-77
                </p>
                <b style="font-size: 9px;">
                    شما 12 - 52 رقیب
                </b>
            </div>
        </div>
    </div>
@endsection