@extends('front.pages.cabinet.layout',['meta'=>$meta])

@section('cabinet.container')
    <div class="account-wrapper">
        @if($orders->isNotEmpty())
        <div class="account-orders">
            @foreach($orders as $order)
                <div class="account-item">
                <button type="button" class="account-head">
                        <span class="account-head-info">
                          <span class="account-head-data">
                            <ul>
                              <li>{{ShowLabelById(57)}} №{{$order->id}}</li>
                              <li class="account-head-date">{{$order->created_format}}</li>
                            </ul>
                          </span>
                          <span class="account-head-quantity">{{ShowLabelById(58)}}: {{$order->goods_items->count()}}</span>
                        </span>
                    <span class="account-head-price">{{$order->total_price}} {{ShowLabelById(59)}}</span>
                    <span class="account-head-gallery">
                        @if($order->goods_items->count() > 3)
                          <span class="account-head-add">+{{$order->goods_items->count() - 3}}</span>
                        @endif
                          <ul>
                              @foreach($order->goods_items->take(3) as $goods_item)
                                <li>
                                  <img src="{{$goods_item->image_s}}" alt="{{$goods_item->name}}">
                                </li>
                              @endforeach
                          </ul>
                        </span>
                    <span class="account-head-arrow">
                          <svg>
                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                          </svg>
                    </span>
                </button>
                <div class="account-content">
                    @foreach($order->goods_items as $goods_item)
                        <div class="account-content-item">
                        <div class="account-content-img">
                            <a target="_blank" href="{{$goods_item->href()}}">
                                <img src="{{$goods_item->image_m}}" alt="{{$goods_item->name}}">
                            </a>
                        </div>
                        <div class="account-content-name-wrapper">
                            <a target="_blank" href="{{$goods_item->href()}}">{{$goods_item->name}}</a>
                        </div>
                        <div class="account-content-price">
                            {{$goods_item->goods_price_format}}
                            @if($goods_item->discount_price)
                                <span class="goods-item-old-price">({{$goods_item->discount_price_format}})</span>
                            @endif
                        </div>
                        <div class="account-content-quantity">x{{$goods_item->basket_count}}</div>
                        <div class="account-content-total">{{$goods_item->total_basket_price}} {{ShowLabelById(59)}}</div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endforeach
        </div>
        @else
            <h1>{{ShowLabelById(60)}}</h1>
        @endif
    </div>
@stop