@extends('layout.basic.main')
@section('title', 'URL分析（詳細情報）')
@push('css')
<link rel="stylesheet" href="/css/url/detail.css?v={{config("sns-line.version")}}">
@endpush
@section('content')
<article class="col-sm-12">
    <h3 class="url">[<a title="{{ $url->url }}" target="_blank" href="{{ $url->url }}">{{ $url->name }}</a>] 詳細情報</h3>

    <div class="time_send_first">
        <span>初回配信日時</span> <span>{{ \Carbon\Carbon::parse($first_time_send)->format('Y-m-d H:i') }}</span>
    </div>

    <div class="row-tudv">
        <div class="item-detail">
            <h4 class="title-item">開封関連データ（1友だち1回カウント） </h4>
            <div class="row_item">
                <label>① 送信数</label>
                <div>{{ number_format($total_user_send, 0,'.', ',') }}<span style="width: 20px; display: inline-block;">回</span></div>
            </div>
            <div class="row_item">
                <label>② 開封者数</label>
                <div>{{ $total_clicked > $number_visit ? '-' : number_format($number_visit, 0,'.', ',').'人' }}</div>
            </div>
            <div class="row_item">
                <label>開封率（②/①）</label>
                <div>{{ $total_user_send > 0 && $total_clicked <= $number_visit ? number_format(($number_visit/$total_user_send) * 100, 1,'.', ',').'%' : '-'}}</div>
            </div>
            <div class="row_item">
                <a href="{{ route('url.detail.click', ['id' => $url->id, 'type_data' => 3]) }}" class="btn btn-sns-line btn-sns-line-primary" style="width: 250px;padding: 9px 18px;" type="button">詳細確認</a>
            </div>
        </div>
    </div>

    <h4 class="title-item">クリック関連データ</h4>
    <div class="row-tudv">
        <div class="item-detail">
            <div class="title-item-2">全体数値（1友だち複数回カウント）</div>
            <div class="row_item">
                <label>① 総URL送信回数</label>
                <div>{{ number_format($number_sent, 0,'.', ',') }}<span style="width: 20px; display: inline-block;">回</span></div>
            </div>
            <div class="row_item">
                <label>② 総クリック数</label>
                <div>{{ number_format($click_number, 0,'.', ',') }}<span style="width: 20px; display: inline-block;">回</span></div>
            </div>
            <div class="row_item">
                <label>クリック率（②/①）</label>
                <div>{{ $number_sent > 0 ? number_format(($click_number/$number_sent) * 100, 1,'.', ',') : 0 }}<span style="width: 20px; display: inline-block;">%</span></div>
            </div>
            <div class="row_item">
                <a href="{{ route('url.detail.click', ['id' => $url->id, 'type_data' => 1]) }}" class="btn btn-sns-line btn-sns-line-primary" style="width: 250px;padding: 9px 18px;" type="button">詳細確認</a>
            </div>
        </div>
        <div class="item-detail"></div>
        <div class="item-detail" style="margin-top: 30px;">
            <div class="title-item-2">ユニーク数値（1友だち1回カウント）</div>
            <div class="row_item">
                <label>① URL送信人数</label>
                <div>{{ number_format($total_user_send, 0,'.', ',') }}<span style="width: 20px; display: inline-block;">人</span></div>
            </div>
            <div class="row_item">
                <label>② クリック数</label>
                <div>{{ number_format($total_clicked, 0,'.', ',') }}<span style="width: 20px; display: inline-block;">回</span></div>
            </div>
            <div class="row_item">
                <label>クリック率（②/①）</label>
                <div>{{ $total_user_send > 0 ? number_format(($total_clicked/$total_user_send) * 100, 1,'.', ',') : 0 }}<span style="width: 20px; display: inline-block;">%</span></div>
            </div>
            <div class="row_item">
                <a href="{{ route('url.detail.click', ['id' => $url->id, 'type_data' => 2]) }}" class="btn btn-sns-line btn-sns-line-primary" style="width: 250px;padding: 9px 18px;" type="button">詳細確認</a>
            </div>
        </div>
        <div class="item-detail"></div>
    </div>

    <a class="btn btn-sns-line btn-sns-line-secondary" href="/basic/url" style="padding: 6px 40px;">戻る</a>
</article>
@endsection
@push('js')

@endpush