@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')
    @php
        $fullNumber = config('custom.front.discount_cart_number') . $cardNumber;
        $formattedNumber = preg_replace('/(.{4})/', '$1 ', $fullNumber);
    @endphp

    <div class="page-content">

        <div class="account account-inner">
            <div class="container">
                <div class="account-menu-open">
                    <button type="button" class="open-account">
                        <span>{{ShowLabelById(216)}}</span>
                        <img src="{{asset('front-assets/img/icons/arrow-down.svg')}}" alt="">
                    </button>
                </div>
                <div class="inner">
                   @include('front.pages.cabinet.menu', ['user' => $user, 'childrenList' => $childrenList])
                    <div class="account-content">
                        <div class="account-content-head h1">{{ShowLabelById(209)}}, {{$user->name}} </div>
                        <h1>{{ShowLabelById(209)}}, {{$user->name}} </h1>
                        <div class="account-content-inner">
                            <div class="account-card">
                                <div class="account-card-img">
                                    <img src="{{asset('front-assets/img/account-card.png')}}" alt="account-card">
                                    <div class="card-account-bar-code"><svg id="barcode"></svg> </div>
                                </div>
                                <div class="account-card-head">
                                    <div class="h6">{{ShowLabelById(211)}}:</div>
                                    <div class="h2">
                                        {{ number_format($totalPoints, 0) }} {{ ShowLabelById(217) }}
                                    </div>
                                </div>
                                <div class="account-card-info">
                                    <ul>
                                        @if($ordersWithPoints->isNotEmpty())
                                            @foreach($ordersWithPoints as $order)
                                                @php
                                                    $points = $order->ordersData->gift_card_sum;
                                                    $expireDate = \Carbon\Carbon::parse($order->updated_at)
                                                        ->addMonths(3)
                                                        ->format('d.m.Y');
                                                @endphp
                                                <li>
                                                    <div class="h4">{{ number_format($points, 0) }} {{ShowLabelById(217)}}</div>
                                                    <div class="text">{{ ShowLabelById(212) }} <b>{{ $expireDate }}</b></div>
                                                </li>
                                            @endforeach
                                        @else
                                            <li>
                                                <div class="text">{{ ShowLabelById(213) }}</div>
                                            </li>
                                        @endif
                                    </ul>
                                </div>

                            </div>
                            <div class="account-active-orders">
                                <h2>{{ShowLabelById(214)}}:</h2>
                                <div class="list">
                                    <ul>
                                        @if(!empty($user_orders) && $user_orders->count()>0)
                                            @foreach($user_orders as $order)
                                        <li>
                                            <div class="h6">{{ShowLabelById(218)}} #{{$order->id}} </div>
                                            <div class="h4">
                                                <img src="{{ asset('front-assets/img/icons/' . app('App\Http\Controllers\Front\CabinetController')->statusIcon($order->ordersStatus->id)) }}" alt="Status">
                                                <span>
                                                    {{ app()->getLocale() == 'ro' ? $order->ordersStatus->name_ro : $order->ordersStatus->name_ru }}
                                                </span>
                                            </div>
                                            @if($order->ordersStatus->id == 6 || $order->ordersStatus->id == 3 || $order->ordersStatus->id == 8 )
                                            <div class="info">{{$order->ordersUsers->address ?? null}}</div>
                                            @elseif(in_array($order->ordersStatus->id, [2,4,5]))
                                                <div class="info">{{ShowLabelById(219)}}</div>
                                            @else
                                            {{ShowLabelById(220)}}
                                            @endif
                                        </li>
                                            @endforeach
                                        @else
                                            <li>
                                                <div class="h6">{{ShowLabelById(205)}}</div>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                                <div class="account-active-orders-link">
                                    <a href="{{route('dashboard.orders')}}">
                                        <span>{{ShowLabelById(215)}}</span>
                                        <img src="{{asset('front-assets/img/icons/caret-right.svg')}}" alt="caret-right">
                                    </a>
                                </div>
                            </div>
                        </div>
                        @if(!empty($goods_items_list) && $goods_items_list->count() > 0)
                        <div class="account-favorites-slider">
                            <div class="ttl">
                                <a href="{{route('wish')}}" class="title-h1">{{ShowLabelById(67)}}</a>
                                <a href="{{route('wish')}}" class="view-all">{{ShowLabelById(157)}}</a>
                                <div class="nav-ttl">
                                    <div class="prev sale-prev">
                                        <img src="https://pernanew.webit.md/front-assets/img/icons/new-left-arrow.svg" width="12"
                                             height="12" alt="Left arrow">
                                    </div>
                                    <div class="next sale-next">
                                        <img src="https://pernanew.webit.md/front-assets/img/icons/new-right-arrow.svg" width="12"
                                             height="12" alt="Right arrow">
                                    </div>
                                </div>
                            </div>
                            <div class="slider">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">

                                            @foreach($goods_items_list as $one_goods)
                                                @include('front.templates.goods-template', ['slider' => 1])
                                            @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    </div>
@stop
@push('other-scripts')
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/JsBarcode.all.min.js"></script>
    <script>
        JsBarcode("#barcode", "{{ $fullNumber }}", {
            format: "CODE128",
            lineColor: "#000",
            width: 2,
            height: 50,
            displayValue: true,
            /*  background: 0*/
        });
    </script>
@endpush