@extends('Admin.Components.layout')
@section('title')
Care Plan
@endsection
@section('subtitle')
Edit Care Plan
@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.update', $question->id) }}" method="POST" name="form" id="form" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="form-body" id="dvOuterOld">
                            <div class="form-group">
                                <label class="control-label col-md-3">Question in English
                                </label>
                                <div class="">
                                    <input type="text" id="txtQuestioneng" name="txtQuestioneng" placeholder="Enter Question" class="form-control" value="{{ !empty($question) ? $question->question_eng : '' }}">
                                    <label id="QuestionLableeng" style="color: red"></label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Question in Second Language
                                </label>
                                <div class="">
                                    <input type="text" id="txtQuestionwelsh" name="txtQuestionwelsh" placeholder="Enter Question" class="form-control" value="{{ !empty($question) ? $question->question_welsh : '' }}">
                                    <label id="QuestionLablewelsh" style="color: red"></label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Placeholder Title in English
                                </label>
                                <div class="">
                                    <input type="text" id="placeholdertitle" name="placeholdertitle" placeholder="Enter Placeholder Title" class="form-control" value="{{ !empty($question) ? $question->placeholder_title : '' }}">
                                    <label id="QuestionLableeng" style="color: red"></label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="">
                                    <input type="text" id="placeholdertitlewelsh" name="placeholdertitlewelsh" placeholder="Enter Placeholder Title" class="form-control" value="{{ !empty($question) ? $question->placeholder_title_welsh : '' }}">
                                    <label id="QuestionLablewelsh" style="color: red"></label>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="">
                                    <input type="checkbox" id="is_compulsary" name="is_compulsary" value='1' {{ $question->is_compulsary == 1 ? 'checked' : '' }}>
                                    <label class="control-label col-md-3"> Is Compulsary ?
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="my-3">
                                    <label class="control-label col-md-3">Unit
                                    </label>
                                    <div class="">
                                        <input type="text" id="unit" name="unit" placeholder="Enter Unit" value="{{ !empty($question->unit) ? $question->unit : '' }}" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="control-label ">Question Type
                                </label>
                                <div class="">
                                    <select class="form-control change_type" name="q_type" id="q_type" disabled>
                                        <option>Choose any one</option>
                                        <option value="single" {{ $question->question_type == 'single' ? 'selected' : '' }}>Sigle Selection
                                        </option>
                                        <option value="multiple" {{ $question->question_type == 'multiple' ? 'selected' : '' }}>Multiple
                                            Selection</option>
                                        <option value="text" {{ $question->question_type == 'text' ? 'selected' : '' }}>Text
                                        </option>
                                        <option value="number" {{ $question->question_type == 'number' ? 'selected' : '' }}>Number
                                        </option>
                                        <option value="dropdown" {{ $question->question_type == 'dropdown' ? 'selected' : '' }}>Dropdown
                                        </option>
                                        <option value="date" {{ $question->question_type == 'date' ? 'selected' : '' }}>Date
                                        </option>
                                    </select>
                                    <input type="hidden" value="{{ $question->question_type }}" name="q_type">
                                </div>
                            </div>
                            <div id="optionDiv">
                                @if (
                                $question->question_type == 'dropdown' ||
                                $question->question_type == 'single' ||
                                $question->question_type == 'multiple')
                                @foreach ($question->AllCarePlanOptions as $key => $value)
                                <div id="dvMain_{{ $key }}">
                                    <input type="hidden" value="{{ $loop->count - 1 }}" id="hdId">
                                    <div class="form-group mx-3">
                                        <input type="hidden" id="txtHidden_{{ $key }}" name="txtHidden[]" value="old">
                                        <input type="hidden" id="txtoldid_{{ $key }}" name="txtoldid[]" value="{{ $value->id }}">
                                        <label class="control-label col-md-3">Add Option</label>
                                        <div class="row">
                                            <div class="col-10">
                                                <input type="text" id="txtOptioneng_{{ $key }}" name="txtOptioneng[]" class="form-control" placeholder="Option Value in english" value="{{ $value->option_eng }}">

                                                <label id="AddOptionLableeng_{{ $key }}" style="color: red"></label>

                                                <input type="text" id="txtOptionwelsh_{{ $key }}" name="txtOptionwelsh[]" class="form-control" placeholder="Option Value in Second Language" value="{{ $value->option_welsh }}">

                                                <label id="AddOptionLablewelsh_{{ $key }}" style="color: red"></label>
                                            </div>
                                            <div class="col-2">
                                                @if ($key == 0)
                                                <div class="">
                                                    <div class="plus-icon">
                                                        <a class="btn btn-primary fnBtnAdd" title="Add field" style="border-radius:20px"><i class="bi bi-plus"></i>Option</a>
                                                        <a class="btn btn-primary fnBtnAddSubOption" title="Add field" data-id="{{ $key }}"  data-subId="{{ count($value->AllCarePlanSubOptions) }}" style="border-radius:20px"><i class="bi bi-plus"></i>SubOption</a>
                                                    </div>
                                                </div>
                                                @else
                                                <div class="">
                                                    <div class="plus-icon">
                                                        <a class="remove_button btn btn-danger delete_option" title="Add field" style="border-radius:20px" data-id="{{ $value->id }}"><i class="bi bi-dash-lg"></i>Option</a>
                                                        <a class="btn btn-primary fnBtnAddSubOption" title="Add field" data-id="{{ $key }}"  data-subId="{{ count($value->AllCarePlanSubOptions) }}" style="border-radius:20px"><i class="bi bi-plus"></i>SubOption</a>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>

                                    </div>
                                    <input type="hidden" name="hdSubId" id="hdSubId" value="{{ count($value->AllCarePlanSubOptions) }}">
                                    <input type="hidden" name="newSubId_{{ $key }}" id="newSubId_{{ $key }}" value="{{ count($value->AllCarePlanSubOptions) }}">
                                    @foreach ($value->AllCarePlanSubOptions as $skey => $sub)
                                    <div id="dvOuterSubMain_{{ $key }}_{{ $skey }}" class="dvOuterSubMain parentSub_{{ $key }}_{{ $skey }}">
                                        <div class="form-group mx-5">
                                            <div id="subdiv_{{ $key }}_{{ $skey }}">
                                                <input type="hidden" id="txtSubHiddenValue_{{ $key }}_{{ $skey }}" name="txtSubHiddenValue_{{ $key }}[]" value="old">
                                                <input type="hidden" id="txtSubOldid_{{ $key }}_{{ $skey }}" name="txtSubOldid_{{ $key }}[]" value="{{ $sub->id }}">
                                                <div class="">
                                                    <div class="form-group ">
                                                        <label class="control-label col-md-3">Sub
                                                            Option Type
                                                        </label>
                                                        <div class="">
                                                            <select class="form-control change_sub_type" name="sub_option_type_{{ $key }}[]" id="sub_option_type" disabled>
                                                                <option>Choose any one</option>
                                                                <option value="single" {{ $sub->option_type == 'single' ? 'selected' : '' }}>
                                                                    Single Selection
                                                                </option>
                                                                <option value="multiple" {{ $sub->option_type == 'multiple' ? 'selected' : '' }}>
                                                                    Multiple Selection
                                                                </option>
                                                                <option value="text" {{ $sub->option_type == 'text' ? 'selected' : '' }}>
                                                                    Text
                                                                </option>
                                                                <option value="number" {{ $sub->option_type == 'number' ? 'selected' : '' }}>
                                                                    Number
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <input type="hidden" name="sub_option_type_{{ $key }}[]" value="{{ $sub->option_type }}">
                                                    </div>
                                                    <label class="control-label col-md-3">Add Sub
                                                        Option</label>
                                                    <input type="hidden" name="SubHiddenValue_{{ $key }}_{{ $skey }}[]" value="{{ $key }}_{{ $skey }}">
                                                    <input type="text" id="txtSubOptioneng_{{ $key }}_{{ $skey }}" name="txtSubOptioneng_{{ $key }}[]" class="form-control" placeholder="SubOption Value in english" value="{{ $sub->sub_option_eng }}">

                                                    <label id="AddSubOptionLableeng_{{ $key }}_{{ $skey }}" style="color: red"></label>

                                                    <input type="text" id="txtSubOptionwelsh_{{ $key }}_{{ $skey }}" name="txtSubOptionwelsh_{{ $key }}[]" class="form-control" placeholder="SubOption Value in Second Language" value="{{ $sub->sub_option_welsh }}">

                                                    <label id="AddSubOptionLablewelsh_{{ $key }}_{{ $skey }}" style="color: red"></label>
                                                </div>
                                                @if (isset($skey))
                                                @if ($sub->sub_option_type == 'single' || $sub->sub_option_type == 'multiple')
                                                <div>
                                                    <div class="plus-icon">
                                                        <a class="remove_button btn btn-primary fnBtnAddSubOptionOfSubOption" title="Add field" data-id="{{ $key }}" data-subId="{{ $skey }}" data-subofsubid="{{ count($sub->AllCarePlanSubOfSubOptions) }}" style="border-radius:20px"><i class="bi bi-plus"></i></a>
                                                    </div>
                                                </div>
                                                @endif
                                                @else
                                                <div>
                                                    <div class="plus-icon">
                                                        <a class="remove_sub_button btn btn-danger" title="Add field" data-id="" style="border-radius:20px"><i class="bi bi-dash-lg"></i></a>
                                                    </div>
                                                </div>
                                                @endif
                                                <div class="removeSub_{{ $key }}">
                                                    <div class="plus-icon">
                                                        <a class="remove_button btn btn-danger delete_sub" title="Add field" data-id="{{ $sub->id }}" style="border-radius:20px"><i class="bi bi-dash-lg">Sub
                                                                Option</i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @foreach ($sub->AllCarePlanSubOfSubOptions as $k => $subOfsub)
                                        <input type="hidden" name="hdSubOfSubId" id="hdSubOfSubId" value="{{ count($sub->AllCarePlanSubOfSubOptions) - 1 }}">
                                        <div id="dvOuterSubOfSubMain_{{ $sub->id }}">
                                            <div class="form-group mx-5">
                                                <div id="subofsubdiv_{{ $key }}_{{ $skey }}">
                                                    <input type="hidden" id="txtSubOfSubOldid_{{ $key }}_{{ $skey }}" name="txtSubOfSubOldid_{{ $key }}_{{ $skey }}[]" value="{{ $subOfsub->id }}">
                                                    <input type="hidden" name="txtSubOfSubHiddenValue_{{ $key }}_{{ $skey }}[]" value="old">
                                                    <input type="hidden" id="txtSubOfSubHidden_{{ $subOfsub->id }}" name="txtSubOfSubHidden[]" value="Y">
                                                    <div class="mx-5">
                                                        <label class="control-label col-md-3">Add Sub
                                                            Option of Sub Option</label>

                                                        <input type="hidden" name="SubOfSubHiddenValue[]" value="{{ $sub->id }}">
                                                        <input type="text" id="txtSubOfSubOptioneng_{{ $key }}_{{ $skey }}" name="txtSubOfSubOptioneng_{{ $key }}_{{ $skey }}[]" class="form-control" placeholder="SubOption Value in english" value="{{ $subOfsub->sub_sub_option_eng }}">

                                                        <label id="AddSubOfSubOptionLableeng_{{ $key }}_{{ $skey }}" style="color: red"></label>

                                                        <input type="text" id="txtSubOfSubOptionwelsh_{{ $key }}_{{ $skey }}" name="txtSubOfSubOptionwelsh_{{ $key }}_{{ $skey }}[]" class="form-control" placeholder="SubOption Value in Second Language" value="{{ $subOfsub->sub_sub_option_welsh }}">

                                                        <label id="AddSubOfSubOptionLablewelsh_{{ $key }}_{{ $skey }}" style="color: red"></label>
                                                        <div>
                                                            <div class="plus-icon">
                                                                <a class="remove_sub_button btn btn-danger" title="Add field" data-id="{{ $subOfsub->id }}" style="border-radius:20px"><i class="bi bi-dash-lg"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                    @endforeach
                                </div>
                                <hr>
                                @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="form-actions">
                            <div class="row">
                                <div class="col-md-offset-3 col-md-9">
                                    <button type="button" class="btn  btn-success" id="form_btn">Update</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div id="dvOuterMain" style="display: none">
                        <div class="data" id="dvMain_{groupId}">
                            <div class="form-group mx-3">
                                <input type="hidden" name="newSubId_{groupId}" id="newSubId_{groupId}" value="0">
                                <input type="hidden" id="txtHidden_{groupId}" name="txtHidden[]" value="new">
                                <input type="hidden" id="txtoldid_{groupId}" name="txtoldid[]" value="">
                                <label class="control-label ">Add Option
                                </label>
                                <div class="row">

                                    <div class="col-10">
                                        <input type="text" id="txtOptioneng_{groupId}" name="txtOptioneng[]" class="form-control" placeholder="Option Value in English">
                                        <label id="AddOptionLableeng_{groupId}" style="color: red"></label><br>
                                        <input type="text" id="txtOptionwelsh_{groupId}" name="txtOptionwelsh[]" class="form-control" placeholder="Option Value in Second Language">
                                        <label id="AddOptionLablewelsh_{groupId}" style="color: red"></label><br>
                                    </div>

                                    <div class="col-2">
                                        <div>
                                            <a class="btn btn-primary fnBtnAddSubOption" title="Add field" data-id="{groupId}" data-subId="0" style="border-radius:20px"><i class="bi bi-plus"></i>SubOption</a>
                                            <a class="remove_button btn btn-danger fnRemove" title="Add field" data-id="{groupId}" style="border-radius:20px"><i class="bi bi-dash-lg"></i>Option</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="dvOuterSubMain_{groupId}" style="display: none">
                        <div class="form-group " id="dvMainSub">
                            <div id="subdiv_{groupId}_{subGroupId}">
                                <input type="hidden" id="txtSubHiddenValue_{groupId}_{subGroupId}" name="txtSubHiddenValue_{groupId}[]" value="new">
                                <input type="hidden" id="txtSubOldid_{groupId}_{subGroupId}" name="txtSubOldid_{groupId}[]" value="">
                                <div class="parentSub_{groupId}_{subGroupId}  mx-5">
                                    <label class="control-label col-md-3">Add Sub Option</label>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">Sub Option Type
                                        </label>
                                        <div class="parent" id="{groupId}_{subGroupId}">
                                            <select class="form-control change_sub_sub_type" name="sub_option_type_{groupId}[]" id="sub_option_type" data-id="{groupId}_{subGroupId}">
                                                <option>Choose any one</option>
                                                <option value="single">Single Selection</option>
                                                <option value="multiple">Multiple Selection</option>
                                                <option value="text">Text</option>
                                                <option value="number">Number</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="option_type">
                                        <input type="hidden" name="SubHiddenValue[]" value="{groupId}_{subGroupId}">
                                        <input type="text" id="txtSubOptioneng_{groupId}_{subGroupId}" name="txtSubOptioneng_{groupId}[]" class="form-control" placeholder="Value in english">

                                        <label id="AddSubOptionLableeng_{groupId}_{subGroupId}" style="color: red"></label>

                                        <input type="text" id="txtSubOptionwelsh_{groupId}_{subGroupId}" name="txtSubOptionwelsh_{groupId}[]" class="form-control" placeholder="Value in Second Language">

                                        <label id="AddSubOptionLablewelsh_{groupId}_{subGroupId}" style="color: red"></label>
                                        <div class="plus_sub_of_sub_{groupId}_{subGroupId}" style="display: none">
                                            <div class="plus-icon">
                                                <a class="remove_button btn btn-primary fnBtnAddSubOptionOfSubOption" title="Add field" data-id="{groupId}" data-subId="{subGroupId}" data-subofsubid="0" style="border-radius:20px"><i class="bi bi-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="removeSub_{groupId}">
                                    <div class="plus-icon">
                                        <a class="remove_button btn btn-danger fnRemoveSubOption" title="Add field" data-id="{groupId}" data-subid="{subGroupId}" style="border-radius:20px"><i class="bi bi-dash-lg">Sub Option</i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- sub of sub div hidden --}}
                    <input type="hidden" name="hdSubOfSubId" id="hdSubOfSubId" value="0">
                    <div id="dvOuterSubOfSubMain_{groupId}_{subGroupId} " style="display: none">
                        <div class="form-group " id="dvMainSubOfSub">
                            <div id="subofsubdiv_{groupId}_{subGroupId}" class="mx-5">
                                <input type="hidden" name="txtSubOfSubHiddenValue_{groupId}_{subGroupId}[]" value="new">
                                <input type="hidden" id="txtSubOfSubHidden_{subOfSubGroupId}" name="txtSubOfSubHidden[]" value="Y">
                                <div class="mx-5">
                                    <label class="control-label col-md-3">Add Sub Option of Sub Option</label>
                                    {{-- <div class="form-group ">
                                            <label class="control-label col-md-3">Sub Option of Sub Option Type
                                            </label>
                                            <div class="parent" id="{groupId}_{subGroupId}">
                                                <select class="form-control change_sub_type"
                                                    name="sub_sub_option_type_{groupId}_{subGroupId}[]"
                                                    id="sub_sub_option_type">
                                                    <option>Choose any one</option>
                                                    <option value="text">Text</option>
                                                    <option value="number">Number</option>
                                                </select>
                                            </div>
                                        </div> --}}
                                    <input type="hidden" name="SubOfSubHiddenValue[]" value="{groupId}_{subGroupId}">
                                    <input type="text" id="txtSubOfSubOptioneng_{groupId}_{subGroupId}" name="txtSubOfSubOptioneng_{groupId}_{subGroupId}[]" class="form-control" placeholder="SubOption Value in english">

                                    <label id="AddSubOfSubOptionLableeng_{groupId}_{subGroupId}" style="color: red"></label>

                                    <input type="text" id="txtSubOfSubOptionwelsh_{groupId}_{subGroupId}" name="txtSubOfSubOptionwelsh_{groupId}_{subGroupId}[]" class="form-control" placeholder="SubOption Value in Second Language">

                                    <label id="AddSubOfSubOptionLablewelsh_{groupId}_{subGroupId}" style="color: red"></label>
                                    <div>
                                        <div class="plus-icon">
                                            <a class="remove_button btn btn-danger fnRemoveSubOptionOfSubOption" title="Add field" data-groupId="{groupId}" data-subGroupId="{subGroupId}" style="border-radius:20px"><i class="bi bi-dash-lg"></i></a>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
<script nonce="{{ $cspNonce }}">
    // dropdown sub select change
    $(document).on('change', '.change_type', function() {
        var val = $(this).val();
        console.log(val);
        if (val == 'date' || val == 'number' || val == 'text') {
            $('#dvOuterMain').hide();
        } else {
            $('#dvOuterMain').show();
        }
    });

    // Dynamic add Control
    $(document).on('click', '.fnBtnAdd', function() {
        var count = $("#hdId").val();
        count++;
        var html = $("#dvOuterMain").html();
        html = html.replace(/{groupId}/g, count);
        $("#optionDiv").append(html);
        $("#hdId").val(count);
    })
    // remove control
    $(document).on('click', '.fnRemove', function() {
        let intId = $(this).attr('data-id');
        $("#txtHidden_" + intId).val("N");
        $("#dvMain_" + intId).remove();
    })

    // // Add sub option
    $(document).on('click', '.fnBtnAddSubOption', function() {

        console.log($(this).attr('data-subId'));
        var groupId = $(this).attr('data-id');
        var subId = $(this).attr('data-subId');
        var id = $('#newSubId_' + groupId).val();
        console.log(groupId, subId);
        var html = $('#dvMainSub').html();
        html = html.replace(/{subGroupId}/g, subId);
        html = html.replace(/{groupId}/g, groupId);
        subId++;
        id++;
        $('#newSubId_' + groupId).val(id);
        $('#dvMain_' + groupId).append(html);
        $(this).attr('data-subId', subId);
    })

    //remove sub option
    $(document).on('click', '.fnRemoveSubOption', function() {

        let id = $(this).attr('data-id');
        let subid = $(this).attr('data-subid');
        $("#txtSubHidden_" + id + "_" + subid).val("N");

        console.log(id, subid);
        $('#subdiv_' + id + "_" + subid).remove();
        var count = $('#hdSubId').val();
        count--;
        $('#hdSubId').val(count);
    })

    // Add sub option of sub option
    $(document).on('click', '.fnBtnAddSubOptionOfSubOption', function() {
        var groupId = $(this).attr('data-id');
        var subId = $(this).attr('data-subId');
        var subOfsubId = $(this).attr('data-subofsubid');

        var html = $('#dvMainSubOfSub').html();
        html = html.replace(/{groupId}/g, groupId);
        html = html.replace(/{subGroupId}/g, subId);
        html = html.replace(/{subOfSubGroupId}/g, subOfsubId);
        subOfsubId++;

        $('.parentSub_' + groupId + '_' + subId).append(html);
        var subOfsubId = $(this).attr('data-subofsubid', subOfsubId);
    })
    //remove sub option of sub option
        $(document).on('click', '.fnRemoveSubOptionOfSubOption', function() {

      let id = $(this).attr('data-groupId');
      let subId = $(this).attr('data-data-subGroupId');
        $("#txtSubOfSubHidden_" + subId).val("N");
        console.log($('#subofsubdiv_' + id + '_' + subId));
        $('#subofsubdiv_' + id + '_' + subId).remove();
        var count = $('#hdSubOfSubId').val();
        count--;
        $('#hdSubOfSubId').val(count);
    })


    //sub option dropdown
    $(document).on('change', '.changesub_type', function() {
        var val = $(this).val();
        console.log(val);
        if (val == 'date' || val == 'number' || val == 'text') {
            $('#hdSubId').hide();

        } else {
            $('#hdSubId').show();
        }
    });

    //dropdown select change
    $(document).on('change', '.change_sub_sub_type', function() {
        var val = $(this).val();
        console.log(val);
        var id = $(this).attr('data-id');
        if (val == 'number' || val == 'text') {
            $('#dvOuterSubOfSubMain_0').hide();
            $('.plus_sub_of_sub_' + id).hide();
        } else {
            $('.plus_sub_of_sub_' + id).show();
            console.log($('.plus_sub_of_sub').show());
        }
    });


    $(".delete_option").click(function() {
        var catid = $(this).attr("data-id");
        console.log(catid);
        var url = "{{ route('admin.careplan.delete.option', ['id' => 'slug']) }}";
        if (catid != "") {
            $.ajax({
                type: 'POST'
                , url: url.replace("slug", parseInt(catid))
                , data: {
                    id: parseInt(catid)
                    , _token: '{{ csrf_token() }}'
                }
                , success: function(data) {
                    // if (data.status_code == "200") {
                    location.reload();
                    // }
                }
                , error: function(error) {
                    console.log(error);
                    alert("error");
                }
            });
        }

    });

    $('.delete_sub').click(function() {
        var id = $(this).attr("data-id");
        console.log(id);
        var url = "{{ route('admin.careplan.delete.sub.options', ['id' => 'slug']) }}";
        if (id != "") {
            $.ajax({
                type: 'POST'
                , url: url.replace("slug", parseInt(id))
                , data: {
                    id: parseInt(id)
                    , _token: '{{ csrf_token() }}'
                }
                , success: function(data) {
                    // if (data.status_code == "200") {
                    location.reload();
                    // }
                }
                , error: function(error) {
                    console.log(error);
                    alert("error");
                }
            });
        }
    })

    // form validation
    $("#form_btn").click(function(event) {
        $(".QuestionLableeng").text("");
        $(".QuestionLablewelsh").text("");
        $(".AddOptionLableeng").text("");
        $(".AddOptionLablewelsh").text("");

        var OptionInputeng = document.getElementsByName('txtOptioneng[]');
        var OptionInputwelsh = document.getElementsByName('txtOptionwelsh[]');
        var txtQuestioneng = document.getElementById('txtQuestioneng');
        var txtQuestionwelsh = document.getElementById('txtQuestionwelsh');

        var temp = 0;

        if (txtQuestioneng.value == "") {
            $("#QuestionLableeng").text("Please Enter Question in English");
            temp = 1;
        } else {
            $("#QuestionLableeng").text("");
        }
        if (txtQuestionwelsh.value == "") {
            $("#QuestionLablewelsh").text("Please Enter Question in Second Language");
            temp = 1;
        } else {
            $("#QuestionLablewelsh").text("");
        }


        for (i = 0; i < OptionInputeng.length - 1; i++) {
            if (OptionInputeng[i].value == "") {
                $("#AddOptionLableeng_" + i).text("Please Enter Option Value in English");
                temp = 1;
            } else if (OptionInputeng[i].value != "") {
                $("#AddOptionLableeng_" + i).text("");
            }

            if (OptionInputwelsh[i].value == "") {
                $("#AddOptionLablewelsh_" + i).text("Please Enter Option Value in Second Language");
                temp = 1;
            } else if (OptionInputwelsh[i].value != "") {
                $("#AddOptionLablewelsh_" + i).text("");
            }
        }
        if (temp != 1) {
            document.getElementById("form").submit()
        }

    });

</script>
@endsection