@extends('web.layouts.app')

@section('title', transWord('الطلبات'))

@section('sub_header')
    <div class="sub-header">
        <div class="main-container">
            <div class="title-pages">
                <h2>{{ transWord('الطلبات') }}</h2>
                <div class="breadcrumb-header">
                    <a href="{{ route('web.supply.home') }}"> {{ transWord('الرئيسية') }} </a>
                    <i class="bi bi-chevron-double-left"></i>
                    <span> {{ transWord('الطلبات') }}</span>
                </div>
            </div>


        </div>
    </div>
@endsection

@section('content')
    <section class="profile-page mr-section">
        <div class="main-container">
            <div class="row">
                @include('web.includes.profile-sidebar')

                <div class="col-lg-8">
                    <div class="main-profile-page">
                        {{-- <div class="fliter-orders">
                            <h2 class="title-profile">{{ transWord('الطلبات') }} </h2>
                            <div class="select-product-page">
                                <h3>{{ transWord('الطلبات') }} : </h3>
                                <div class="input-form arrow-select">
                                    <select class="form-select form-control " name="">
                                        <option value="الكل"> الكل</option>
                                        <option value="الاحدث"> الحالية </option>
                                    </select>
                                </div>
                            </div>
                        </div> --}}

                        <div class="orders-pages">
                            @foreach (auth()->user()->orders as $order)
                                <div class="sub-order-page">
                                    <div class="details-order">
                                        <div class="img-details-order">
                                            <img src="{{ $order->items?->first()?->product?->images[0]?->image ? asset('storage/' . $order->items?->first()?->product?->images[0]?->image ?? '') : asset('web/imges/no_image.png') }}"
                                                alt="{{ $order->items?->first()?->product?->name ?? transWord('هذا المنتج تم حذفه') }}">
                                        </div>

                                        <div class="text-details-order">
                                            <h2>{{ $order->code . ' - ' . ($order->items?->first()?->product?->name ?? transWord('هذا المنتج تم حذفه')) }}
                                            </h2>
                                            {{-- <p>تم التوصيل في الأحَد, ٢٢ نوفمبر, ٠٧:٥٠ م</p> --}}
                                        </div>
                                    </div>
                                    <a href="{{ route('web.order-details', str_replace('#', '', $order->code)) }}"
                                        class="ctm-btn">
                                        {{ transWord('تفاصيل الطلب') }} </a>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection