@extends('web.layouts.app')

@section('title', 'تفاصيل الطلب رقم ' . $order->id)

@section('content')
<div class="content">
    <div class="order-details-page">
        <div class="container">
            <div class="checkout">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="order-details-info">
                            <div class="shop-cards-sidebar-box-title">تفاصيل الطلب رقم {{ $order->id }}</div>

                            @foreach ($order->shipments as $shipment)
                            <div class="order-details-info-container">
                                <div class="row row-inside-row">

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <h3>#{{ $shipment->id }}</h3>
                                                <p>الرقم المرجعى</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <h3>{{ $shipment->items->sum('quantity') }} قطعة</h3>
                                                <p>عدد المنتجات</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <h3>{{ $shipment->shipping_company ?? 'غير محدد' }}</h3>
                                                <p>شركة الشحن</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <h3>{{ $order->created_at->format('d/m/Y') }}</h3>
                                                <p>تاريخ الطلب</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <h3>{{ $shipment->delivered_at ? $shipment->delivered_at->format('d/m/Y') : 'لم يتم التوصيل بعد' }}</h3>
                                                <p>تاريخ التوصيل</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="section-header">
                                            <div class="section-header-info">
                                                <div class="{{ $shipment->status }}">
                                                    <h3>
                                                        @switch($shipment->status)
                                                            @case('shipped')
                                                                تم الشحن
                                                                @break
                                                            @case('delivered')
                                                                تم التوصيل
                                                                @break
                                                            @default
                                                                غير محدد
                                                        @endswitch
                                                    </h3>
                                                </div>
                                                <p>حالة الشحن</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-lg-8">
                        <div class="shop-cards-sidebar-box-title">منتجات الطلب</div>
                        <div class="shop-cards">
                            @foreach ($order->items as $item)
                            <div class="shop-card">
                                <div class="dropdown-box-list-item">
                                    <div class="cart-item-preview">
                                        <a class="cart-item-preview-image" href="{{ route('products.details', $item->product->id) }}">
                                            <img src="{{ Storage::url($item->product->main_image) }}" alt="{{ $item->product->name }}">
                                        </a>
                                        <div class="cart-item-preview-text">{{ $item->product->category->name ?? 'قسم محذوف' }}</div>
                                        <div class="cart-item-preview-title">{{ $item->product->name }}</div>
                                        <div class="cart-item-preview-price">
                                            <span>{{ $item->product->price }}<span class="q">x {{ $item->quantity }}</span><span class="highlighted">L.E</span></span>
                                        </div>
                                    </div>
                                    <div class="item-price">
                                        <h6>{{ $item->quantity * $item->price }}<span class="highlighted">L.E</span></h6>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="sidebar-box">
                            <div class="sidebar-box-title">تفاصيل سعر الطلب</div>
                            <div class="sidebar-box-content">
                                <div class="price-title">{{ $order->grand_total }}<span class="currency">L.E</span></div>

                                <div class="totals-line">
                                    <div class="totals-line-title">أجمالى سعر الطلب</div>
                                    <div class="price-title-small">{{ $order->total_products }}<span class="currency">L.E</span></div>
                                </div>

                                <div class="totals-line">
                                    <div class="totals-line-title">مصاريف الشحن</div>
                                    <div class="price-title-small">{{ $order->shipping_cost }}<span class="currency">L.E</span></div>
                                </div>

                                @if ($order->coupon)
                                <div class="totals-line">
                                    <div class="totals-line-title">كود خصم</div>
                                    <div class="price-title-small">{{ $order->discount_amount }}<span class="currency">L.E</span></div>
                                </div>
                                @endif

                                <div class="totals-line">
                                    <div class="totals-line-title">الإجمالى قبل الضريبة</div>
                                    <div class="price-title-small">{{ $order->grand_total - $order->tax_amount }}<span class="currency">L.E</span></div>
                                </div>

                                <div class="totals-line">
                                    <div class="totals-line-title">الضريبة</div>
                                    <div class="price-title-small">{{ $order->tax_amount }}<span class="currency">L.E</span></div>
                                </div>
                            </div>
                        </div>

                        @if ($order->status == 'pending' || $order->status == 'processing')
                        <div class="order-detials-actions">
                            <form action="{{ route('order.cancel', $order->id) }}">
                                <div class="sidebar-box-actions">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit" class="pay-btn">
                                        إلغاء الطلب
                                    </button>
                                </div>
                            </form>
                        </div>
                        @endif
                        <div class="sidebar-box-actions">
                            <a href="{{ route('user.orders') }}" class="update-btn">
                                العودة لطلباتى
                            </a>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

</div>
@endsection