@php($title = 'Update Requests')
@php($heading = 'Update Requests')
@php($sidebar = view()->make('dashboard.partials.customer-sidebar')->render())

@extends('layouts.dashboard', compact('title','heading','sidebar'))

@section('content')
    <div class="bg-white rounded-lg shadow p-4">
        @if(session('status'))
            <div class="mb-3 p-2 text-sm rounded bg-green-50 text-green-700">{{ session('status') }}</div>
        @endif

        <form method="POST" action="{{ url('/update-requests') }}" class="grid grid-cols-1 gap-2 mb-6">
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
                <select name="product_id" class="border rounded px-3 py-2 text-sm">
                    <option value="">Select Product (optional)</option>
                    @foreach(($products ?? []) as $p)
                        <option value="{{ $p->id }}">{{ $p->name }}</option>
                    @endforeach
                </select>
                <input type="text" name="version_requested" value="{{ old('version_requested') }}" placeholder="Version requested (optional)" class="border rounded px-3 py-2 text-sm">
            </div>
            <textarea name="note" rows="4" placeholder="Notes (optional)" class="border rounded px-3 py-2 text-sm">{{ old('note') }}</textarea>
            <div>
                <button class="px-4 py-2 rounded bg-violet-600 text-white text-sm">Submit Update Request</button>
            </div>
        </form>

        <div class="overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead>
                    <tr class="text-left border-b">
                        <th class="py-2 px-2">Product</th>
                        <th class="py-2 px-2">Version</th>
                        <th class="py-2 px-2">Status</th>
                        <th class="py-2 px-2">Updated</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse(($requests ?? []) as $r)
                        <tr class="border-b">
                            <td class="py-2 px-2">{{ optional($r->product)->name ?? '—' }}</td>
                            <td class="py-2 px-2">{{ $r->version_requested ?? '—' }}</td>
                            <td class="py-2 px-2">{{ ucfirst($r->status) }}</td>
                            <td class="py-2 px-2 text-slate-600">{{ \Illuminate\Support\Carbon::parse($r->updated_at)->toDayDateTimeString() }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="py-3 px-2 text-center text-slate-500">No update requests yet</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-3">{{ isset($requests) && method_exists($requests, 'links') ? $requests->links() : '' }}</div>
    </div>
@endsection