@extends('admin.layouts.app')
@section('content')
<style>
    #DataTables_Table_0_paginate {
        display:none;
    }
    #DataTables_Table_0_length {
        display:none;
    }
    #DataTables_Table_0_info {
        display:none;
    }
</style>

@if(Session::has('file_url'))
@php
$file_url = Session::get('file_url');
Session::forget('file_url');
@endphp
@endif
<script>
@if ($file_url)
var d=new Date();
var fileLink = document.createElement('a');
fileLink.href = "{{$file_url}}?"+d.getTime();
fileLink.setAttribute('download', "filter.xls");
fileLink.setAttribute('target', "_blank");
document.body.appendChild(fileLink);
fileLink.click();
@endif

    $(document).ready(function() {
        $("input:checkbox.columns").each(function(){
			if($(this).prop('checked') == true){
				var cls = $(this).val();
				if( $('th.'+cls).length > 0){ 
                    $('th.'+cls).removeClass('hide');
                }
                if( $('td.'+cls).length > 0){ 
				    $('td.'+cls).removeClass('hide');
                }
			}
		});
        var options = [];

        $('.dropdown-menu a').on('click', function(event) {
            var $target = $(event.currentTarget),
                val = $target.attr('data-value'),
                $inp = $target.find('input'),
                idx;
            if ((idx = options.indexOf(val)) > -1) {
                options.splice(idx, 1);
                setTimeout(function() {
                    $inp.prop('checked', false)
                }, 0);
            } else {
                options.push(val);
                setTimeout(function() {
                    $inp.prop('checked', true)
                }, 0);
            }

            $(event.target).blur();
            showhideops = [];
            $("input:checkbox.columns").each(function(){
                showhideops.push($(this).val());
            });
            // var showhideops = ["Questionnaire_Title", "Answer", "Attended_By", "Date"];
            if (showhideops.includes($inp.attr("id"))) {
                //if ($inp.prop('checked')) {
                if ((idx = options.indexOf(val)) > -1) {
                    $('.' + $inp.attr("id")).show();
                } else {
                    $('.' + $inp.attr("id")).hide();
                }
            }
            return false;
        });

    });

    function validateFilterForm(action = '') {
        if('delete' == action) {
            $("input[name='bulk-action']").val(action);
            $("#list-action-modal").modal("show");
        } else {
            var str = document.getElementById("title").value;
            if (str && str.trim().length) {
                $("#divfilter").hide();
                $("#save").val('Save');
                $("#frmaddedit").submit();
                return true;
            }
            $("#divfilter").show();
            return false;
        }
    }
    
</script>
<div class="modal fade" id="list-action-modal" tabindex="-1" role="dialog" aria-labelledby="confirmDeleteSubmitLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2><b>Confirm</b></h2>
            </div>
            <div class="modal-body">
                <div id="dependent_msg"></div>
                Are you sure you want to <b class="modal-action-name"></b> the selected
                @if(collect(request()->segments())->last() == 'team') team member(s) 
                @elseif(collect(request()->segments())->last() == 'documents') document(s) @else 
                {{ collect(request()->segments())->last() }}(s) @endif?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
                <a href="#" id="list-action-submit" class="btn btn-primary">Submit</a>
            </div>
        </div>
    </div>
</div>

<form method="post" action="{{  route('report.list')  }}" name="frmaddedit" id="frmaddedit">
    @csrf
    <input type="hidden" name="bulk-action" value="">
    <div class="row mx-0 my-3">
        <div class="col-6">
            <h1 class="page-title">
            Reviews
            </h1>
        </div>
        <div class="top-btn-box col-6" id="normal_btns">
            <div class="top-btn-box d-flex justify-content-end align-items-center h-100">
                <!--  <a tabindex="1" href="javascript:void(0)" class="btn btn-primary mr-1 search-btn btn-sm show hide"
                id="search-btn">
                <i class="icon-search-icon top-icon"></i>
                <span class="btn-title">{{ __('common.search') }}</span>
            </a> -->
                @if ( 3 == Auth::user()->user_type_id )

                <a tabindex="2" href="{{route('report.reports')}}" class="btn btn-primary addnew-btn" id="add-btn">
                    <i class="icon-addnew top-icon"></i>
                    <span class="btn-title">{{ __('common.add') }} Review</span>
                </a>
                <a class="btn btn-primary addnew-btn ml-3" href="{{ route('dashboards') }}">Back</a>

                @else
                <a class="btn btn-primary addnew-btn ml-3" href="{{ route('organization.index') }}">Back</a>
                @endif
            </div>
        </div>
        <div class="top-btn-box hide col-6" id="action_btns">
        <div class="top-btn-box d-flex justify-content-end align-items-center h-100 ">        
                <a href="javascript:void(0)" class="btn btn-dark delete-btn  ml-3" onclick="return validateFilterForm('delete');">
                <i class="icon-close-icon top-icon"></i>
                <span class="btn-title">{{ __('common.delete') }}</span>
            </a>
            </div>
        </div>
        <input type="hidden" id="organization_id" name="organization_id" value="{{ $organization_id  }}">
        <input type="hidden" id="listpage" name="listpage" value="1">
        <input type="hidden" id="order_by" name="order_by" value="{{ $order_by }}">
        <input type="hidden" id="order" name="order" value="{{ $order }}">
        <input type="hidden" id="page" name="page" value="{{ $page }}">
        <input type="hidden" id="per_page_rec_count" name="per_page_rec_count" value="{{ !empty($per_page) ? $per_page : 100 }}">

        <div class="filter bg-white p-2 m-3 w-100 ">
            <div class="form-row align-items-center">
                <div class="col-auto my-1 text-third">
                    <img height="40" src="{{ asset('assets/admin/images/cms/filter_icon.svg') }}">
                    @php
                    $className = ($isfiltered) ? 'btn-success' : '';
                    @endphp
                    <button class="export {{$className}} btn btn-primary addnew-btn" type="submit" name="reset" value="reset">
                        Filter
                    </button>

                </div>

                <div class="col-lg-1 col-md-4 col-xs-6 my-1 form-group">
                    <input placeholder="Start Date" name="start_date" id="start_date" type="text" value="{{$data['start_date']}}" readonly class="form-control form_date border-0">
                </div>

                <div class="col-lg-1 col-md-4 col-xs-6 my-1">
                    <input placeholder="End Date" type="text" name="end_date" id="end_date" value="{{$data['end_date']}}" readonly class="form-control form_date border-0">
                </div>


                <div class="button-group dropdown-checkbox col-lg-2 col-md-4 col-xs-6 my-1">
                    <button type="button" class="btn w-100 text-left dropdown-toggle" data-toggle="dropdown">
                        Columns
                        <span class="caret text-right"></span>
                    </button>
                    <ul class="dropdown-menu " style="overflow-y: scroll;height:400px;">
                    @php
                        $cnt = 0;
                    @endphp
                        @if (isset($questions))
                        @foreach ($questions as $qkey => $question)
                        @php
                        $srt_selected = (isset($data['title_question_id']) && is_array($data['title_question_id']) && in_array($question->id,$data['title_question_id']) ) ? 'checked="checked"' : '';
                        
                            if( isset($data['column_id']) && is_array($data['column_id']) ) {
                                $checked = '';
                                if (in_array('columns'.$question->id,$data['column_id'])) {
                                    $checked = 'checked="checked"';
                                }
                            }
							else{
								$checked = ($cnt < 5) ? 'checked="checked"' : '';
							}
                        @endphp
                        <li class="my-2">
                            <a href="#" class="d-block" data-value="{{ $cnt }}option1" tabIndex="-1">
                                <div class="custom-control custom-checkbox mr-sm-2">
                                    <input {{$checked}} value="columns{{ $question->id }}" name="columns[]" id="columns{{ $question->id }}" class="columns custom-control-input" {{$srt_selected}} type="checkbox" />
                                    <label class="custom-control-label" for="columns{{ $question->id }}">{{ $question->heading }}</label>
                                </div>
                            </a>
                        </li>
                        @php
                            $cnt++;
                        @endphp
                        @endforeach
                        @endif
                    </ul>
                </div>
                </tr>

            </div>

        </div>
        <!-- FilterModalStart -->
        <div class="modal fade" id="filterModalLabel" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Save</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="recipient-name" class="col-form-label">Filter name:</label>
                            <input type="text" class="form-control" id="title" name="title">
                            <div id="divfilter" class="errormessage hide">The Filter Name is required.</div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" onclick="return validateFilterForm()" name="save2" value="" class="btn btn-primary">Save</button>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" name="save" id="save" value="">
        <!-- FilterModalEnd -->
        <div class="col-12 photos-main">
            <div class="select_filter p-2">
                <div class="text-md-right">
                    <div class="form-inline d-md-inline-block">
                        <div class="form-group ml-md-auto">
                            <label>Select Filter:</label>
                            <select class="form-control mx-sm-3 border-0" id="filter_id" name="filter_id" onchange="this.form.submit()">
                                <option selected>Questionnaire Title</option>
                                @if (isset($filters) && !empty($filters))
                                @foreach ($filters as $key => $filter)
                                @php
                                $fsrt_selected = ( isset($filter_id) && $filter_id == $filter->id ) ? 'selected="selected"' : '';

                                @endphp
                                <option {{$fsrt_selected}} value="{{$filter->id}}">{{$filter->title}}</option>
                                @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="buttons d-inline-block">
                        <button class="save" type="button" name="save1" value="Save1" data-toggle="modal" data-target="#filterModalLabel">
                            <img height="40" src="{{ asset('assets/admin/images/cms/save.svg') }}">
                        </button>
                        <button class="delete" type="submit" name="delete" value="delete">
                            <img height="40" src="{{ asset('assets/admin/images/cms/delete.svg') }}">
                        </button>
                        <button class="export" type="submit" name="export" value="export">
                            <img height="40" src="{{ asset('assets/admin/images/cms/export.svg') }}">
                        </button>
                        <a href="{{ route('report.list') }}">
                            <button class="export" type="button" name="reset" value="reset">
                                <img height="40" src="{{ asset('assets/admin/images/cms/reset.svg') }}">
                            </button>
                        </a>
                    </div>
                </div>

            </div>

            <!-- <table class="admintable table table-hover mb-0" width="100%"> -->
            <div class="table-responsive">

            <table class="admintable table table-hover mb-0" width="100%">
                <thead>
                    <tr>
                        <th class="hide nosort" scope="col"><!-- this blank column is for primary column --></th>
                        <th class="active-box status-column hide nosort" scope="col"><i class="sort"></i></th>
                        <th class="check-box nosort" scope="col"></th>
                        <th scope="col" class="control nosort"><!-- this blank column is responsive controll --></th>
                         <th width="15%" scope="col" class="nosort">Completed</th>
                        <th width="15%" scope="col" class="nosort">Attachments</th>
                        <th class="Questionnaire_Title nosort position-relative">
                        <a href="{{ $reports->appends(prepareInputRequestArray(['order_by'=>'report_name', 'order' => Request::get('order_by') == 'report_name' && Request::get('order') == 'asc' ? 'desc' : 'asc' ]))->url(1) }}" class="left cst-sorting">
                        <span class="text-dark">Review Name</span>
                        <span class="ascending-icon {{ addOrderByCSSClass('report_name') }}"></span>
                                                </a>
                            <div class="dropdown-checkbox float-right">
                                <button type="button" class="btn w-100 text-left dropdown-toggle" data-toggle="dropdown">
                                    <span class="caret text-right"></span>
                                </button>
                                @php
                                $countanswer = (isset($answers) && !empty($answers)) ? count($answers) : 0;
                                $ulheight = ($countanswer > 5) ? 'overflow-y: scroll;height:150px;' : 'height:auto;';
                                @endphp
                                <ul class="dropdown-menu w-auto" style="{{$ulheight}}">
                                <li class="my-2">
                                @if (isset($answers) && !empty($answers))
                                @foreach ($answers as $skey => $sdata)
                                @if (isset($sdata->id) && !empty($sdata))
                                @php
                                $ischecked = (isset($data['report_name']) && is_array($data['report_name']) && in_array($sdata->id,$data['report_name'])) ? ' checked' : '';
                                $rname = ($sdata->report_name) ? $sdata->report_name : $sdata->id;
                                @endphp
                                <a href="#" class="d-block" data-value="option1" tabIndex="-1">
                                <div class="custom-control custom-checkbox">
                                    <input {{$ischecked}} name="report_name[]" id="report_name{{ $sdata->id }}" value="{{ $sdata->id }}" class="custom-control-input" type="checkbox" />
                                    <label class="custom-control-label" for="attend">{{ $rname }}</label>
                                </div>
                                </a>
                                @endif
                                @endforeach
                                @endif
                                </li>
                                </ul>
                            </div>
                        </th>
                        @php
                        $c = 0;
                        @endphp

                        @if (isset($questions) && !empty($questions))
                        @foreach ($questions as $qkey => $question)
                        @php
                        
                        $srt_selected = (isset($data['title_question_id']) && is_array($data['title_question_id']) && in_array($question->id,$data['title_question_id']) ) ? 'checked="checked"' : '';
                        $cls_hide =  'hide';
                        $data_priority="";
                        if( isset($data['column_id']) && is_array($data['column_id']) ) {
                                if (in_array('columns'.$question->id,$data['column_id'])) {
                                    $cls_hide = '';
                                    $data_priority='data-priority=1';
                                }
                        }
                        @endphp
                        <th {{$data_priority}} class="nosort columns{{ $question->id }} {{$cls_hide}}">{{ $question->heading }}
                        @if ($question->question_type == 'Yes_or_No' || $question->question_type == 'True_or_False' || $question->question_type == 'Multiple_Choice' || $question->question_type == 'Multiple_Select')
                        @php
                        $opArr = array();
                        if ( strpos($question->question_option , ',') ) {
                            $opArr = explode(',',$question->question_option);
                        } else {
                            $opArr[] = $question->question_option;
                        }
                        @endphp
                            @if(is_array($opArr) && !empty($opArr))
                                <div class="dropdown-checkbox float-right">
                                    <button type="button" class="btn w-100 text-left dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret text-right"></span>
                                    </button>
                                    <ul class="dropdown-menu w-auto">
                                    <li class="my-2">
                                    @foreach($opArr as $opt)
                                    @php
                                    $ischecked = '';
                                    $e_opt = str_replace(' ', '_', $opt);
                                    if(isset($data['qst_name']) && is_array($data['qst_name'])) {
                                        if(isset($data['qst_name'][$question->question_type]) &&
                                            isset($data['qst_name'][$question->question_type][$e_opt]) &&
                                            isset($data['qst_name'][$question->question_type][$e_opt][$question->id])) {
                                                if ($opt == $data['qst_name'][$question->question_type][$e_opt][$question->id]){
                                                    $ischecked = ' checked';
                                                }
                                        }
                                    }
                                    @endphp
                                    <a href="#" class="d-block" data-value="option1" tabIndex="-1">
                                    <div class="custom-control custom-checkbox">
                                        <input {{$ischecked}} name="qst_name[{{$question->question_type}}][]" id="qst_name{{$question->id}}{{$opt}}" value="{{ $opt }}" class="custom-control-input" type="checkbox" />
                                        <label class="custom-control-label" for="attend">{{ $opt }}</label>
                                    </div>
                                    </a>
                                    @endforeach
                                    </li>
                                    </ul>
                                </div>

                            @endif
                        @endif
                        </th>
                        @php
                        $c++;
                        @endphp
                        @endforeach
                        @endif

                    </tr>
                </thead>
                <tbody>
                    @if (isset($filter_data) && !empty($filter_data))
                    @foreach ($filter_data as $sdata)
                    @php
                    $qnt = 0;
                    $cls_hide = '';
                    @endphp
                    @if (isset($sdata['report_id']) && $sdata['report_id'] > 0)

                    <tr>
                        <td class="active-box hide">
                            <i style="display:none">{{ $sdata['name'] }}</i>
                        </td>
                        <td class="active-box hide"></td>

                        <td class="check-box">
                            <div class="custom-control custom-checkbox text-center">
                                <input type="checkbox" class="custom-control-input action-checkbox"
                                    id="filled-in-box_{{ $sdata['report_id'] }}" name="id[]" value="{{$sdata['report_id']}}">
                                <label class="custom-control-label"
                                    for="filled-in-box_{{ $sdata['report_id'] }}">&nbsp;</label>
                            </div>
                        </td>
                        <td>

                        </td>
                        <td>
                        <div class="custom-control custom-switch">
                            @php
                            $ischecked = (isset($sdata['complete']) && $sdata['complete'] == 1) ? 'checked="checked" ' : '';
                            @endphp
                            <input type="hidden" name="completestatus_{{ $sdata['report_id'] }}_604" id="completestatus_{{ $sdata['report_id'] }}" value="1">
                            <input {{$ischecked}} type="checkbox" class="custom-control-input" {{$ischecked}} name="completestatus[]"    vaule="1" onchange=ChangeCompletestatus({{$sdata['report_id']}})  id="customSwitch_completestatus_{{ $sdata['report_id'] }}">
                            <label class="custom-control-label" for="customSwitch_completestatus_{{ $sdata['report_id'] }}"></label>
                        </div>
                        </td>
                        <td>
                        <a href="{{ route('report.documents', $sdata['report_id']) }}">
                            <img height="25" src="{{ asset('assets/admin/images/cms/attachment.svg') }}">  ({{ $sdata['total_documents'] }})
                        </a>
                        </td>
                        @if (isset($sdata['name']) && !empty($sdata['name']))
                        <td class="Questionnaire_Title"><a href="{{ route('report.edit', $sdata['report_id']) }}">{{ $sdata['name'] }}</a></td>
                        @else
                        <td class="Questionnaire_Title"><a href="{{ route('report.edit', $sdata['report_id']) }}">{{ $sdata['report_id'] }}</a></td>
                        @endif
                        @php
                        $qtype = '';
                        $qid = 0;
                        $str = '';
                        $val = '';
                        if (isset($qarray) && !empty($qarray)) {
                        foreach($qarray as $rsval) {
                        $cls_hide = 'hide';
                        $data_priority="";
                        $qtype = (isset($filter_data[$sdata['report_id']]['question_type'][$rsval])) ? $filter_data[$sdata['report_id']]['question_type'][$rsval] : '';
                        $qid = $rsval;
                        if( isset($data['column_id']) && is_array($data['column_id']) ) {
                                if (in_array('columns'.$qid,$data['column_id'])) {
                                    $cls_hide = '';
                                    $data_priority='data-priority=1';
                                }
                        }
                        if ( 'Multiple_Select' == $qtype ) {
                            $str = '';
                            if(isset($filter_data[$sdata['report_id']]['text_answer'][$rsval])){
                                $tmp = json_decode($filter_data[$sdata['report_id']]['text_answer'][$rsval], true);
                                if(!empty($tmp) && is_array($tmp)) {
                                    foreach($tmp as $Ky => $t) {
                                        $str .= $Ky.',';
                                    }
                                }
                                $str = trim($str,',');
                            }
                        } else {
                            $val = '';
                            if(isset($filter_data[$sdata['report_id']]['text_answer'][$rsval])){
                                $val = $filter_data[$sdata['report_id']]['text_answer'][$rsval];
                            }
                        }
                        
                        
                        @endphp

                        @if( 'Multiple_Select' == $qtype )
                        <td {{$data_priority}} class="columns{{ $qid }} {{$cls_hide}} " > {{$str}} </td>
                        @else
                        <td {{$data_priority}} class="columns{{ $qid }} {{$cls_hide}} " > {{ $val }}</td>
                        @endif

                        @php
                        $qnt++;
                            }
                        }
                        @endphp
                    </tr>
                    @endif
                    @endforeach
                    @else
                    <tr class="noreocrd">
                        <td colspan="5" class="text-center">
                            No result found
                        </td>
                    </tr>
                    @endif

                </tbody>
            </table>
            @if (isset($filter_data) && !empty($filter_data))
            @include('admin.includes.listpagination', ['model' => $reports])
            @endif
            </div>
        </div>
</form>
<script>
    $('#list-action-submit').click(function() {
        $("#frmaddedit").submit();
    });
</script>
<script>
  function ChangeCompletestatus(id) {
 
     var value = document.getElementById("customSwitch_completestatus_"+ id +"").checked;
     
        $.ajax({
            method: 'POST', // Type of response and matches what we said in the route
            url: "{{ route('report.ajaxreportupdate') }}", // This is the url we gave in the route
            data: {
            'value' : value,
             'reportid':id,
             'url':"{{ route('report.ajaxreportupdate') }}",
            },
            beforeSend: function(xhr) {
            xhr.setRequestHeader('X-CSRF-Token', "{{ csrf_token() }}");
           
           },
             // a JSON object to send back
            success: function(response){ // What to do if we succeed
                console.log(response); 
            },
            error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
            }
        });
    }
</script>
@endsection