@extends('layouts.index')

@section('content')
    @if($account &&  sizeof($pointsLevels) > 0)
        @include('points_levels.index2')
    @else
        <div class="pt-3 container-fluid ">
            {{-- Breadcrumb Section --}}
            @php
                $pages = [] ; $page = [] ;
                $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
                $pages[] = $page ;
                $page['title'] = __('lang.myAccount') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_3' ;
                $pages[] = $page ;
                $page['title'] = __('lang.points_levels') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_1' ;
                $pages[] = $page ;
            @endphp
            @include('components.breadcrumb',$pages)

            <div class="container mb-5 ">
                <div class="row delivery-information">
                    <div class="col-lg-3 col-12">
                        @include('auth.account-menu',['activePage'=>'points_levels','route'=>'pointsLevels'])
                    </div>
                    <div class="col-lg-9 col-12 points-level">
                        @include('includes.errors')
                        <div class="card px-3 mb-5 " style="background-image: url('{{ asset('images/wallet-bg.png') }}') ; background-position: center ;">
                            <div class="card-body row ">

                                <div class="col-md-12 row m-0 p-0" style="background-image: url('{{ asset('images/points_levels-img.png') }}') ; background-position: left; background-repeat: no-repeat; background-size: contain;">
                                    <div class="col-md-2"></div>
                                    <div class="col-md-10 row p-0 m-0 text-md-start text-center">
                                        @if($account->accounts_show_points)
                                        <span class="col-md-4 d-block text_2 font-20 order-md-1 order-2">{{ __('lang.myLevel') }} : </span>
                                        @endif
                                        <span class="col-md-4 text_2 fb-700 font-30 order-md-2 order-1">{{  str_contains($account->accounts_slug,'nasser') ? __('lang.myPoints-n') : __('lang.myPoints') }} :</span>
                                        @if($account->accounts_show_points)
                                        <span class="col-md-8 text_2 font-20 order-md-1 order-2">{{ isset($customerLevel) && $customerLevel ? $customerLevel->points_levels_name : '' }}</span>
                                        @endif
                                        <span class="col-md-8 text_2 fb-700 font-30 order-md-2 order-1">{{ $customer_points }} {{ str_contains($account->accounts_slug,'nasser') ? __('lang.points-n') : __('lang.points') }}</span>
                                        {{-- <span class="d-block text_2 fb-700 font-30">{{ $customer_points }} {{ __('lang.point')}}</span> --}}
                                    </div>
                                </div>

                            </div>
                        </div>

                        @if($account->accounts_show_points)
                        @foreach ($pointsLevels as $key => $pointLevel)
                                                <div class="card  my-4" style="background: url('{{ asset('images/points-bg'.$number.'.png') }}')  no-repeat center ; background-size: cover;">
                            <div class="card-body ">
                                <div class="row text-center align-items-center justify-content-center">
                                    <div class="col-12 normal-text">{{ $pointLevel->points_levels_name }} {{ __('lang.whenYouReach') }}</div>
                                    <div class="col-12 large-text fb-700">{{ $pointLevel->points_levels_from }} {{ str_contains($account->accounts_slug,'nasser') ? __('lang.point-n') : __('lang.point') }}</div>
                                    <div class="col-12 small-text"> {{ str_contains($account->accounts_slug,'nasser') ? __('lang.valueForEvery100Point-n') : __('lang.valueForEvery100Point') }}</div>
                                    <div class="col-12 small-text fb-700">
                                        @include('components.currency',['price'=> $pointLevel->points_levels_value ])
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif

                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection
@push('css')


@endpush
@push('js')

@endpush