@extends('admin.layouts.masterlayout')

@section('content')

<div class="main-content">
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
        <div class="breadcrumb-title pe-3 br-0">Order Details</div>

        <div class="ms-auto d-flex gap-2">
            <a href="{{ route('order.invoice', $order->id) }}" 
            class="btn btn-success d-flex gap-2">
                <i class="material-icons-outlined">download</i> Download Invoice
            </a>
            <a href="{{ route('order.view') }}" class="btn btn-secondary d-flex gap-2"><i class="material-icons-outlined">arrow_back</i> Back</a>
        </div>
    </div>

<div class="card">

<div class="card-body">

    @php
        $total_paid_amount=0;
        $user = $order->user;

        $name = !empty($user->username)
            ? $user->username
            : (!empty($user->team)
                ? $user->team
                : (!empty($user->email)
                    ? $user->email
                    : ($user->mobile ?? '-')
                )
            );
    @endphp

    <h4 class="mb-3">Order #{{ $order->order_number }}</h4>

    <!-- ✅ USER DETAILS (UPDATED) -->
    <div class="mb-3">
        <strong>User Details:</strong><br>

        <span style="font-size:16px; font-weight:600;">
            {{ $name }}
        </span><br>

        {{ $user->mobile ?? '-' }}<br>

        {{ $user->email ?? '-' }}
    </div>

    <div class="mb-3">
        <strong>Shipping Address:</strong><br>

        @if($order->shipping)
            <strong>{{ $order->shipping->full_name }}</strong><br>
            {{ $order->shipping->phone }}<br>
            {{ $order->shipping->house_no }}, {{ $order->shipping->street }}<br>
            {{ $order->shipping->city }}, {{ $order->shipping->state }} - {{ $order->shipping->pincode }}
        @else
            -
        @endif
    </div>

    <!-- ✅ ORDER SUMMARY -->
    <div class="mb-3">

        <p>
            <strong>Delivery Status:</strong> 
            <span class="badge bg-info">
                {{ ucfirst($order->order_status) }}
            </span>
        </p>
    </div>

    <hr>

    <!-- ✅ PRODUCT TABLE -->
    <h5 class="mb-3">Products</h5>

    <div class="table-responsive">
        <table class="table table-bordered align-middle">

            <thead>
                <tr>
                    <th>#</th>
                    <th>Product</th>
                    <th>Rate</th>
                    <th>Qty</th>
                    <th>Total Price</th>
                </tr>
            </thead>

            <tbody>
                @foreach($order->items as $index => $item)

                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $item->product->name ?? '-' }}</td>
                    <td>₹ {{ number_format($item->price, 2) }}</td>
                    <td>{{ $item->quantity }}</td>
                    <td>₹ {{ number_format($item->price * $item->quantity, 2) }}</td>
                    @php 
                    $total_paid_amount=$total_paid_amount+($item->price * $item->quantity);
                    @endphp
                </tr>

                @endforeach
                <tr>
                    <td colspan="4" style="text-align: right;">Subtotal</td>
                    <td>₹ {{ number_format($total_paid_amount,2) }}</td>
                </tr>
                <tr>
                    <td colspan="4" class="bold" style="text-align: right;">Total Paid</td>
                    <td class="bold">₹ {{ number_format($total_paid_amount,2) }}</td>
                </tr>

            </tbody>

        </table>
    </div>

</div>

</div>

</div>

@endsection