@extends('layouts.app')

@section('content')

<div style="max-width:1000px;margin:auto;">

    <!-- HEADER -->
    <div style="margin-bottom:30px;">

        <h2 style="margin-bottom:5px;">
            Edit Encounter
        </h2>

        <p style="color:#666;">
            Update clinical encounter details
        </p>

    </div>

    <!-- ERRORS -->
    @if ($errors->any())

        <div style="
            margin-bottom:20px;
            padding:12px;
            background:#fee2e2;
            color:#991b1b;
            border-radius:6px;
        ">

            <strong>Fix the following:</strong>

            <ul style="margin-top:8px;">

                @foreach ($errors->all() as $error)

                    <li style="font-size:13px;">
                        {{ $error }}
                    </li>

                @endforeach

            </ul>

        </div>

    @endif

    <!-- FORM -->
    <div class="panel">

        <form method="POST"
              action="{{ route('admin.encounters.update', $encounter->id) }}">

            @csrf
            @method('PUT')

            <div style="
                display:grid;
                grid-template-columns:1fr 1fr;
                gap:20px;
            ">

                <!-- ENCOUNTER TYPE -->
                <div>

                    <label style="font-weight:600;">
                        Encounter Type
                    </label>

                    <select name="encounter_type"
                            required
                            style="
                                width:100%;
                                padding:12px;
                                border:1px solid #ddd;
                                border-radius:6px;
                            ">

                        <option value="">
                            Select type
                        </option>

                        @php

                            $types = [
                                'triage',
                                'consultation',
                                'nursing',
                                'laboratory',
                                'pharmacy',
                                'procedure',
                                'radiology',
                                'counselling',
                                'followup',
                            ];

                        @endphp

                        @foreach($types as $type)

                            <option value="{{ $type }}"
                                {{ old('encounter_type', $encounter->encounter_type) == $type ? 'selected' : '' }}>

                                {{ ucfirst($type) }}

                            </option>

                        @endforeach

                    </select>

                </div>

                <!-- DATE -->
                <div>

                    <label style="font-weight:600;">
                        Encounter Date & Time
                    </label>

                    <input type="datetime-local"
                           name="encounter_datetime"
                           required
                           value="{{ old('encounter_datetime', \Carbon\Carbon::parse($encounter->encounter_datetime)->format('Y-m-d\TH:i')) }}"
                           style="
                                width:100%;
                                padding:12px;
                                border:1px solid #ddd;
                                border-radius:6px;
                           ">

                </div>

                <!-- PROVIDER -->
                <div style="grid-column:1 / span 2;">

                    <label style="font-weight:600;">
                        Provider Name
                    </label>

                    <input type="text"
                           name="provider_name"
                           value="{{ old('provider_name', $encounter->provider_name) }}"
                           placeholder="Clinician / nurse / officer"
                           style="
                                width:100%;
                                padding:12px;
                                border:1px solid #ddd;
                                border-radius:6px;
                           ">

                </div>

            </div>

            <!-- SUMMARY -->
            <div style="margin-top:20px;">

                <label style="font-weight:600;">
                    Clinical Summary
                </label>

                <textarea name="summary"
                          rows="8"
                          style="
                                width:100%;
                                padding:12px;
                                border:1px solid #ddd;
                                border-radius:6px;
                          ">{{ old('summary', $encounter->summary) }}</textarea>

            </div>

            <!-- ACTIONS -->
            <div style="
                display:flex;
                gap:15px;
                margin-top:30px;
            ">

                <a href="{{ route('admin.encounters.show', $encounter->id) }}"
                   style="
                        flex:1;
                        text-align:center;
                        padding:12px;
                        border:1px solid #ddd;
                        border-radius:6px;
                        text-decoration:none;
                        color:#333;
                   ">

                    Cancel

                </a>

                <button type="submit"
                        style="
                            flex:2;
                            background:#2563eb;
                            color:white;
                            padding:12px;
                            border:none;
                            border-radius:6px;
                            font-weight:600;
                            cursor:pointer;
                        ">

                    Update Encounter

                </button>

            </div>

        </form>

    </div>

</div>

@endsection