@extends(Auth::user()->role_id === 2 ? 'layouts.admin' : 'layouts.app')

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

@section('content')
<div id="load-page"></div>

<div class='w-100 bg-white'>
    <img src="{{ asset('img/account/banner.png') }}" class='w-100'>
</div>

<div class='container-fluid'>
    <div class='row d-flex justify-content-center'>
        <div class='col-11'>
            <div class='card'>
                <h2 class='text-center'>帳號管理</h2>
                <div class='card-body'>
                    <form id="account__form">
                        <h3>個人資料</h3>
                        <ul>
                            <li>
                                <input type="hidden" name="id" value="{{ $user->id }}" >
                            </li>
                            <li>
                                <label>公司統編</label>
                                <input value="{{ $taxid }}" disabled>
                            </li>
                            <li>
                                <label>公司名稱</label>
                                <input value="{{ $user->company }}" disabled>
                            </li>
                            <li>
                                <label>姓名</label>
                                <input value="{{ $user->represent }}" name="represent" required>
                            </li>
                            <li>
                                <label>出生日期</label>
                                <input value="{{ $user->birthday }}" name="birthday" type="date">
                            </li>
                            <li>
                                <label>性別</label>
                                <label>
                                    <input name="sex" value="0" type="radio" 
                                            {{ $user->sex === 0 ? 'checked="checked"' : '' }}
                                    > 女
                                </label>
                                <label>
                                    <input name="sex" value="1" type="radio" 
                                            {{ $user->sex === 1 ? 'checked="checked"' : '' }}
                                    > 男
                                </label>
                            </li>
                            <li>
                                <label>手機號碼</label>                                
                                <input value="{{ $user->phone }}" name="phone" pattern="09\d{8}" required>
                                <small class='ml-4'>( 格式：09XXXXXXXX )</small>
                            </li>
                            <li>
                                <label>連絡地址</label>
                                <input value="{{ $user->address }}" name="address">
                            </li>
                        </ul>
                        
                        <!--<h3>更改信箱</h3>
                        <ul>
                            <li>
                                <label>目前的電子信箱</label>
                                <input value="{{ $user->email }}" disabled id="user_email">
                            </li>
                            <li>
                                <label>設定新的電子信箱</label>
                                <input placeholder="請輸入新的電子信箱" id="email">
                            </li>-->
                            <!-- <li>
                                <label>確認新的電子信箱</label>
                                <input placeholder="再一次輸入新的電子信箱" id="newemail">
                            </li> -->
                         <!--    <li>
                                <label>驗證新的電子信箱</label>
                                <button type="button" 
                                        class='btn btn-primary' 
                                        id="valid_email">驗證信箱
                                </button>
                                <small class='ml-4'>新的電子信箱須通過驗證才能被儲存，否則設定無效。</small>
                            </li>
                        </ul>

                        <h3>密碼管理</h3>
                        <ul>
                            <li>
                                <label>設定新密碼</label>
                                <input placeholder="請輸入新的密碼" name="password" type="password" pattern="\w{8,}" autocomplete="off">
                                <small class='ml-2'>至少8碼，可使用大小寫字母、數字、底線符號。</small>
                            </li>
                            <li>
                                <label>確認新密碼</label>
                                <input placeholder="再一次輸入新的密碼" id="newpwd" type="password" autocomplete="off">
                            </li>
                        </ul>

                        <h3>帳號管理</h3>
                        <ul>
                            <li>
                                <label>註銷帳號</label>
                                @if ($user->state === 2)
                                    <button type="button" class='btn btn-danger' id="sendDeleteForm">註銷帳號</button>
                                @elseif ($user->state === 3)
                                    <button type="button" class='btn btn-info'>等待中</button>
                                @endif
                            </li>
                        </ul>-->
                        <div class='text-center'>
                            <button type="submit" class='btn btn-success px-5'>儲存</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('js/account_validate_msg_box.js') }}" type="module"></script>
<script src="{{ asset('js/account.js') }}" type="module"></script>
@endsection


@section('instruct-modal')
    {{-- @foreach(File::glob(public_path('storage/instruct/account').'/*') as $path)
        <span data-src="{{ str_replace(public_path(), '', $path) }}"></span>
    @endforeach --}}
    @foreach(File::glob(public_path('storage/instruct/account').'/*') as $path)
        @php
            $relativePath = Str::after($path, public_path()) . "?" . date("YM"); // 取得 "/storage/instruct/main/xxx.jpg"
        @endphp
        <span data-src="{{ asset($relativePath) }}"></span>
    @endforeach
@endsection