@extends('site.layouts.master')
@section('content')
    <style>

    </style>
    <div class="app-level-page">
        <div class="app-level-page__level">
            <img src="../../assets/main-star.png" alt=""/>
            <img src="{{ asset($authUser->level->icon) }}" alt=""/>
            <div class="app-level-page__level__txt">
                <p>سطح بندی</p>
                <p class="level-text-sm">سطح شما: <span>{{ $authUser->level->label }}</span></p>
            </div>
        </div>
        <div class="app-level-page__main">
            <ul>
                @foreach($levels as $level)
                    <li>
                        <div class="app-level-page__main__inner">
                            <div class="app-level-page__main__img">

                                <img src="{{ asset($level->icon) }}" alt=""/>
                            </div>
                            <div class="app-level-page__main__title">
                                {{ $level->label }}
                            </div>
                            <div class="app-level-page__main__num">
                                <span>+{{ $level->points }}</span>
                                <img src="../../assets/coin.png" alt=""/>
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
@endsection