@extends('layouts.app')

@section('content')
    <div class="container-fluid mt-3">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow">
                    <div class="card-header border-0 bg-secondary">
                        <div class="row align-items-center">
                            <div class="col"><h3
                                    class="mb-0">{{__('Document nou pentru pacientul: '). $patient->first_name.' '.$patient->last_name}}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ route('patientsDocuments.store') }}" method="POST">
                            @csrf
                            <input type="hidden" readonly="" name="patientId" value="{{$patientId}}">
                            <div class="col-md-6">
                                <div
                                    class="form-group focused{{ $errors->has('s_template') ? ' has-danger' : '' }}">
                                    <div class="input-group input-group-alternative mb-3">
                                        <select id="s_template" class="form-control" style="width: 100%"
                                                name="document_template_id">
                                            <option value="{{$defaultId}}" selected>{{$defaultName}}</option>
                                        </select>
                                    </div>
                                    @if ($errors->has('s_template'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('s_template') }}</strong>
                                    </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group{{ $errors->has('av') ? ' has-danger' : '' }}">
                                    <div class="input-group input-group-alternative mb-3">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                        </div>
                                        <input
                                            class="form-control{{ $errors->has('registry_no') ? ' is-invalid' : '' }}"
                                            placeholder="{{ __('Numar registru') }}" type="text" name="registry_no"
                                            autofocus>
                                    </div>
                                    @if ($errors->has('registry_no'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('registry_no') }}</strong>
                                    </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label><strong>{{__('Motivul')}}</strong></label>
                                    <textarea id="pd_reason" class="form-control"
                                              name="reason" style="height: 100px">{{old('reason')}}</textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label><strong>{{__('Diagnostic')}}</strong></label>
                                    <textarea id="pd_diagnostic" class="form-control"
                                              name="diagnostic" style="height: 100px">{{old('diagnostic')}}</textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label><strong>{{__('Examen clinic')}}</strong></label>
                                    <textarea id="pd_clinical_exam" class="form-control"
                                              name="clinical_exam"
                                              style="height: 100px">{{old('clinical_exam')}}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('rx_pulmonary') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('rx_pulmonary') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('Rx. pulmonar') }}" type="text" name="rx_pulmonary"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('rx_pulmonary'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('rx_pulmonary') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('spirometry') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('last_name') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('Spirometrie') }}" type="text" name="spirometry"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('spirometry'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('spirometry') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('vems_reduction') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('vems_reduction') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('VEMS') }}" type="text" name="vems_reduction"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('vems_reduction'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('vems_reduction') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('distal') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('distal') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('Distal V25-75') }}" type="text" name="distal"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('distal'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('distal') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('oxygen_saturation') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('oxygen_saturation') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('SA O2') }}" type="text" name="oxygen_saturation"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('oxygen_saturation'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('oxygen_saturation') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('av') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('last_name') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('Av') }}" type="text" name="av"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('av'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('av') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('heart_rate') ? ' has-danger' : '' }}">
                                        <div class="input-group input-group-alternative mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="ni ni-align-left-2"></i></span>
                                            </div>
                                            <input
                                                class="form-control{{ $errors->has('heart_rate') ? ' is-invalid' : '' }}"
                                                placeholder="{{ __('Bătăi / minut') }}" type="text" name="heart_rate"
                                                autofocus>
                                        </div>
                                        @if ($errors->has('heart_rate'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->first('heart_rate') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label><strong>{{__('Tratament anterior')}}</strong></label>
                                    <textarea id="dp_previous_treatment" class="form-control"
                                              name="previous_treatment"
                                              style="height: 100px">{{old('previous_treatment')}}</textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label><strong>{{__('Tratament recomandat')}}</strong></label>
                                    <textarea id="pd_recommended_treatment" class="form-control"
                                              name="recommended_treatment"
                                              style="height: 100px">{{old('recommended_treatment')}}</textarea>
                                </div>
                            </div>
                            <div class="col-md-12 text-right">
                                <button type="submit" class="btn btn-primary">{{__('Salvează')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript'>

        const config = {
            toolbarGroups: [
                { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
                { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
                { name: 'styles', groups: [ 'styles' ] },
                { name: 'colors', groups: [ 'colors' ] },
                { name: 'about', groups: [ 'about' ] }
            ],
            removePlugins: 'scayt,radio,horizontalrule,specialchar,exportpdf,radioicon,elementspath,save,image,flash,iframe,link,smiley,tabletools,find,pagebreak,templates,about,maximize,showblocks,newpage,language',
            removeButtons: 'Preview,Checkbox,Copy,Cut,Paste,Undo,Redo,Print,Form,TextField,Textarea,Button,SelectAll,NumberedList,BulletedList,CreateDiv,Table,PasteText,PasteFromWord,Select,HiddenField',
        };

        $(document).ready(function () {
            CKEDITOR.replace('pd_reason',config);
            CKEDITOR.replace('pd_diagnostic', config);
            CKEDITOR.replace('pd_clinical_exam', config);
            CKEDITOR.replace('dp_previous_treatment', config);
            CKEDITOR.replace('pd_recommended_treatment', config);
            console.log('ccaacaca');
        });

        // Initialize select2
        $("#s_template").select2({
            ajax: {
                url: "{{ route('documentsTemplates.search') }}",
                type: "post",
                dataType: 'json',
                data: function (params) {
                    return {
                        query: params.term,
                        "_token": "{{ csrf_token() }}",
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (obj) {
                            return {
                                id: obj.id,
                                text: obj.name
                            };
                        })
                    };
                }
            }
        });
    </script>
@endsection