@extends('layouts.layoutMaster')

@section('title', 'Edit Study')

@section('vendor-style')
    @vite([
        'resources/assets/vendor/libs/flatpickr/flatpickr.scss'
    ])
@endsection

@section('vendor-script')
    @vite([
        'resources/assets/vendor/libs/flatpickr/flatpickr.js'
    ])
@endsection

@section('page-script')
    @vite([
        'resources/assets/js/forms-pickers.js',
        'resources/assets/js/ui-popover.js'
    ])
@endsection

@section('content')
    <form action="{{ route('staff.meta.save', $study->hash) }}" method="post">
        @csrf

        <div class="row">
            <div class="col-xl">
                <div class="card mb-6">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Patient Information</h5>
                    </div>
                    <div class="card-body">
                        @include('staff.meta.partials._text', ['name' => 'patient_id', 'label' => 'Patient ID', 'value' => $study->patient_id])
                        @include('staff.meta.partials._text', ['name' => 'patient_name', 'label' => 'Patient Name', 'value' => $study->patient_name])
                        @include('staff.meta.partials._text', ['name' => 'patient_sex', 'label' => 'Sex', 'value' => $study->patient_sex])
                        @include('staff.meta.partials._date', ['name' => 'patient_birthdate', 'label' => 'Birth Date', 'value' =>  $study->patient_birthdate?->toDateString()])
                        @include('staff.meta.partials._text', ['name' => 'accession_number', 'label' => 'Accession number', 'value' => $study->accession_number])
                    </div>
                </div>
            </div>

            <div class="col-xl">
                <div class="card mb-6">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Study Information</h5>
                    </div>
                    <div class="card-body">
                        @include('staff.meta.partials._text', ['name' => 'study_description', 'label' => 'Study Description', 'value' => $study->study_description])
                        @include('staff.meta.partials._text', ['name' => 'body_part_examined', 'label' => 'Body Part Examined', 'value' => $study->body_part_examined])
                        @include('staff.meta.partials._text', ['name' => 'institution_name', 'label' => 'Institution', 'value' => $study->institution_name])
                        @include('staff.meta.partials._text', ['name' => 'referring_physician_name', 'label' => 'Referring Physician', 'value' => $study->referring_physician_name])

                        <label class="form-check-label">Priority</label>
                        <div class="col my-2">
                            @include('staff.meta.partials._check', ['name' => 'priority', 'id' => 'pri_0', 'label' => 'Low', 'value' => \App\Domain\Study\Priority::Low->value, 'checked' => $study->priority->value == \App\Domain\Study\Priority::Low->value])
                            @include('staff.meta.partials._check', ['name' => 'priority', 'id' => 'pri_1', 'label' => 'Routine', 'value' => \App\Domain\Study\Priority::Routine->value, 'checked' => $study->priority->value == \App\Domain\Study\Priority::Routine->value])
                            @include('staff.meta.partials._check', ['name' => 'priority', 'id' => 'pri_2', 'label' => 'High', 'value' => \App\Domain\Study\Priority::High->value, 'checked' => $study->priority->value == \App\Domain\Study\Priority::High->value])
                            @include('staff.meta.partials._check', ['name' => 'priority', 'id' => 'pri_3', 'label' => 'Stat', 'value' => \App\Domain\Study\Priority::Stat->value, 'checked' => $study->priority->value == \App\Domain\Study\Priority::Stat->value])
                        </div>

                        <label class="form-check form-check-danger mt-4">
                            <input name="cancel_read" type="checkbox" class="form-check-input"/>
                            <span class="form-check-label">Cancel interpretation by radiologist</span>
                        </label>
                    </div>
                </div>
            </div>

        </div>

        <button type="submit" class="btn btn-primary me-4">
            <i class="fa-regular fa-cloud-arrow-up me-1"></i>
            Save
        </button>
        <button type="button" class="btn btn-danger" onclick="window.open('', '_self', ''); window.close();">Cancel
        </button>
    </form>
@endsection