@extends('desktop.layouts.app')

@section('content')
<div class="container">
    <div id="accountProfile" class="account profile">
        <div class="row">
            <div class="col border-end">
                @include('desktop.account.navTabs')
            </div>
            <div class="col">
                <h3>내 정보</h3>
                <hr/>

                <table class="table table-bordered">
                    <colgroup>
                        <col width="15%"/>
                        <col width="35%"/>
                        <col width="15%"/>
                        <col width="35%"/>
                    </colgroup>
                    <tr>
                        <th>ID</th>
                        <td>{{ $member->uid }}</td>
                        <th rowspan="2">프로필 이미지</th>
                        <td rowspan="2">
                            <img src="{{ asset($member->photo ?? '/images/profile_default.gif') }}" class="mr-3" width="{{ PHOTO_MAX_WIDTH - 36 }}" height="{{ PHOTO_MAX_HEIGHT - 36 }}" onerror="this.src='/images/default_profile.gif'"/>
                        </td>
                    </tr>
                    <tr>
                        <th>이름</th>
                        <td>{{ $member->username }}</td>
                    </tr>
                    <tr>
                        <th>E-mail</th>
                        <td>{{ $member->email }}</td>
                        <th>연락처</th>
                        <td>{{ $member->phone }}</td>
                    </tr>
                    <tr>
                        <th>등급</th>
                        <td>{{ ($memberGrade->kor_name ?? '') . ' (' . ($memberGrade->eng_name ?? '') . ')' }}</td>
                        <th>적립금(P)</th>
                        <td>{{ number_format($member->point) }}</td>
                    </tr>
                    <tr>
                        <th>닉네임</th>
                        <td>{{ $member->nickname }}</td>
                        <th>본인 인증</th>
                        <td>
                            @if($member->is_auth_cert)
                                <span class="text-success">완료</span><br/>
                                <span class="text-muted">, ({{ $member->auth_certed_at }})</span>
                            @else
                                <span class="text-danger">안함</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>최근 로그인 일시</th>
                        <td>{{ $member->last_login_at }}</td>
                        <th>비밀번호 변경 일시</th>
                        <td>{{ $member->password_updated_at }}</td>
                    </tr>
                    <tr>
                        <th>정보 수정 일시</th>
                        <td>{{ $member->updated_at }}</td>
                        <th>회원가입 일시</th>
                        <td>{{ $member->created_at }}</td>
                    </tr>
                    <tr>
                        <th>자기 소개</th>
                        <td colspan="3">{{ $member->about_me }}</td>
                    </tr>
                </table>
                <div class="row g-2">
                    <div class="col-auto">
                        <a href="{{ route('account.modify') }}" class="btn btn-default">회원 정보 수정</a>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('account.password') }}" class="btn btn-default">비밀번호 변경</a>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('account.loginLog') }}" class="btn btn-default">로그인 기록</a>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('account.leave') }}" class="btn btn-default">회원탈퇴</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
    <link href="{{ asset('css/desktop/account.css') }}" rel="stylesheet"/>
@endpush