관리-도구
편집 파일: order-details.blade.php
@extends('layouts.apps') @section('content') <main class="main-wrapper"> <div class="main-content"> <!-- breadcrumb --> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">Orders</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"> <a href="{{ route('admin.orders') }}"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active" aria-current="page">Order #{{ $order->id }}</li> </ol> </nav> </div> </div> <!-- end breadcrumb --> <!-- Order header --> <div class="card"> <div class="card-body d-flex justify-content-between align-items-center"> <div> <h4 class="fw-bold">Order #{{ $order->id }}</h4> <p class="mb-0">Customer: <a href="javascript:;">{{ $order->user->name ?? 'Guest' }}</a> </p> </div> <div> <span class="badge bg-{{ $order->status == 'completed' ? 'success' : 'warning' }}"> {{ ucfirst($order->status) }} </span> </div> </div> </div> <div class="row mt-4"> <!-- Left: Order items --> <div class="col-12 col-lg-8"> <div class="card"> <div class="card-body"> <h5 class="mb-3 fw-bold">Products ({{ $order->orderDetails->count() }})</h5> <div class="table-responsive"> <table class="table align-middle"> <thead class="table-light"> <tr> <th>Product</th> <th>Qty</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> @foreach($order->orderDetails as $item) <tr> <td> <div class="d-flex align-items-center gap-3"> <div class="product-box"> <img src="{{ asset('storage/' . ($item->product->image ?? 'default.png')) }}" width="70" class="rounded-3" alt=""> </div> <div> <p class="mb-0 fw-bold">{{ $item->product->title ?? 'Product Deleted' }}</p> <small class="text-muted">SKU: {{ $item->product->sku ?? '-' }}</small> </div> </div> </td> <td>{{ $item->quantity }}</td> <td>{{ number_format($item->product_price, 2) }}</td> <td>{{ number_format($item->product_price * $item->quantity, 2) }}</td> </tr> @endforeach </tbody> </table> </div> <div class="d-flex justify-content-between border-top pt-3"> <p class="fw-bold mb-0">Order Total:</p> <p class="fw-bold mb-0">₹{{ number_format($order->total_amount, 2) }}</p> </div> </div> </div> </div> <!-- Right: Summary --> <div class="col-12 col-lg-4"> <div class="card"> <div class="card-body"> <h4 class="fw-bold mb-3">Summary</h4> <div class="d-flex justify-content-between"> <p>Subtotal:</p> <p>₹{{ number_format($order->subtotal ?? $order->total_amount, 2) }}</p> </div> <div class="d-flex justify-content-between"> <p>Tax:</p> <p>₹{{ number_format($order->discount ?? 0, 2) }}</p> </div> <div class="d-flex justify-content-between"> <p>Shipping status:</p> <p>{{ $order->status }}</p> </div> <div class="d-flex justify-content-between border-top pt-3"> <h5>Total:</h5> <h5>₹{{ number_format($order->total_amount, 2) }}</h5> </div> </div> </div> <!-- Payment Info --> <div class="card mt-3"> <div class="card-body"> <h4 class="fw-bold mb-3">Payment Details</h4> @if($order->payment) <p><strong>Payment ID:</strong> {{ $order->payment->payment_id }}</p> <p><strong>Mode:</strong> {{ $order->payment->payment_mode }}</p> <p><strong>Amount:</strong> ${{ number_format($order->payment->amount, 2) }}</p> <p><strong>Status:</strong> <span class="badge bg-{{ $order->payment->status == 'success' ? 'success' : 'danger' }}"> {{ ucfirst($order->payment->status) }} </span> </p> @else <p class="text-muted">No payment record found.</p> @endif </div> </div> <!-- Order Status --> </div> <!-- Billing Details --> <h5 class="fw-bold mt-5 mb-3">Billing Details</h5> <div class="card"> <div class="card-body row g-3"> <div class="col-md-6 col-lg-3"> <p class="fw-bold mb-1">Name</p> <p>{{ $order->user->name ?? 'N/A' }}</p> </div> <div class="col-md-6 col-lg-3"> <p class="fw-bold mb-1">Email</p> <p>{{ $order->user->email ?? 'N/A' }}</p> </div> <div class="col-md-6 col-lg-3"> <p class="fw-bold mb-1">Phone</p> <p>{{ $order->user->phone ?? 'N/A' }}</p> </div> <div class="col-md-6 col-lg-3"> <p class="fw-bold mb-1">Address</p> <p>{{ $order->address ?? 'N/A' }}</p> </div> </div> </div> </div> </main> @endsection