@extends('layouts.frontend.frontend_main')

@section('title')
    @lang('frontend_lang.my_orders')
@endsection
@push('styles')
    <style>
        .page-item.active .page-link{
            background-color: #f55d2c;
            border-color: #f55d2c;
        }
        .page-link{
            color: #f55d2c;
        }
    </style>
@endpush
@section('content')
    <div class="gambo-Breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('frontend.home.index') }}">@lang('frontend_lang.home')</a></li>
                            <li class="breadcrumb-item active" aria-current="page">@lang('frontend_lang.my_orders')</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-4">
                    @include('layouts.frontend.profile_sidebar')
                </div>
                <div class="col-lg-9 col-md-8">
                    <div class="dashboard-right">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="main-title-tab">
                                    <h4><i class="uil uil-box"></i>@lang('frontend_lang.my_orders')</h4>
                                </div>
                            </div>
                            @forelse($orders as $order)
                                                                <div class="col-lg-12 col-md-12 itemcollaps">
                                <div class="pdpt-bg collaps">
                                    <div class="pdpt-title">
                                        <h6>
                                            <span>@lang('frontend_lang.order_number') : {{ $order->order_number }}</span>
                                            <span class="pull-right">@lang('frontend_lang.order_date') : {{ $order->created_at->translatedFormat(config('defaults.time_format')) }}</span>
                                        </h6>
                                    </div>
                                    <div class="order-body10">
                                                                                @foreach($order->items as $item)
                                            @php
                                                $sellingPrice = $item->price;

                                                $qty = (int) $item->qty;
                                                $totalQuantity += $qty;
                                                $discountPercentage = $order->customer_vat;
                                                $vatPercentage = $item->vat;

                                                $item->weight > 0 ? ($totalWeight += ($item->weight * $item->qty)) : null;

                                                $itemTotalAmount = $sellingPrice * $qty;
                                                $originalItemTotal +=  $itemTotalAmount;

                                                $discount = findDiscountAmount($itemTotalAmount, $discountPercentage);
                                                $totalDiscount += $discount;
                                                $afterDiscountItemTotal = ($itemTotalAmount - $discount);

                                                $totalVat += findVatAmount($afterDiscountItemTotal, $vatPercentage);
                                            @endphp
                                            <ul class="order-dtsll">
                                                <li>
                                                    <div class="order-dt-img">
                                                        <img src="{{ productImageUrl(!empty($item->product) ? $item->product->sku : null) }}" alt="">
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="order-dt47">
                                                        <h4>{{ $item->title }}</h4>
                                                        <p>@lang('frontend_lang.qty') : {{ $item->qty }}</p>
                                                        <p>@lang('frontend_lang.price') : {{ $item->price }}</p>
                                                    </div>
                                                </li>
                                            </ul>
                                        @endforeach
                                        <div class="total-dt">
                                            <div class="main-total-cart">
                                                <h4>@lang('frontend_lang.sub_total') ({{ $totalQuantity }} items, {{ $totalWeight }} kg)</h4>
                                                <span>
                                                    <i class="fa fa-gbp" aria-hidden="true" style="margin-top: 4px"></i>{{ showAmount($originalItemTotal) }}
                                                </span>
                                            </div>
                                            @if($totalDiscount > 0)
                                                <div class="main-total-cart">
                                                    <h4>@lang('frontend_lang.discount')</h4>
                                                    <span>
                                                        <i class="fa fa-gbp" aria-hidden="true" style="margin-top: 4px"></i>{{ showAmount($totalDiscount) }}
                                                    </span>
                                                </div>
                                            @endif
                                            @if($totalVat > 0)
                                                <div class="main-total-cart">
                                                    <h4>@lang('frontend_lang.vat')</h4>
                                                    <span>
                                                        <i class="fa fa-gbp" aria-hidden="true" style="margin-top: 4px"></i>{{ showAmount($totalVat) }}
                                                    </span>
                                                </div>
                                            @endif
                                            <div class="main-total-cart net-total">
                                                <h2>@lang('frontend_lang.net_total')</h2>
                                                <span>
                                                    <i class="fa fa-gbp" aria-hidden="true" style="margin-top: 4px"></i> {{ showAmount(($originalItemTotal - $totalDiscount) + $totalVat) }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @empty
                                <div class="col-lg-12 col-md-12">
                                    <div class="pdpt-bg">
                                        <div class="order-body10">
                                            <ul class="order-dtsll">
                                                <li>
                                                </li>
                                                <li>
                                                    <div class="order-dt47">
                                                        <h4>@lang('frontend_lang.no_order_found')</h4>
                                                        <a href="{{ route('frontend.product.index') }}" class="bill-btn5 hover-btn">@lang('frontend_lang.continue_shopping')</a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            @endforelse
                            <div class="col-lg-12 col-md-12" style="margin-top: 2rem">
                                <center>
                                    {{ $orders->links() }}
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
@endsection