관리-도구

편집 파일: account-orders.blade.php

@extends('layouts.front-end.app') @section('title', translate('my_Order_List')) @section('content') <div class="container py-2 py-md-4 p-0 p-md-2 user-profile-container px-5px"> <div class="row"> @include('web-views.partials._profile-aside') <section class="col-lg-9 __customer-profile customer-profile-wishlist px-0"> <div class="d-flex align-items-center justify-content-between gap-2 flex-wrap mb-10px px-2 px-xl-0"> <div class="d-flex align-items-center justify-content-between gap-2"> <h5 class="mb-0 fs-16">{{ translate('my_Order') }}</h5> </div> <div class="d-flex align-items-center gap-2 border rounded py-1 px-3"> <i class="fi fi-rr-bars-filter"></i> @php $currentOrder = request('order_by'); @endphp <select name="filter" id="orderFilter" class="bg-transparent outline-0 fs-14 w-auto border-0 p-0"> <option value="{{ route('account-oder', ['order_by' => 'desc']) }}" {{ $currentOrder === 'desc' ? 'selected' : '' }}> {{ translate('sort_by_latest') }} </option> <option value="{{ route('account-oder', ['order_by' => 'asc']) }}" {{ $currentOrder === 'asc' ? 'selected' : '' }}> {{ translate('sort_by_oldest') }} </option> </select> </div> </div> <div class="card __card d-flex web-direction customer-profile-orders h-100-44"> <div class="card-body"> @if($orders->count()>0) <div class="row g-2"> @foreach($orders as $order) <div class="col-md-6"> <div class="cus-shadow rounded-8 p-xl-3 p-2"> <div class="media-order"> <a href="{{ route('account-order-details', ['id'=>$order->id]) }}" class="d-block position-relative w-70px border rounded h-70px min-w-60px"> @if($order->seller_is == 'seller') <img alt="{{ translate('shop') }}" src="{{ getStorageImages(path: $order?->seller?->shop->image_full_url, type: 'shop') }}" class="w-100 h-100"> @elseif($order->seller_is == 'admin') <img alt="{{ translate('shop') }}" src="{{ getStorageImages(path: getInHouseShopConfig(key: 'image_full_url'), type: 'shop') }}" class="w-100 h-100"> @endif </a> <div class="cont w-auto text-start flex-grow-1"> <div class="d-flex align-items-center justify-content-between gap-2"> <div class="d-flex align-items-center gap-1 flex-wrap"> <h6 class="mb-0"> <a href="{{ route('account-order-details', ['id'=>$order->id]) }}" class="fs-14 font-semibold min-w-110 line--limit-1"> {{ translate('order') }} #{{$order['id']}} </a> </h6> <div> @if($order['order_status']=='failed' || $order['order_status']=='canceled') <span class="status-badge rounded-pill __badge badge-soft-danger fs-12 font-semibold text-capitalize"> {{ translate($order['order_status'] =='failed' ? 'failed_to_deliver' : $order['order_status']) }} </span> @elseif($order['order_status']=='confirmed' || $order['order_status']=='processing' || $order['order_status']=='delivered') <span class="status-badge rounded-pill __badge badge-soft-success fs-12 font-semibold text-capitalize"> {{ translate($order['order_status']=='processing' ? 'packaging' : $order['order_status']) }} </span> @else <span class="status-badge rounded-pill __badge badge-soft-primary fs-12 font-semibold text-capitalize"> {{ translate($order['order_status']) }} </span> @endif </div> </div> <div class="btn-group myorder-dropdown"> <button class="btn p-0 bg-transparent m-0 outline-0" type="button" data-toggle="dropdown" aria-expanded="false"> <i class="fi fi-rr-menu-dots-vertical fs-14"></i> </button> <ul class="dropdown-menu dropdown-menu-right p-2"> <li> <div class="dropdown-item w-100"> <a class="d-flex align-items-center justify-content-between w-100 fs-14 gap-2" href="{{route('generate-invoice',[$order->id]) }}" title="{{ translate('download_invoice') }}"> {{ translate('Download Invoice') }} <i class="fi fi-rr-download web-text-primary"></i> </a> </div> </li> <li> <div class="dropdown-item w-100"> <a class="d-flex align-items-center justify-content-between w-100 fs-14 gap-2" href="{{ route('account-order-details', ['id'=>$order->id]) }}" title="{{ translate('view_order_details') }}"> {{ translate('View Order Details') }} <i class="fa fa-eye web-text-primary"></i> </a> </div> </li> </ul> </div> </div> <span class="fs-12 font-weight-medium"> <span class="text-dark fw-semibold">{{ $order->order_details_sum_qty }}</span> {{ translate('Products') }} </span> <div class="d-flex align-items-center justify-content-between gap-1 flex-wrap mt-1"> <div class="text-secondary-50 fs-12 font-weight-normal"> {{date('d M, Y h:i A',strtotime($order['created_at'])) }} </div> <div class="web-text-primary fs-16 font-bold"> @php($orderTotalPriceSummary = \App\Utils\OrderManager::getOrderTotalPriceSummary(order: $order)) {{ webCurrencyConverter(amount: $orderTotalPriceSummary['totalAmount']) }} </div> </div> </div> </div> </div> </div> @endforeach </div> @else <div class="d-flex justify-content-center align-items-center h-100"> <div class="d-flex flex-column justify-content-center align-items-center gap-3"> <img src="{{ theme_asset(path: 'public/assets/front-end/img/empty-icons/empty-orders.svg') }}" alt="" width="100"> <h5 class="text-muted fs-14 font-semi-bold text-center">{{ translate('You_have_not_any_order_yet') }}!</h5> </div> </div> @endif <div class="card-footer border-0"> {{$orders->links() }} </div> </div> </div> </section> </div> </div> <?php $orderSuccessIds = session('order_success_ids') ?? []; if (!is_array($orderSuccessIds)) { $orderSuccessIds = []; } $isPlural = count($orderSuccessIds) > 1; session()->forget('order_success_ids'); ?> @if($orderSuccessIds && auth('customer')->check()) <div class="modal fade" id="order_successfully" aria-labelledby="order_successfully" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal--md modal-dialog-centered"> <div class="modal-content"> <div class="modal-body rtl"> <div class="d-flex justify-content-end pb-2"> <button class="close close-quick-view-modal ps-2 pe-1 z-index-99" type="button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="text-center px-sm-3 pb-2 pt-4 mt-xl-1"> <div class="mb-20"> <img width="56" height="56" class="" src="{{theme_asset(path: "public/assets/front-end/img/icons/checked-circle.png")}}" alt=""> </div> <h6 class="mb-3 fs-18 fw-semibold">{{translate('Thank You For Your Purchase!')}}</h6> <p class="fs-14 title-semidark mb-30"> {{ translate('We have received your order and will ship it shortly.') }} {{ translate('Your Order ID' . ($isPlural ? 's' : '')) }} {{ implode(', ', $orderSuccessIds) }} {{ translate('keep it handy for tracking.') }} </p> <a href="{{ route('home') }}" class="btn btn--primary font-bold px-4 font-weight-normal rounded-10"> {{ translate('Explore More Items') }} </a> </div> </div> </div> </div> </div> @endif @endsection @push('script') @if($orderSuccessIds) <script> document.addEventListener('DOMContentLoaded', function () { const modalEl = document.getElementById('order_successfully'); const orderModal = new bootstrap.Modal(modalEl, { backdrop: 'static', keyboard: false }); orderModal.show(); document.getElementById('modal-close-btn').addEventListener('click', function() { setTimeout(() => { orderModal.hide(); }, 600); }); }); </script> @endif <script> document.addEventListener('DOMContentLoaded', function() { const filterSelect = document.getElementById('orderFilter'); filterSelect.addEventListener('change', function() { const url = this.value; if (url) { window.location.href = url; } }); }); </script> @endpush