@extends('layout.basic.main')
@push('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>コンバージョン(個人)
                                </h2>
                                <br>
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>登録数</th>
                                        <th>検知数</th>
                                        <th>検知率</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>{{ $total_conversion }}</td>
                                        <td>{{ $total_result }}</td>
                                        <td>
                                           {{ $rate }}%
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-4">
                                <div class="profile-box" style="margin-bottom: 0.5em;">
                                    <div class="face">
                                        <img src="{{ !empty($line_user['avatar_url']) ? $line_user['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_info['view_name']}}</span></b>
                                        <small>
                                            <br>
                                            LINE登録名
                                            <b id="member_name" class="has_emoji">{{$line_info['name']}}</b>
                                            本名
                                            <b>{{$line_info['real_name']}}</b>
                                        </small>
                                    </div>
                                </div>
                                <p class="has_emoji text-center" style="background-color: #f0f0f0;">
                                    <small>{{$line_info['status_message']}}</small>
                                </p>
                            </div>
                            <div class="col-sm-4">

                            </div>
                        </div>
                        <hr>
                        <h5>コンバージョン一覧</h5>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>コンバージョン名</th>
                                <th>状態</th>
                                <th>特定日時</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($detail as $k=>$value)
                                <tr @if($value['is_viewed']==1) class="success" @endif>
                                    <td>{{$value['name']}}</td>
                                    <td>
                                        @if($value['is_viewed']==0)
                                        -
                                            @else
                                            検知
                                        @endif
                                    </td>
                                    <td>
                                        @if($value['is_viewed']==0)
                                        -
                                            @else
                                            {{$value['time_visited']}}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <br>
                        <br>
                        <a href="{{route('friendlistMypage',['line_id'=>Request::route('line_user_id')])}}">戻る</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection