@extends('admin.base')

@section('title', 'Feedback')

@section('account_content')

    <div class="ui grid">
        <div class="thirteen wide column">
            <div class ="content">
                <div class="content_top">

                    <div class="content_top_one">
                        <form  class="form-horizontal" method="post" action="{{ route('addQuestions') }}" enctype="multipart/form-data" id="searchForm">
                            <div class="two fields">

                                {{ csrf_field() }}

                                <div style="margin-top: 25px;">
                                    <label style="font-size: 16px; margin-right: 15px;">*{{ __('Add A Question') }}</label>
                                    <div class="ui input">
                                        <input type="text" placeholder="" id="question" name="question" required>
                                    </div>
                                </div>
                                <div style="margin-top: 25px;">
                                    <div class="labelfield">{{ __('Answer Topics') }}</div>
                                    <div class="inputfield">
                                        <input type="text" placeholder="answer option"  name="option[]" class="optionClass" >
                                    </div>
                                    <div class="ui button"  id="add_topic">+</div>
                                </div>
                                <div style="margin-top: 25px;">
                                    <button class="ui button" id="submitID" onclick="return submitForm()">{{__('Submit')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div id="appliedFilters">
                        <table border="1">
                            <tr>
                                <th>{{__('Question')}}</th>
                                <th>{{__('Answer')}}</th>
                                <th>{{__('Action')}}</th>
                            </tr>
                            @foreach($questions as $key => $value)
                                <tr>
                                    <td>{{$value->question}}</td>
                                    <td>{{$value->answerOptions}}</td>
                                    <td><a href="/feedback/deleteQuestions/{{$value->id}}">{{__('Delete')}}</a></td>
                                </tr>
                            @endforeach
                        </table>

                    </div>

                </div>

            </div>
        </div>
    </div>

    <script>
        $("#add_topic").click(function(){
            var topic_html = '';
            topic_html += '<div class="fields"><div class="labelfield"></div>';
            topic_html += '<div class="inputfield">';
            topic_html += '<input type="text" placeholder="answer option" name="option[]" class="optionClass" >';
            topic_html += '</div>';
            topic_html += '</div>';
            var topic_size = $(".optionClass").length;
            if(topic_size>4){
                alert('最多只能添加3个标签');
                return false;
            }
            $("#submitID").before(topic_html);
        });

        function submitForm(){

            if($('#question').val() != '') {
;
                var data = {
                    '_token': "{{ csrf_token() }}"
                };
                var options = [];

                $('input[name^="option"]').each(function () {
                    options.push($(this).val());
                });

                data['value'] = options;
                alert(JSON.stringify(data))

            }else{
                return false;
            }



        }
    </script>
@endsection

@section('breadcrumbs')
    <a href="{{route('admin-landing')}}">Backend Management</a><i class="right angle icon divider"></i><span>FAQ</span>
@endsection