@extends('layouts.master')
@section('title', 'Return Tracking')

@section('style')
    <style>
        .status-pending {
            color: orange;
            font-weight: bold;
        }

        .status-completed {
            color: green;
            font-weight: bold;
        }
    </style>
@endsection

@section('content')
    @include('layouts.header')
    @include('layouts.title')

    <section>
        <div class="container py-10">
            <h2>Return Tracking</h2>

            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Request Number</th>
                        <th>Requester</th>
                        <th>Order Date</th>
                        <th>Item</th>
                        <th>Quantity</th>
                        <th>Return Status</th>
                        <th>Updated At</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($returnOrders as $r)
                        <tr>
                            <td>{{ $r->order_code }}</td>
                            <td>{{ $r->order_customer_name }}</td>
                            <td>{{ $r->order_request_date }}</td>
                            <td>{{ $r->product_name }}</td>
                            <td>{{ $r->return_orders_quantity }}</td>
                            <td>
                                @if ($r->return_orders_completed == 0)
                                    <span class="status-pending">Pending</span>
                                @else
                                    <span class="status-completed">Completed</span>
                                @endif
                            </td>
                            <td>{{ $r->updated_at }}</td>
                            <td>
                                @if ($r->return_orders_completed == 0)
                                    <form action="{{ route('admintrackrequests.complete', $r->return_orders_id) }}"
                                        method="POST" style="display:inline;">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-success">
                                            Mark Completed
                                        </button>
                                    </form>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>

    @include('layouts.footer')
@endsection