@extends('admin.layout.app')

@section('content')
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12 d-flex flex-wrap justify-content-between align-items-center">
            <h2 class="mb-0 fw-bold">Student Order Details</h2>
            <a href="{{ route('admin.student-orders.index') }}" class="btn btn-link"><i class="bi bi-arrow-left"></i> Back to Orders</a>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow-sm border-0 mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Order Information</h5>
                </div>
                <div class="card-body">
                    <table class="table table-bordered mb-0">
                        <tbody>
                            <tr>
                                <th style="width: 30%;">Order ID</th>
                                <td>{{ $order->id }}</td>
                            </tr>
                            <tr>
                                <th>Student ID</th>
                                <td>{{ $order->student ? $order->student->student_id : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Student Name</th>
                                <td>{{ $order->student ? $order->student->student_name : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>School</th>
                                <td>{{ $order->student && $order->student->school ? $order->student->school->name : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Order Date</th>
                                <td>{{ $order->created_at ? $order->created_at->format('Y-m-d H:i') : '' }}</td>
                            </tr>
                            <tr>
                                <th>Status</th>
                                <td>
                                    <span class="badge bg-{{ $order->order_status === 'completed' ? 'success' : (($order->order_status ?? 'pending') === 'pending' ? 'warning' : 'secondary') }}">
                                        {{ ucfirst($order->order_status ?? 'pending') }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <th>Total Items</th>
                                <td>{{ $order->orderItems->count() }}</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="mt-3">
                        <form action="{{ route('admin.student-orders.update-status', $order->id) }}" method="POST" class="d-inline">
                            @csrf
                            <label for="status" class="fw-bold me-2">Update Status:</label>
                            <select name="status" id="status" class="form-select form-select-sm d-inline-block w-auto" onchange="this.form.submit()" aria-label="Update Status">
                                <option value="pending" {{ ($order->order_status ?? 'pending') === 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="completed" {{ ($order->order_status ?? '') === 'completed' ? 'selected' : '' }}>Completed</option>
                                <option value="cancelled" {{ ($order->order_status ?? '') === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                            </select>
                        </form>
                        <a href="{{ route('admin.student-orders.invoice', $order->id) }}" class="btn btn-sm btn-outline-info ms-2" title="Invoice">
                            <i class="bi bi-receipt"></i> Invoice
                        </a>
                    </div>
                </div>
            </div>

            <div class="card shadow-sm border-0">
                <div class="card-header">
                    <h5 class="mb-0">Order Items</h5>
                </div>
                <div class="card-body">
                    @if($order->orderItems->count())
                        <div class="table-responsive">
                            <table class="table table-bordered align-middle text-center mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Item</th>
                                        <th>Type</th>
                                        <th>Qty</th>
                                        <th>Unit Price</th>
                                        <th>Subtotal</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $total = 0; @endphp
                                    @foreach($order->orderItems as $k => $item)
                                        @php
                                            $lineTotal = (float) ($item->line_total ?? ((float) $item->unit_price * (int) $item->quantity));
                                            $total += $lineTotal;
                                            $typeLabel = $item->item_type === 'addon' ? 'Add On' : 'Compulsory';
                                        @endphp
                                        <tr>
                                            <td>{{ $k + 1 }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $typeLabel }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>&#8377;{{ number_format((float) $item->unit_price, 2) }}</td>
                                            <td>&#8377;{{ number_format($lineTotal, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th colspan="5" class="text-end">Total</th>
                                        <th>&#8377;{{ number_format($total, 2) }}</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-info mb-0">
                            <i class="bi bi-info-circle"></i> No items found for this order.
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <!-- Optionally, future details or actions can be added here -->
        </div>
    </div>
</div>
@endsection