@extends('layouts.app')
@section('content')
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="card shadow-sm">
<div class="card-body">
<h2>Video Consultation</h2>
<p><strong>Doctor:</strong> {{ $appointment->doctor->user->name }}</p>
<p><strong>Patient:</strong> {{ $appointment->patient->user->name }}</p>
<p><strong>Status:</strong> <span class="badge text-bg-info">{{ ucfirst($consultation->status) }}</span></p>
<div class="alert alert-info">
Video provider: Jitsi Meet
</div>
<a href="{{ $consultation->meeting_url }}" target="_blank" class="btn btn-primary">Join Video Consultation</a>
@if($consultation->status === 'scheduled')
<form method="POST" action="{{ route('video.start', $consultation) }}" class="d-inline">@csrf<button class="btn btn-success">Start</button></form>
@endif
@if($consultation->status !== 'completed')
<form method="POST" action="{{ route('video.end', $consultation) }}" class="d-inline">@csrf<button class="btn btn-danger">End Consultation</button></form>
@endif
</div>
</div>
</div>
</div>
@endsection