@extends("common.layout")

@php
    $page_title = $promotion->name;
    $totalCount = 1946;
@endphp

@section('page-title', $page_title)

@section("content")
<h1>
    <a href="{{ route('promotion.event.list') }}">{{ $page_title }}</a>
</h1>
@php
    $pendingCnt = isset($static['pending']) ? $static['pending'] : 0;
    $appliedCnt = isset($static['applied']) ? $static['applied'] : 0;
@endphp
<div class="col-md-12 mb-3">
    <div class="summary-wrap">
        <div class="summary-box" style="--box-color: var(--bs-dark); --box-size: 240px">
            <div class="summary-title">
                <i class="bi bi-people-fill"></i>
                <span>총 인원</span>
            </div>
            <div class="help-text">* 리뉴얼 전 회원 중 번호 중복된 회원(불변)</div>
            <div class="summary-text">{{ number_format($totalCount) }}</div>

        </div>
        <div class="summary-box" style="--box-color: var(--bs-primary); --box-size: 240px">
            <div class="summary-title">
                <i class="bi bi-person-fill"></i>
                <span>대상자</span>
            </div>
            <div class="help-text">* 이벤트 기간 중 로그인 한 회원 </div>
            <div class="summary-text">{{ number_format( $pendingCnt) }}</div>

        </div>
        <div class="summary-box" style="--box-color: var(--bs-success); --box-size: 240px">
            <div class="summary-title">
                <i class="bi bi-person-check-fill"></i>
                <span>참여자</span>
            </div>
            <div class="help-text">* 이벤트 기간 중 로그인 하고, 번호 변경한 회원 </div>
            <div class="summary-text">{{ number_format( $appliedCnt ) }}</div>

        </div>
        <div class="summary-box" style="--box-color: var(--bs-warning); --box-size: 240px">
            <div class="summary-title">
                <i class="bi bi-person-fill-slash"></i>
                <span>미대상자</span>
            </div>
            <div class="help-text">* 이벤트 기간 중 로그인하지 않은 회원</div>
            <div class="summary-text">{{ number_format($totalCount - $pendingCnt - $appliedCnt  ) }}
                <a href="{{ route("user.list") }}?activated=2" class="btn btn-sm btn-link p-0" target="_blank">보러가기</a>
            </div>
        </div>
    </div>
</div>

<section>
    <main>
        <div style="display: flex; align-items: center; justify-content: space-between;" >
            <form action="{{ route('promotion.event.detail', $promotion->id) }}" class="search-form" method="GET">
                <div class="search-input-wrap">
                    <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
                    <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
                    <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'id' }}">
                    <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="status">상태</label>
                        <select class="form-select" name="status" id="status">
                            <option value="" @selected(empty(Request::get("status")))>전체</option>
                            @foreach ($status as $key => $val)
                                @if ($key == 'EXPIRED') { @continue } @endif
                                <option value="{{ $key }}" @selected(Request::get("status") == $key)>{{ $val }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
            </form>
            <div class="button-wrap">
                {{-- <button onclick="excelDownload('.search-form', '{{ route('api.promotion.event.excel', ['id' => $promotion->id ]) }}')" class="btn btn-success">
                    <i class="bi bi-file-earmark-excel-fill"></i>
                    엑셀다운로드
                </button> --}}
            </div>
        </div>
    </main>
</section>

<section class="col-12 mt-3">
    <header>
        <h6>총 <strong>{{ $list->total() }}</strong>명</h6>
    </header>

    <main>
        <table class="table table-hover table-striped">
            <colgroup>
                <col width="3%" data-field="ID">
                <col width="5%" data-field="회원명">
                <col width="5%" data-field="아이디">
                <col width="10%" data-field="이메일">
                <col width="7%" data-field="연락처">
                <col width="5%" data-field="마케팅 수신동의">
                <col width="10%" data-field="가입경로">
                <col width="10%" data-field="가입일시">
                <col width="10%" data-field="마지막로그인">
                <col width="5%" data-field="참여여부">
                <col width="10%" data-field="참여경로">
            </colgroup>
            <thead>
                <tr class="text-center">
                    <th>ID</th>
                    <th>회원명</th>
                    <th>아이디</th>
                    <th>이메일</th>
                    <th>연락처</th>
                    <th>마케팅 수신동의</th>
                    <th>가입경로</th>
                    <th>가입일시</th>
                    <th>마지막로그인</th>
                    <th>참여여부</th>
                    <th>참여경로</th>
                </tr>
            </thead>
            <tbody>
                @foreach ( $list as $item )
                    @php
                        $user = $item->user;
                        $userDetailRoute = route('user.detail') . "/{$user?->id}";
                        $metadata = $item->status == 'APPLIED' ? json_decode($item->metadata, 1) : [];
                    @endphp
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>
                            @if (!empty($user->photo))
                                <img class="thumbnail" src="{{ $user->photo_url }}">
                            @endif
                            <a href="{{$userDetailRoute}}" target="blank_">{{ $user->name }}</a>
                        </td>
                        <td>{{ $user->edm_id }}</td>
                        <td>{{ $user->getPlain('email') }}</td>
                        <td class="number">
                            @if ($user->phone_code and $user->phone_code!='82') +{{ $user->phone_code }} @endif
                            {{ \BaseHelper::formatPhoneNumber($user->getPlain('phone')) }}
                        </td>

                        <td class="text-center">
                            @if($user->is_accepted_email)
                                <span class="badge badge-icon badge-info font-lg"><i class="bi bi-at"></i></span>
                            @endif
                            @if($user->is_accepted_phone)
                                <span class="badge badge-icon badge-warning font-lg"><i class="bi bi-phone-vibrate"></i></span>
                            @endif
                        </td>
                        <td class="text-center"><x-service-name service="{{ $user->service }}" /></td>
                        <td class="text-center number">{{ $user->created_at }}</td>
                        <td class="text-center number">{{ $user->last_signed_at }}</td>
                        <td class="text-center">
                            <span @class(["badge",
                                "badge-primary" => $item->status == 'PENDING' ,
                                "badge-success" => $item->status == 'APPLIED',
                                "badge-warning" => $item->status == 'EXPIRED',
                            ])>{{ $status[$item->status] }}</span>

                            @if ( $item->status == 'APPLIED' )
                                <div class="font-sm">
                                    ({{ date('Y-m-d H:i', strtotime($item->used_at)) }})
                                </div>
                            @endif
                        </td>
                        <td class="text-center">{{ isset($metadata['root']) ? $metadata['root'] : "-" }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $list->links() }}

            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected( Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == null || Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>

@endsection