@extends('layouts.default')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/membership.css?ver=20230111"/>
    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
@endpush

@section('content')
<div class="container mypage">
    <!-- 페이지 상단 : 제목 및 현재위치 표시 -->
    <div class="area-pages-top">
        <div class="area-page-location">
            <h1 class="page-title">마이페이지</h1>
        </div>
    </div>

    <div class="area-pages-content">
        <div class="flex-wrap">
            <!--  lnb -->
            <div class="area-mypage-nav">
                <p class="hello-user">
                    안녕하세요, <br class="pc-br"><strong> {{ auth()->user()->mm_name }}님</strong>
                </p>
                <div class="lnb">
                    <a href="{{ route('mypage.apply.index') }}" class="@active($menu, 'apply') btn-apply">수속신청</a>
                    <a href="{{ route('mypage.application-history') }}" class="@active($menu, 'history') btn-history">수속내역</a>
                    <a href="{{ route('mypage.info') }}" class="@active($menu, 'info') btn-myinfo">내 정보수정</a>
                    <a href="{{ route('auth.logout') }}" class="btn-logout">로그아웃</a>
                </div>
            </div>

            @yield('page')
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        // 수속신청 리스트 토글
        $('.roll-box-view').click(function () {
            $(this).toggleClass('open');
        });
    });
</script>
@endsection