@extends('site.pages.profile.layout.layout')
@section('profileContent')
    <div class="px-2 text-3b3b3b">
        <p class="SF22_26Bold SF24_29Bold-lg my-3 text-uppercase">@lang('site.Loyalty Program Points')</p>
        <div class="d-flex flex-wrap justify-content-between justify-content-lg-start">
            <div class="bg-light-blue py-4 px-3 col-5 col-lg-2 rounded-3 mb-3">
                <p class="SF40_24Bold mb-4">{{ $user->loyality()->where('points', 'not like', '%-%')->count() }}</p>
                <p class="SF20_24Medium mb-0">@lang('site.Transactions')</p>
            </div>
            <div class="bg-light-blue py-4 px-3 col-5 col-lg-2 rounded-3 mb-3 mx-lg-3">
                <p class="SF40_24Bold mb-4">{{ array_sum($user->loyality->pluck('points')->toArray()) }}</p>
                <p class="SF20_24Medium mb-0">@lang('site.Points')</p>
            </div>
            <div class="bg-light-blue py-4 px-3 col-5 col-lg-2 rounded-3 mb-3">
                <p class="SF40_24Bold mb-4">0</p>
                <p class="SF20_24Medium mb-0">@lang('site.deals')</p>
            </div>
            @if ($user->loyality()->where('points', 'not like', '%-%')->count() < 1)
                <small class="text-red fw-bold"><sup><strong>*</strong></sup> @lang('site.Not usable untill one transaction made at least')</small>
            @endif
        </div>
    </div>
    <div class="line"></div>
    <div class="px-2 text-3b3b3b">
        <p class="SF22_26Bold SF24_29Bold-lg my-3 text-uppercase">@lang('site.personal_information')</p>
        <div class="d-flex flex-wrap justify-content-between">
            <div class="col-5 mb-3">
                <p class="SF14_16Medium text-uppercase">@lang('site.Name')</p>
                <p class="SF18_21Medium mb-0 text-blue">{{ $user->name }}</p>
            </div>
            <div class="col-5 mb-3">
                <p class="SF14_16Medium text-uppercase">@lang('site.Phone')</p>
                <p class="SF18_21Medium mb-0 text-blue">{{ $user->phone }}</p>
            </div>
            <div class="col-5 mb-3">
                <p class="SF14_16Medium text-uppercase">@lang('site.Email')</p>
                <p class="SF18_21Medium mb-0 text-blue">{{ $user->email }}</p>
            </div>
            <div class="col-12 mb-3">
                <p class="SF14_16Medium text-uppercase">@lang('site.About')</p>
                <p class="SF18_21Medium mb-0 text-707070">{{ $user->message }}</p>
            </div>
        </div>
    </div>
    <div class="d-lg-none line"></div>
@endsection