@extends('user.layouts.app')

@section('title', 'マイメニュー')

@section('header')
    <h1 id="title">各種設定<a class="question-mark modal-open" data-target="use_flow"><img src="{{ asset('assets/user/img/question_mark.png') }}"></a></h1>
@endsection

@section('content')
    <main>
        <nav>
            <ul class="user-nav">
                <li> <a href="{{ route("user.my_account.notifications") }}">チャット通知一覧</a></li>
                <li> <a href="{{ route('user.total.index') }}">実績集計</a></li>
                <li> <a href="{{ route("user.my_account.document") }}">売却書類メール送信</a></li>
                <li> <a href="{{ route("user.my_account.edit") }}">基本情報の確認・編集</a></li>
                <li> <a href="{{ route("user.my_account.edit", ["is_image"=>1]) }}">身分証画像の登録</a></li>
                <li> <a href="{{ route('user.my_account.bank_transfer_info') }}">サポート料振込先口座の登録・変更</a></li>
                <li> <a href="{{ route("user.my_account.howtouse") }}">ご利用の流れ</a></li>
                <li> <a href="{{ route("user.my_account.support_fee") }}">サポート料について</a></li>
                <li> <a href="{{ route("user.my_account.faq") }}">よくあるご質問</a></li>
                <li> <a href="{{ route('user.chat.room') }}">お問い合わせ</a></li>
                <li> <a href="{{ route('user.my_account.setting') }}">通知設定</a></li>
                <li> <a data-href="https://www.ushisapo.com/columns/" class="open-system-browser">コラム</a></li>
                <li> <a href="{{ route("user.my_account.term_use") }}">ご利用規約</a></li>
                <li> <a href="#" id="logout_btn">ログアウト</a></li>
                <li> <a href="{{ route('user.my_account.exit') }}">退会</a></li>
            </ul>
        </nav>
        <form id="logout-form" action="{{ route('user.logout') }}" method="POST" style="display: none;">
            @csrf
        </form>
    </main>

    <div id="dialog-confirm" style="display:none">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text"></span></p>
    </div>
@endsection

@section('page_css')
    <style>
        span.ui-icon.ui-icon-alert {
            margin: 3px 12px 20px 0 !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('assets/vendor/jquery-ui/jquery-ui.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $("#logout_btn").click(function (e) {
                    e.preventDefault();
                    helper_confirm("dialog-confirm", '確認', "ログアウトしますか？", 250, "確認", "閉じる", function () {
                        $("#logout-form").submit();
                    });
                })
            });
        });
    </script>
@endsection