@extends('layout.mainlayout-empty')

@section('content')
<link href="{{ asset('assets/select2/select2.min.css') }}" rel="stylesheet" />
<style>
    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
    }
</style>
<div class="container" @if(isset($lang) && $lang === 'ar') dir="rtl" @endif>
    <h1 class="my-3">@if(isset($lang) && $lang === 'ar') الطلب #{{ $orderId }} استبيان @else Order #{{ $orderId }} Questionnaire @endif</h1>
    <div class="card card-primary card-outline card-outline-tabs">
        <div class="card-body">
            <div class="tab-content" id="result-questionnaire">
                @php($count=0)
                <form action="/orders/user-results/questionnaire/store" method="POST" id="result-questionnaire-form" enctype="multipart/form-data">
                    <input type="hidden" name="order_id" value="{{ $orderId }}">
                    @foreach($members as $key => $member)
                        <div class="tab-pane @if($count == 0) active show @endif fade" role="tabpanel" aria-labelledby="tab">
                            @foreach($member->Packages as $testIndex => $test)
                                <input type="hidden" name="questions[{{$key}}_{{$testIndex}}][member]" value="{{ $endUserId }}">
                                <input type="hidden" name="questions[{{$key}}_{{$testIndex}}][lab_category_package_id]" value="{{$test->ID}}">
                                @if($test->Questionnaire && count($test->Questionnaire) > 0)
                                    <b style="color: #007bff">{{ $lang === 'ar' ? ($test->NAME_AR ?: $test->NAME_EN) : $test->NAME_EN }}</b>
                                    <div class="row" style="margin-top: 1rem"></div>
                                    @foreach($test->Questionnaire as $questionnaire)
                                        @include('operations.questionnaire.questionnaire-type', [
                                            'questionnaire' => $questionnaire,
                                            'key' => $key . '_' . $testIndex,
                                            'domKey' => $key . '_' . $testIndex,
                                            'answers' => $member->answers,
                                            'fillQuestionnaireByPatient' => $fillQuestionnaireByPatient,
                                            'labCategoryPackageId' => $test->ID,
                                            'optionsDataUrl' => '/orders/user-results/' . $labOrderIdToken . '/questionnaire/options/' . $questionnaire->ID,
                                            'lang' => $lang
                                        ])
                                    @endforeach
                                @endif

                                @if($test && $test->IS_PACKAGE && count($test->items) > 0)
                                    @foreach($test->items as $testItem)
                                        @if($testItem->Questionnaire && count($testItem->Questionnaire) > 0)
                                            <b style="color: #007bff">{{ $lang === 'ar' ? ($testItem->NAME_AR ?: $testItem->NAME_EN) : $testItem->NAME_EN }}</b>
                                            <div class="row" style="margin-top: 1rem"></div>
                                        @endif

                                        @foreach($testItem->Questionnaire as $questionnaire)
                                            @include('operations.questionnaire.questionnaire-type', [
                                                'questionnaire' => $questionnaire,
                                                'key' => $key . '_' . $testIndex,
                                                'domKey' => $key . '_' . $testIndex,
                                                'answers' => $member->answers,
                                                'fillQuestionnaireByPatient' => $fillQuestionnaireByPatient,
                                                'labCategoryPackageId' => $test->ID,
                                                'optionsDataUrl' => '/orders/user-results/' . $labOrderIdToken . '/questionnaire/options/' . $questionnaire->ID,
                                                'lang' => $lang
                                            ])
                                        @endforeach
                                    @endforeach
                                @endif
                                <br>
                            @endforeach
                        </div>
                        @php($count++)
                    @endforeach

                    @if($fillQuestionnaireByPatient)
                        <input type="submit" value="Submit" name="submit" class="btn btn-primary">
                    @endif
                </form>
            </div>
        </div>
    </div>
</div>
<script src="/bower_components/admin-lte/plugins/select2/js/select2.full.min.js"></script>
<script>
    var lang = '{{ $lang ?? 'en' }}';
    $(document).ready(function() {
        $('.questionnaire-select2').each(function() {
            var $el = $(this);
            $el.select2({
                ajax: {
                    url: $el.data('url'),
                    dataType: 'json',
                    delay: 300,
                    data: function(params) {
                        return { search: params.term, page: params.page || 1, lang: lang };
                    },
                    processResults: function(data) {
                        return data;
                    }
                },
                minimumInputLength: 0,
                placeholder: lang === 'ar' ? 'الرجاء اختيار خيار' : 'Please select an option',
                allowClear: true
            });
        });
    });
</script>
@endsection