@extends('site.layouts.master')
@section('content')
    <div class="main-container" style="background-color: unset">
        <div class="container mb-4 text-center">
            <div class="ranking">
                <div style="display: inline-block" class="light-rank">
                    <i class="fa-regular fa-lightbulb"></i>
                </div>
                <div style="display: inline-block">
                    <p> جدول رتبه بندی
                        <i class="fa-solid fa-medal ml-2" style="font-size: 20px"></i>
                    </p>
                </div>
            </div>
            <div class="table-rank mt-4">
                <h5>
                    رکورد شما
                </h5>
                <div class="row tab-rank">
                    <div class="col-4 all-rank">
                        <span>رکورد هفتگی</span>
                        <br>
                        <p>78</p>
                    </div>
                    <div class="col-4 all-rank">
                        <span>رکورد کلی</span>
                        <br>
                        <p>33</p>
                    </div>
                    <div class="col-4 all-rank">
                        <span>رکورد روز</span>
                        <br>
                        <p>20</p>
                    </div>
                </div>
            </div>
            <div style="text-align: center;margin-top: 1em">
                <p style="color: white;font-size: 15px">
                    رکورد کلی شما: 7
                </p>
            </div>
        </div>
    </div>
@endsection