@extends('layouts.brand')

@section('title', 'Lab Dashboard - Bharat Ayur Setu')

@section('styles')
<style>
    .booking-list {
        display: grid;
        gap: 20px;
        margin-top: 30px;
    }
    .booking-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px;
    }
</style>
@endsection

@section('content')
<div class="container animate-fade-in" style="padding: 40px 0;">
    <div class="welcome-card" style="background: var(--allopathy); color: white; padding: 40px; border-radius: 20px; margin-bottom: 40px;">
        <h2>Diagnostic Partner Portal</h2>
        <p>Manage lab test requests and publish reports for patients.</p>
    </div>

    <h3>Pending Test Requests</h3>
    
    <div class="booking-list">
        @forelse($bookings as $booking)
            <div class="card booking-item">
                <div>
                    <h4 style="margin: 0;">{{ $booking->patient->name }}</h4>
                    <p style="font-size: 14px; color: var(--text-muted);">{{ $booking->test_name ?? 'Diagnostic Test' }}</p>
                    <p style="font-size: 12px; color: var(--text-muted);">Ordered: {{ $booking->created_at->format('d M, h:i A') }}</p>
                </div>
                
                <div style="display: flex; gap: 20px; align-items: center;">
                    <form action="{{ url('/lab/booking/' . $booking->id) }}" method="POST" enctype="multipart/form-data" style="display: flex; gap: 10px; align-items: center;">
                        @csrf
                        @method('PATCH')
                        
                        <div class="form-group" style="margin: 0;">
                            <select name="status" class="form-control" style="padding: 8px; font-size: 14px;">
                                <option value="pending" {{ $booking->status == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="sample_collected" {{ $booking->status == 'sample_collected' ? 'selected' : '' }}>Sample Collected</option>
                                <option value="processing" {{ $booking->status == 'processing' ? 'selected' : '' }}>Processing</option>
                                <option value="completed" {{ $booking->status == 'completed' ? 'selected' : '' }}>Completed</option>
                                <option value="cancelled" {{ $booking->status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                            </select>
                        </div>
                        
                        <div style="display: flex; gap: 10px; align-items: center;">
                            @if($booking->report_file)
                                <a href="{{ asset($booking->report_file) }}" target="_blank" class="btn btn-outline" style="padding: 8px 15px; font-size: 13px; border-color: var(--ayurveda); color: var(--ayurveda);">
                                    View Report
                                </a>
                            @endif
                            
                            <div style="position: relative;">
                                <input type="file" name="report" id="report_{{ $booking->id }}" style="display: none;" onchange="this.form.submit()">
                                <label for="report_{{ $booking->id }}" class="btn btn-outline" style="padding: 8px 15px; font-size: 13px;">
                                    {{ $booking->report_file ? 'Upload Another' : 'Upload Report' }}
                                </label>
                            </div>
                        </div>
                        
                        <button type="submit" class="btn btn-primary" style="padding: 8px 15px; font-size: 13px;">Save</button>
                    </form>
                </div>
            </div>
        @empty
            <div class="card" style="text-align: center; padding: 60px;">
                <p style="color: var(--text-muted);">No lab test requests at the moment.</p>
            </div>
        @endforelse
    </div>
</div>
@endsection