@extends('admin.layouts.app')
@section('content')
<script>
 $(document).ready(function(){
        $('.handleChange').on('change',function(){
            if(option == 'select'){
                var option = $(this).attr('data-option');
                option = option.replace(/[^a-zA-Z0-9]/g,'_');
            } else {
                var option = $(this).val().replace(/[^a-zA-Z0-9]/g,'_');
            }
            var questionId = $(this).attr('data-questionId');
            var questionType = $(this).attr('data-questionType');
            handleChange(option, questionId, questionType);
        });
    });
    function handleChange(vals,ids,types) {
        ajaxsave(ids,types);
        console.log(vals,ids,types)
        if ( types == 'Short_Answer' ) {

        }
        else if ( types == 'Multiple_Select' ) {
            $('.myclass'+ ids).hide();
            $(".clsMultiple_Select"+ids+":checkbox:checked").each(function(){
                cleanVal = $(this).val().replace(/[^a-zA-Z0-9]/g,'_');
                $(".myclass"+ ids+"."+(cleanVal)+'_'+ids).show()
            })
        } else if ( types == 'Date' || types == 'Number' ) {
            var datvar = $('#'+types+'__'+ ids).val();
            $('.myclass'+ ids).hide();
            var result = datvar.split('/').join('_');
            $('.'+result+'_'+ ids).show();
        } else {
            $('.myclass'+ ids).hide();
            $('.'+vals+'_'+ ids).show();
        }
    }

</script>
<form method="post" action="{{ (isset($report->id) ? route('report.update',$report->id) : route('report.store'))  }}" name="frmaddedit" id="frmaddedit">
    @csrf
    @if(isset($report))
    @method('PUT')
    @endif
    <input type="hidden" id="ajax_save_url" name="ajax_save_url" value="{{ route('report.ajaxsave') }}">
    <input type="hidden" id="report_ids" name="report_ids" value="{{ (isset($report->id) ? $report->id : 0)  }}">

    <div class="row mx-0 slct_tab_que_print">
        <!-- START: main-row -->
        <div class="col-md-6 mb-2 mb-lg-3">
            <h1 class="page-title">Reviews</h1>
        </div>
        <div class="top-btn-box col-md-6 mb-3" id="normal_btns">
            <div class="top-btn-box d-flex justify-content-md-end align-items-center h-100">
                @if (3 == Auth::user()->user_type_id)
                <button id="save_submit_button" type="submit" tabindex="2" class="btn  btn-primary addnew-btn">
                    <span class="btn-title">Save</span>
                </button>
                @endif
                @if (3 == Auth::user()->user_type_id)
                <a class="btn btn-primary addnew-btn ml-3" href="{{ route('report.list') }}">Back</a>
                @else
                <a class="btn btn-primary addnew-btn ml-3" href="{{ route('report.list', ['organization_id' => $organization_id]) }}">Back</a>
                @endif
            </div>

        </div>
        @if($organization->data_disclaimer)
        <div class="col-md-12 text-center mb-3">
            <span style="padding: 5px 10px;background-color: rgba(0, 148, 247 ,0.2);border-radius: 6px;" class="btn-title">{{$organization->data_disclaimer_text}}</span>
        </div>
        @endif
        @php
            $report_name = (isset($report) && isset($report->report_name)) ? $report->report_name : '';
        @endphp
        <div class="col-12 report_vert_tabs mb-3">
        <div class="top-btn-box d-flex align-items-centers col-md-6 col-lg-4 mb-3 pl-0">
            <input placeholder="Review Name" type="text" class="form-control" name="report_name" id="report_name" value="{{$report_name}}">
        </div>
            <!-- START: tabs-->
            @php
                $i = 0;
                $j = 0;
            @endphp
            @php
            $rs_arr = array();

            if(isset($report->text_answer)) {
            $rs_arr = json_decode($report->text_answer);
            }
            @endphp
            <div class="row no-gutters">
                <div class="col-lg-4 col-xl-3">
                    <ul id="tabs" class="nav nav-tabs h-100" role="tablist">
                        @foreach ($tabs as $key => $tab)
                            @php
                                $str_active = (0 == $i) ? 'active' : '';
                            @endphp
                            <li class="nav-item">
                                <a id="tab-{{ $tab->id }}" href="#pane-A{{ $tab->id }}" class="nav-link py-3 rounded-0 text-wrap {{ $str_active }}" data-toggle="tab" role="tab">{{ $tab->tabname }}</a>
                            </li>
                            @php
                                $i++;
                            @endphp
                        @endforeach
                    </ul>
                </div>

                <div class="col-lg-8 col-xl-9 bg-white">
                    <div id="content" class="tab-content accordion" role="tablist">
                    @php
                    $tmparray = array();
                    @endphp
                        @foreach ($tabs as $key => $tab)
                        @php
                        $tmp_trg_qst_arr = array();
                        $str_active = (0 == $j) ? 'show active ' : '';
                        @endphp
                        <div id="pane-A{{ $tab->id }}" class="card mb-3 rounded-0 tab-pane fade {{$str_active}}" role="tabpanel" aria-labelledby="tab-{{ $tab->id }}">
                            <div class="card-header bg-white p-3" role="tab" id="heading-A">
                                <h5 class="mb-0">
                                    <a data-toggle="collapse" href="#collapse-A{{ $tab->id }}" data-parent="#content" aria-expanded="true" aria-controls="collapse-A{{ $tab->id }}" class="d-flex align-items-center text-third">
                                        {{ $tab->tabname }}
                                    </a>
                                </h5>
                            </div>
                            <div id="collapse-A{{ $tab->id }}" class="collapse show" role="tabpanel" aria-labelledby="heading-A">
                                <div class="card-body p-3">
                                    <!-- tab contnet -->
                                    <div class="report_que_rows">
                                        @if (isset($tab->tabQuestion))
                                        @foreach ($tab->tabQuestion as $qkey => $question)
                                        @if ($question->id)
                                        @if ($question->status)
                                        @php
                                        $selectedvalue = 'none';
                                        $display_div = ($question->is_triggered) ? "none" : "block";
                                        $cls_div = ($question->is_triggered) ? "hideme" : "";
                                        $zkey = $question->question_type.'__'.$question->id;
                                        $cls_name = '';
                                        $c_name = '';
                                        $myclass = '';
                                        $c_name = '';
                                        if ( $question->is_triggered == 1 && $question->triggeredQuestion && isset($question->triggeredQuestion[0]) ) {
                                            // dd($repAnsArr[$question->triggeredQuestion[0]->triggered_question], $question->triggeredQuestion[0]->toArray());
                                            $myclass = 'myclass'.$question->triggeredQuestion[0]->triggered_question;
                                            if ( strpos( $question->triggeredQuestion[0]->trigger_answer, ',') ) {
                                                $tmparrs = explode(',' , $question->triggeredQuestion[0]->trigger_answer);
                                                foreach ($tmparrs as $tars) {
                                                    $c_name = preg_replace('/[^a-zA-Z0-9_.]/', "_", $tars).'_'.preg_replace('/[^a-zA-Z0-9_.]/', "_", $question->triggeredQuestion[0]->triggered_question);
                                                    $cls_name .= $cls_name.' '.$c_name;
                                                }
                                                if(isset($tmparrs) && isset($tmparray[$question->triggeredQuestion[0]->triggered_question]) && is_array($tmparray[$question->triggeredQuestion[0]->triggered_question]) && count(array_intersect($tmparrs, $tmparray[$question->triggeredQuestion[0]->triggered_question])) > 0) {
                                                    $display_div =  'block';
                                                    $cls_div = '';
                                                }
                                                else if(isset($tmparrs) && isset($tmparray[$question->triggeredQuestion[0]->triggered_question]) && !is_array($tmparray[$question->triggeredQuestion[0]->triggered_question]) && in_array($tmparray[$question->triggeredQuestion[0]->triggered_question], $tmparrs)) {
                                                    $display_div =  'block';
                                                    $cls_div = '';
                                                }
                                                else {
                                                    $display_div =  'none';
                                                }

                                            } else {
                                                if($question->triggeredQuestion[0]->trigger_answer) {
                                                $cls_name = str_replace([' ', '/'], '_', $question->triggeredQuestion[0]->trigger_answer).'_'.$question->triggeredQuestion[0]->triggered_question;
                                                $cls_name = preg_replace("/[^a-zA-Z0-9_]+/", "_", $cls_name);
                                                $display_div = (is_array($tmparray) && isset($tmparray[$question->triggeredQuestion[0]->triggered_question]) && $tmparray[$question->triggeredQuestion[0]->triggered_question] == $question->triggeredQuestion[0]->trigger_answer) ? 'block' : 'none';
                                                if (isset($tmparray[$question->triggeredQuestion[0]->triggered_question]) && is_array($tmparray[$question->triggeredQuestion[0]->triggered_question])){
                                                        if (in_array($question->triggeredQuestion[0]->trigger_answer, $tmparray[$question->triggeredQuestion[0]->triggered_question])) {
                                                            $display_div = 'block';
                                                        }
                                                    }
                                                }
                                            }

                                        }
                                        @endphp
                                        <div id="div_{{$question->id}}" class="row bg-transparent {{$cls_div}} {{$myclass}} {{$cls_name}}" style="display:{{$display_div}}">
                                            <div class="col-12">
                                                <p>{{ $question->question_text }}</p>
                                                <div class="form-group mb-0">
                                                @php
                                                    $srtchecked = '';
                                                @endphp
                                                    @if( 'True_or_False' == $question->question_type || 'Yes_or_No' == $question->question_type )
                                                    @php
                                                    $str_chk = '';
                                                    $tQstArr = array();
                                                    $tmparr = array();
                                                    $tval = 0;

                                                    if(isset($repAnsArr[$question->id]) && isset($repAnsArr[$question->id][$question->question_type]) && !empty($repAnsArr)) {
                                                        $srtchecked = (isset($repAnsArr[$question->id][$question->question_type])) ? $repAnsArr[$question->id][$question->question_type] : '';
                                                    }
                                                    $arr_option = explode(",", $question->question_option);
                                                    if(isset($question->triggered_question)) {
                                                    $tQarr = json_decode($question->triggered_question);
                                                    }
                                                    if (isset($tab->triggerQuestion)) {
                                                        foreach ($tab->triggerQuestion as $trgkey => $trgquestion) {
                                                            if ($question->id == $trgquestion->triggered_question) {
                                                                $tQstArr[$trgquestion->trigger_answer] = $trgquestion->question_id;
                                                                $tval = $trgquestion->question_id;
                                                            }
                                                        }
                                                    }
                                                    $tmparr = json_encode($tQstArr);

                                                    @endphp
                                                    <input type="hidden" name="hid_{{ $question->id }}" id="hid_{{ $question->id }}" value="{{$tmparr}}">
                                                    @foreach ( $arr_option as $option )
                                                    @php
                                                    if ($srtchecked == $option) {
                                                        $str_chk = 'checked="checked"';
                                                        $tmp_trg_qst_arr[] = $tval;
                                                        $tmparray[$question->id] = $option;
                                                    } else {
                                                        $str_chk = '';
                                                    }
                                                    $cleanval = preg_replace("/[^a-zA-Z0-9_.]/", "_", $option);
                                                    @endphp
                                                    <div class="custom-control custom-radio mb-2">
                                                        <input onchange="handleChange('{{$cleanval}}',{{$question->id}},'{{$question->question_type}}');" type="radio" id="{{$option}}{{ $question->id }}" {{$str_chk}} name="ans_arr[{{$question->question_type}}__{{ $question->id }}]" value="{{$option}}" class="custom-control-input">
                                                        <label class="custom-control-label text-third" for="{{$option}}{{ $question->id }}">{{$option}} </label>
                                                    </div>
                                                    @endforeach
                                                    @endif


                                                    @if( 'Multiple_Select' == $question->question_type )
                                                        @php
                                                            $arr_choice = explode(",", $question->question_option);
                                                            $p = 0;
                                                            $option_arr = array();
                                                            if(isset($repAnsArr[$question->id]) && isset($repAnsArr[$question->id][$question->question_type]) && !empty($repAnsArr)) {
                                                                $option_arr = json_decode($repAnsArr[$question->id][$question->question_type], true);
                                                            }
                                                        @endphp

                                                        @foreach ( $arr_choice as $option )
                                                            @php
                                                                $xsrtchecked = '';
                                                                $xstr_chk = '';
                                                                if(isset($option_arr) && !empty($option_arr)) {
                                                                    if(isset($option_arr[$option])) {
                                                                        $xstr_chk = 'checked="checked"';
                                                                        $srtchecked = $option_arr[$option];
                                                                        $tmparray[$question->id][] = $option;
                                                                    }
                                                                }
                                                                $clsname = 'cls'.$question->question_type.$question->id;
                                                            $cleanval = preg_replace("/[^a-zA-Z0-9_.]/", "_", $option);    
                                                            @endphp
                                                            <div class="custom-control custom-checkbox  mb-2">
                                                                <input onchange="handleChange('{{$cleanval}}',{{$question->id}},'{{$question->question_type}}');" type="checkbox" {{$xstr_chk}} id="chk-{{ $question->id }}{{$p}}" name="ans_arr[{{$question->question_type}}__{{ $question->id }}][{{$option}}]" value="{{$option}}" class="custom-control-input {{$clsname}}">
                                                                <label class="custom-control-label text-third" for="chk-{{ $question->id }}{{$p}}">{{$option}} </label>
                                                            </div>
                                                            @php
                                                                $p++;
                                                            @endphp
                                                        @endforeach
                                                    @endif

                                                    @if( 'Multiple_Choice' == $question->question_type )
                                                    @php
                                                    $arr_choice = explode(",", $question->question_option);
                                                    $p = 0;
                                                    @endphp

                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <select id="select-{{ $question->id }}{{$p}}" class="handleChange form-control" name="ans_arr[{{$question->question_type}}__{{ $question->id }}]" data-option="select" data-questionId="{{$question->id}}" data-questionType="{{$question->question_type}}">
                                                                <option value="">Select</option>
                                                                @foreach ( $arr_choice as $option )
                                                                @php
                                                                $mctval = '';
                                                                if(isset($repAnsArr[$question->id]) && isset($repAnsArr[$question->id][$question->question_type]) && !empty($repAnsArr)) {
                                                                    $srtchecked = $repAnsArr[$question->id][$question->question_type];
                                                                    if($option == $repAnsArr[$question->id][$question->question_type]) {
                                                                        $mctval =  'selected';
                                                                        $tmparray[$question->id] = $option;
                                                                    }
                                                                }
                                                                @endphp
                                                                <option value="{{ $option }}" {{$mctval}}>{{$option}}</option>
                                                                @php
                                                                $p++;
                                                                @endphp
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    @endif

                                                    @php
                                                        $srtchecked = '';
                                                    @endphp

                                                    @if( 'Date' == $question->question_type || 'Number' == $question->question_type || 'Short_Answer' == $question->question_type )
                                                    @php
                                                    $ysrtval = '';
                                                    if(isset($repAnsArr[$question->id]) && isset($repAnsArr[$question->id][$question->question_type]) && !empty($repAnsArr)) {
                                                        $ysrtval = (isset($repAnsArr[$question->id][$question->question_type])) ? $repAnsArr[$question->id][$question->question_type] : '';
                                                        $srtchecked = $ysrtval;
                                                        $tmparray[$question->id] = $ysrtval;
                                                    }
                                                    $hasDatepicker = ( 'Date' == $question->question_type ) ? 'form_date' : '';
                                                    $cleanval = preg_replace("/[^a-zA-Z0-9_.]/", "_", $ysrtval);
                                                    @endphp
                                                    <input type="text" onchange="handleChange('{{$cleanval}}',{{$question->id}},'{{$question->question_type}}');" class="form-control {{$hasDatepicker}}" name="ans_arr[{{$question->question_type}}__{{ $question->id }}]" id="{{$question->question_type}}__{{ $question->id }}" value="{{$ysrtval}}">

                                                    @endif
                                                    @if( 'Free_Text' == $question->question_type )
                                                    @php
                                                    $zsrtval = '';
                                                    if(isset($repAnsArr[$question->id]) && isset($repAnsArr[$question->id][$question->question_type]) && !empty($repAnsArr)) {
                                                        $zsrtval = (isset($repAnsArr[$question->id][$question->question_type])) ? $repAnsArr[$question->id][$question->question_type] : '';
                                                    }
                                                    @endphp
                                                    <textarea onchange="ajaxsave({{$question->id}},'{{$question->question_type}}');" id="Free_Text_{{ $question->id }}" name="ans_arr[{{$question->question_type}}__{{ $question->id }}]" class="form-control" cols="30" rows="4">{{$zsrtval}}</textarea>
                                                    @endif
                                                </div>

                                            </div>
                                            <hr class="w-100">
                                        </div>
                                        @endif
                                        @endif





                                        @endforeach
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                        $j++;
                        @endphp
                        @endforeach
                    </div>
                </div>
                <!-- END: tabs-->
            </div>
        </div>
</form>

<script>
function ajaxsave(question_id,question_type) {
    var ajax_save_url = $( "#ajax_save_url").val();
    var csrf_token = "{{ csrf_token() }}";
    var report_ids = $( "#report_ids").val();
    var report_name = $( "#report_name").val();
    var inputname = question_type+"__"+question_id;
    if('Multiple_Select' == question_type) {
        var inputname = 'cls'+question_type+question_id;
        var text_answer = [];
        $("."+inputname+":checked").each(function() {
            text_answer.push($(this).val());
        });
    } else if ('Yes_or_No' == question_type) {
        var text_answer = $("input[name='ans_arr["+inputname+"]']:checked").val();
    } else if ('True_or_False' == question_type) {
        var text_answer = $("input[name='ans_arr["+inputname+"]']:checked").val();
    } else if ('Multiple_Choice' == question_type) {
        var text_answer = $("input[name='ans_arr["+inputname+"]']:checked").val();
    } else if ('Free_Text' == question_type) {
        var text_answer = $("textarea[name='ans_arr["+inputname+"]']").val();
    } else {
        var text_answer = $("input[name='ans_arr["+inputname+"]']").val();
    }
    $("#save_submit_button").attr("disabled", true);   
    $(".loader").hide();
    $.ajax({
        type: 'POST',
        url: ajax_save_url,
        data: {
            'question_id': question_id,
            'question_type': question_type,
            'text_answer': text_answer,
            'report_ids': report_ids,
            'report_name': report_name
        },
        beforeSend: function(xhr) {
            xhr.setRequestHeader('X-CSRF-Token', csrf_token);
        },
        success: function(response) {
            if (response.success == false) {
                $( "#report_ids").val(response.reports_id);
                $("#save_submit_button").attr("disabled", false);
                $(".loader").hide();
            }
        },
    });
    $("#save_submit_button").attr("disabled", false);
    $(".loader").hide();
}
</script>
@endsection