@extends("layouts.app", ["title" => "Home Visit Details"])

@section("content_body")
    @include("shared.partials.page-title", ["subtitle" => "Healthcare", "title" => "Home Visit Details"])

    <div class="row">
        <!-- Visit Info Card -->
        <div class="col-md-5">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-3">Visit Details</h4>
                    
                    <table class="table table-bordered">
                        <tr>
                            <th style="width: 40%">Status</th>
                            <td>
                                @if($visit->status === 'completed')
                                    <span class="badge bg-success">Completed</span>
                                @elseif($visit->status === 'missed')
                                    <span class="badge bg-danger">Missed</span>
                                @else
                                    <span class="badge bg-warning">Scheduled</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Target Household</th>
                            <td><a href="{{ route('families.show', $visit->family_id) }}">{{ $visit->family->name }}</a></td>
                        </tr>
                        <tr>
                            <th>Assigned Doctor</th>
                            <td>{{ $visit->doctor->user->name }}</td>
                        </tr>
                        <tr>
                            <th>Scheduled Date</th>
                            <td>{{ $visit->scheduled_at->format('Y-m-d H:i') }}</td>
                        </tr>
                        <tr>
                            <th>Completed At</th>
                            <td>{{ $visit->completed_at ? $visit->completed_at->format('Y-m-d H:i') : 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Notes</th>
                            <td>{{ $visit->notes ?? 'No notes recorded.' }}</td>
                        </tr>
                    </table>

                    @if ($visit->status === 'scheduled')
                        <hr>
                        <h5 class="header-title mb-2">Visit Management Actions</h5>
                        
                        <form action="{{ route('visits.complete', $visit->id) }}" method="POST" class="mb-2">
                            @csrf
                            <div class="mb-2">
                                <label for="complete_notes" class="form-label fs-12">Closing Consultation Notes</label>
                                <textarea name="notes" class="form-control form-control-sm" id="complete_notes" rows="2" placeholder="e.g. Conducted consultation successfully..."></textarea>
                            </div>
                            <button type="submit" class="btn btn-success btn-sm w-100"><i data-lucide="check" class="me-1"></i> Mark as Completed</button>
                        </form>

                        <form action="{{ route('visits.miss', $visit->id) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-danger btn-sm w-100" onclick="return confirm('Mark visit as missed?')"><i data-lucide="x" class="me-1"></i> Mark as Missed</button>
                        </form>
                    @endif
                </div>
            </div>
        </div>

        <!-- Consultation/EHR log for this visit -->
        <div class="col-md-7">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="header-title">Logged Consultation Records</h4>
                        @if ($visit->status === 'completed')
                            <a href="{{ route('consultations.create', ['visit_id' => $visit->id]) }}" class="btn btn-primary btn-sm">
                                <i data-lucide="plus" class="me-1"></i> Record Clinical Consultation
                            </a>
                        @endif
                    </div>

                    <div class="list-group">
                        @forelse ($visit->consultations as $consult)
                            <div class="list-group-item">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <h5 class="my-0 text-primary">{{ $consult->patient->name }}</h5>
                                    <div>
                                        <form action="{{ route('consultations.destroy', $consult->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Remove consultation record?')">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-link text-danger p-0 m-0"><i data-lucide="trash-2"></i></button>
                                        </form>
                                    </div>
                                </div>

                                <p class="mb-1 text-muted"><strong>Clinical Notes:</strong> {{ $consult->clinical_notes ?? 'No notes recorded.' }}</p>
                                
                                <div class="row mt-2 g-1 fs-12">
                                    <div class="col-6"><strong>Chronic cases:</strong> {{ !empty($consult->chronic_diseases) ? implode(', ', $consult->chronic_diseases) : 'None' }}</div>
                                    <div class="col-6"><strong>Prescriptions:</strong> {{ !empty($consult->medications) ? implode(', ', $consult->medications) : 'None' }}</div>
                                    <div class="col-6"><strong>Vaccinations:</strong> {{ !empty($consult->vaccinations) ? implode(', ', $consult->vaccinations) : 'None' }}</div>
                                    <div class="col-6"><strong>Satisfaction:</strong> {{ $consult->patient_satisfaction ?? 'N/A' }} / 5</div>
                                </div>
                            </div>
                        @empty
                            <div class="text-center py-4 text-muted">
                                @if ($visit->status === 'completed')
                                    Conducted consultation. Click the button above to add patient vital signs, prescriptions, and diagnosis notes.
                                @else
                                    Pending visit completion before clinical consultations can be logged.
                                @endif
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection