@extends("portal.template.layout")

@section('header')
    <link rel="stylesheet" type="text/css" href="{{ asset('') }}admin_assets/plugins/table/datatable/datatables.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('') }}admin_assets/plugins/table/datatable/custom_dt_customer.css">
@stop
@section('content')
<div class="card">
    <div class="card-body">
        <h4>{{ $page_heading }}</h4>

        <form action="" method="get" class="row mb-3">
            <div class="col-md-3">
                <label>Status</label>
                <select name="status" class="form-control">
                    <option value="">All</option>
                    <option value="Pending" {{ $status=='Pending'?'selected':'' }}>Pending</option>
                    <option value="Accepted" {{ $status=='Accepted'?'selected':'' }}>Accepted</option>
                    <option value="Pickup" {{ $status=='Pickup'?'selected':'' }}>Pickup</option>
                    <option value="Completed" {{ $status=='Completed'?'selected':'' }}>Completed</option>
                </select>
            </div>
            <div class="col-md-12 mt-2">
                <button class="btn btn-primary">Search</button>
                <a href="{{ url('portal/replace_requests') }}" class="btn btn-warning">Clear</a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-bordered" id="replace_table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Order No</th>
                        <th>Customer</th>
                        <th>Product</th>
                        <th>Comment</th>
                        <th>Status</th>
                        <th>Request Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($list as $i=>$item)
                    <tr>
                        <td>{{ $i + $list->firstItem() }}</td>
                        <td>{{ $item->order_no }}</td>
                        <td>{{ $item->customer_name }}</td>
                        <td>{{ $item->product_name ?? '-' }}</td>
                        <td>{{ $item->comment ?? '-' }}</td>
                        <td>
                            <form action="{{ url('portal/updateReplaceStatus/status/'.$item->id) }}" method="post">
                                @csrf
                                @method('PUT')
                                <select name="status" class="form-control" onchange="this.form.submit()">
                                    <option value="Pending" {{ $item->status=='Pending'?'selected':'' }}>Pending</option>
                                    <option value="Accepted" {{ $item->status=='Accepted'?'selected':'' }}>Accepted</option>
                                    <option value="Pickup" {{ $item->status=='Pickup'?'selected':'' }}>Pickup</option>
                                    <option value="Completed" {{ $item->status=='Completed'?'selected':'' }}>Completed</option>
                                </select>
                            </form>
                        </td>
                        <td>{{ $item->created_at }}</td>
                        <td>
                            <a href="{{ url('portal/order_details/'.$item->order_id) }}" class="btn btn-info btn-sm">Order</a>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center">No replacement requests found</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-3">
            {!! $list->links('admin.template.pagination') !!}
        </div>
    </div>
</div>
@stop

@section('script')
<script src="{{ asset('') }}admin-assets/plugins/table/datatable/datatables.js"></script>
<script>
$('#replace_table').DataTable({
    "paging": false,
    "searching": false,
    "ordering": true,
    "info": false
});
</script>
@stop