@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"/>
    <link rel="stylesheet" href="/css/friendlist/style.css?v={{config("sns-line.version")}}">
@endpush
@section('content')
    <div class="container-fluid">
        <div class="col-xs-12 col-sm-12 col-md-12  main">
            <div class="row">
                <div class="col-sm-12">


                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-4">
                                <h2 class="diff">フォーム回答(個人)
                                </h2>
                                <br>
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>回答数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>{{$total_type}}種(全{{$total_form}}回)</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-4">
                                <div class="profile-box" style="margin-bottom: 0.5em;">
                                    <div class="face">
                                        <img src="{{$line_user_info['avatar_url'] ? $line_user_info['avatar_url'] : '/images/blank_avatar.png'}}" onerror="this.onerror=null;this.src='/images/blank_avatar.png'" width="150px;" id="member_face">
                                    </div>
                                    <div class="names">
                                        <b class="primary-name"><span id="member_display_name" class="has_emoji">{{$line_user_info['view_name']}}</span></b>
                                        <small>
                                            <br>
                                            LINE登録名
                                            <b id="member_name" class="has_emoji">{{$line_user_info['name']}}</b>
                                            本名
                                            <b>{{$line_user_info['real_name']}}</b>
                                        </small>
                                    </div>
                                </div>
                                <p class="has_emoji text-center" style="background-color: #f0f0f0;">
                                    <small>{{$line_user_info['status_message']}}</small>
                                </p>
                            </div>
                            <div class="col-sm-4">

                            </div>
                        </div>
                        <hr>
                        <h5 class="diff">回答一覧</h5>
                        <hr>
                        <div id="form_result_detail">
                            <div v-for="(item,key) in listResult">
                                <div class="row" >
                                    <div class="col-sm-3">
                                        <b>@{{ item.title }}</b>への回答<br>
                                        (回答日@{{ item.created_at }})<br>
                                    </div>
                                    <div class="col-sm-8">
                                        <b>フォームの回答</b>
                                        <table class="table table-striped table-bordered">
                                            <tbody>
                                            <tr v-for="answer in item.form_answer_detail"
                                                v-if="answer.type != 'text_new' && answer.type != 'description_1' && answer.type != 'upload_file'" v-html="filterContent(answer,item)">

                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <hr>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
            <a href="{{route('friendlistMypage',['line_id'=>Request::route('line_user_id')])}}">戻る</a>
        </div>
    </div>
@endsection
@push('js')
<script src="/plugins/vuejs/vue-resource@1.3.4.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<script src="/js/my_page/answer_form_history.js?v={{config("sns-line.version")}}"></script>
@endpush