@extends('layouts.app')
@section('title', 'Log Clinic Visit')
@section('content')
<div class="card" style="max-width:560px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Log Clinic Visit</h2>
    <form method="POST" action="{{ url('/api/students/PLACEHOLDER/health/visits') }}" onsubmit="this.action = this.action.replace('PLACEHOLDER', this.student_id.value);">
        @csrf
        <label style="display:block;font-size:12px;margin-bottom:4px;">Student</label>
        <select name="student_id" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="">Select student</option>
            @foreach($students as $student)
                <option value="{{ $student->id }}">{{ $student->full_name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Complaint</label>
        <textarea name="complaint" rows="2" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;"></textarea>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Treatment Given</label>
        <textarea name="treatment_given" rows="2" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;"></textarea>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Prescription (medication)</label>
        <input type="text" name="prescriptions[0][medication]" placeholder="e.g. Paracetamol" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:8px;">
        <div style="display:flex;gap:10px;margin-bottom:16px;">
            <input type="text" name="prescriptions[0][dosage]" placeholder="Dosage" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;">
            <input type="text" name="prescriptions[0][duration]" placeholder="Duration" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;">
        </div>
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Save Visit</button>
    </form>
</div>
@endsection