@extends('Admin.components.layout')
@section('title')
    Care Plan
@endsection
@section('subtitle')
    Add Care Plan Info
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row mt-2">
            <div class="col-12">
                <div class="card  p-3">
                    <div class="card-body ">
                        @if ($errors->any())
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                                </div>
                            </div>
                        @endif
                        <form action="{{ route('admin.careplan.info.store') }}" method="POST" name="form" id="form"
                            enctype="multipart/form-data">
                            {{ csrf_field() }}

                            <div class="form-body" id="dvOuterOld">
                                <div>
                                    <h4>{{ $Question->question_eng }}</h4>
                                </div>
                                @if (
                                    $Question->question_type == 'dropdown' ||
                                        $Question->question_type == 'single' ||
                                        $Question->question_type == 'multiple')
                                    <div class="form-group ">
                                        <label class="control-label col-md-3">Question Option</label>
                                        <div class="">
                                            <select class="form-control change_type" name="q_option" id="q_option">
                                                <option value="">Choose any one</option>
                                                @foreach ($Option as $opt)
                                                    <option value="{{ $opt->id }}">{{ $opt->option_eng }} </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @else
                                    <input type="hidden" value="{{ $Question->id }}" name='question_id'>
                                @endif
                                {{-- {{pre($Option)}} --}}
                                <div class="form-group">
                                    <label class="control-label col-md-3">Title in English
                                    </label>
                                    <div class="">
                                        <input type="text" name="info_title" id="info_title" class="form-control"
                                            value="{{ isset($Option) && $Question->is_show_data == '1' ? $Option->title : '' }}">
                                        <label id="QuestionLableeng" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Title in Other Language
                                    </label>
                                    <div class="">
                                        <input type="text" name="info_title_welsh" id="info_title_welsh"
                                            class="form-control"
                                            value="{{ isset($Option) && $Question->is_show_data == '1' ? $Option->title_welsh : '' }}">
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Info in English
                                    </label>
                                    <div class="">
                                        <textarea name="info_eng" id="info_eng">
                                        {!! isset($Option) && $Question->is_show_data == '1' ? $Option->info_eng : '' !!}</textarea>
                                        <label id="QuestionLableeng" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Info in Other Language
                                    </label>
                                    <div class="">
                                        <textarea name="info_welsh" id="info_welsh">{!! isset($Option) && $Question->is_show_data == '1' ? $Option->info_welsh : '' !!}</textarea>
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Info Image </label>
                                    <div class="">
                                        <input type="file" id="info_image" name="info_image" class="form-control">
                                        @if (isset($Option) && $Question->is_show_data == '1')
                                            <img src="{{ s3Url('uploads') . '/' . $Option->info_image }}" alt=""
                                                id="img" name="img" class="w-25 h-25 mt-2">
                                            <input type="hidden" name="q_option" value="{{ $Option->id }}">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Id English </label>
                                    <div class="">
                                        <input type="text" id="info_wistia" name="info_wistia" class="form-control"
                                            {{ isset($Option) && $Question->is_show_data == '1' ? $Option->video_url : '' }}>
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Id Second Language </label>
                                    <div class="">
                                        <input type="text" id="info_wistia_welsh" name="info_wistia_welsh"
                                            class="form-control"
                                            {{ isset($Option) && $Question->is_show_data == '1' ? $Option->video_url_welsh : '' }}>
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-md-3">Video Title in English
                                    </label>
                                    <div class="">
                                        <input type="text" name="video_title" id="video_title" class="form-control"
                                            value="{{ isset($Option) && $Question->is_show_data == '1' ? $Option->video_title : '' }}">
                                        <label id="QuestionLableeng" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Video Title in Other Language
                                    </label>
                                    <div class="">
                                        <input type="text" name="video_title_welsh" id="video_title_welsh"
                                            class="form-control"
                                            value="{{ isset($Option) && $Question->is_show_data == '1' ? $Option->video_title_welsh : '' }}">
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Video Description in English
                                    </label>
                                    <div class="">
                                        <textarea name="video_description_eng" id="video_description_eng">
                                        {!! isset($Option) && $Question->is_show_data == '1' ? $Option->video_description_eng : '' !!}
                                    </textarea>
                                        <label id="QuestionLableeng" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-md-3">Video Description in Other Language
                                    </label>
                                    <div class="">
                                        <textarea name="video_description_welsh" id="video_description_welsh">
                                            {!! isset($Option) && $Question->is_show_data == '1' ? $Option->video_description_welsh : '' !!}</textarea>
                                        <label id="QuestionLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button type="submit" class="btn  btn-success" id="form_btn"><i></i>
                                            Add</button>

                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script nonce="{{$cspNonce}}">
        $(document).ready(function() {

            var editor1 = CKEDITOR.replace('info_eng', {
                extraPlugins: 'font',
                height: 200
            });
            var editor2 = CKEDITOR.replace('info_welsh', {
                extraPlugins: 'font',
                height: 200
            });
            var editor1 = CKEDITOR.replace('video_description_welsh', {
                extraPlugins: 'font',
                height: 200
            });
            var editor2 = CKEDITOR.replace('video_description_eng', {
                extraPlugins: 'font',
                height: 200
            });

        });
    </script>
    <script nonce="{{$cspNonce}}">
        $("#q_option").change(function() {
            var val = $('#q_option').find(":selected").val();

            console.log(val);
            var url = "{{ route('admin.careplan.getinfo', ['id' => 'slug']) }}";
            if (val != "") {
                $.ajax({
                    type: 'POST',
                    url: url.replace("slug", parseInt(val)),
                    data: {
                        id: parseInt(val),
                        _token: '{{ csrf_token() }}'
                    },

                    success: function(data) {
                        console.log(data);
                        //    console.log(data.info_eng);

                        if (data) {
                            let dataeng = data.info_eng;
                            let datawelsh = data.info_welsh;


                            CKEDITOR.instances['info_eng'].setData(dataeng);
                            CKEDITOR.instances['info_welsh'].setData(datawelsh);

                            // CKEDITOR.instances.info_eng.insertHtml(dataeng);
                            // CKEDITOR.instances.info_welsh.insertHtml(datawelsh);

                            let desceng = data.video_description_eng;
                            let descwelsh = data.video_description_welsh;
                            CKEDITOR.instances['video_description_eng'].setData(desceng);
                            CKEDITOR.instances['video_description_welsh'].setData(descwelsh);

                            $("#video_title").val(data.video_title);
                            $("#video_title_welsh").val(data.video_title_welsh);

                            $("#info_title").val(data.title);
                            $("#info_title_welsh").val(data.title_welsh);

                            $("#info_wistia").val(data.video_url);
                            $("#info_wistia_welsh").val(data.video_url_welsh);


                            console.log(data.info_image);
                            if (data.info_image != ' ' || data.info_image != null) {
                                $(image).show();
                                let searchPic = data.info_image;
                                $("#image").attr("src", searchPic);
                            }
                            // $("#image").val(data.info_image);
                        }
                    },
                    error: function(error) {
                        console.log(error);
                        alert("error");
                    }
                });

            }
        });
    </script>
@endsection