@extends('layouts.app')

@section('content')
<div class="container">
    <div class="card">
        <div class="card-header"><h1 class="h4 mb-0">ID correction</h1></div>
        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if($errors->any())
                <div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
            @endif

            <p class="text-muted">Search using one or more IDs. If you enter several, they must belong to the same patient.</p>
            <form method="POST" action="{{ route('services.id-correction.search') }}" class="row g-3 align-items-end mb-4">
                @csrf
                <div class="col-md-3">
                    <label for="search_pid" class="form-label">General ID</label>
                    <input id="search_pid" name="pid" class="form-control" value="{{ old('pid') }}">
                </div>
                <div class="col-md-3">
                    <label for="search_nap" class="form-label">NAP ID</label>
                    <input id="search_nap" name="nap_id" class="form-control" value="{{ old('nap_id') }}">
                </div>
                <div class="col-md-3">
                    <label for="search_fuchia" class="form-label">Fuchia ID</label>
                    <input id="search_fuchia" name="fuchia_id" class="form-control" value="{{ old('fuchia_id') }}">
                </div>
                <div class="col-md-3 d-grid"><button class="btn btn-primary">Search</button></div>
            </form>

            @if($config)
                <div class="border rounded p-3" id="patientFoundResult">
                    <div class="d-flex justify-content-between align-items-center gap-2 mb-2">
                        <h2 class="h5 mb-0">Patient found · Inner ID {{ $config->id }}</h2>
                        <button type="button" class="btn btn-outline-secondary btn-sm" onclick="document.getElementById('patientFoundResult').remove()">Clear</button>
                    </div>
                    <p class="mb-3">{{ $config->Name }} — General ID: {{ $config->Pid ?: '—' }} · NAP ID: {{ $config->NAP_ID ?: '—' }} · Fuchia ID: {{ $config->FuchiaID ?: '—' }}</p>
                    <form method="POST" action="{{ route('services.update.identifiers') }}" class="row g-3 align-items-end">
                        @csrf
                        <input type="hidden" name="inner_id" value="{{ $config->id }}">
                        <input type="hidden" name="return_to" value="id-correction">
                        <div class="col-md-3">
                            <label for="new_pid" class="form-label">Correct General ID</label>
                            <input id="new_pid" name="new_pid" class="form-control" inputmode="numeric" placeholder="Leave blank to keep current">
                        </div>
                        <div class="col-md-3">
                            <label for="new_nap_id" class="form-label">Correct NAP ID</label>
                            <input id="new_nap_id" name="new_nap_id" class="form-control" placeholder="Leave blank to keep current">
                        </div>
                        <div class="col-md-3">
                            <label for="new_fuchia_id" class="form-label">Correct Fuchia ID</label>
                            <input id="new_fuchia_id" name="new_fuchia_id" class="form-control" placeholder="Leave blank to keep current">
                        </div>
                        <div class="col-md-3 d-grid"><button class="btn btn-success">Update IDs</button></div>
                        <div class="col-12 small text-muted">The patient’s Inner ID and every associated follow-up visit ID stay unchanged. Follow-up records are updated with the corrected identifiers.</div>
                    </form>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection