{{--@extends('layouts.default')--}}
@extends('layouts.default', ['pageType' => 'Auth'])

@section('content')
    <input type="hidden" id="mm_id" value="{{$member->mm_id}}">
    <script type="text/javascript">
        var hpt_trace_info={'_mode':'join','_memid':$('#mm_id').val()};
        // Kakao
        //<![CDATA[
        var DaumConversionDctSv="type=M,orderID=,amount=";
        var DaumConversionAccountID="3LLo6d1XhdO7fz22mFFYew00";
        if(typeof DaumConversionScriptLoaded=="undefined"&&location.protocol!="file:"){
            var DaumConversionScriptLoaded=true;
            document.write(unescape("%3Cscript%20type%3D%22text/javas"+"cript%22%20src%3D%22"+(location.protocol=="https:"?"https":"http")+"%3A//t1.daumcdn.net/cssjs/common/cts/vr200/dcts.js%22%3E%3C/script%3E"));
        }
        //]]>

        $(window).on('load', function() {
            // Naver
            var _nasa={};
            _nasa["cnv"] = wcs.cnv("2","1"); // 전환유형:회원가입, 전환값1
            wcs_do(_nasa);

            // Google
            gtag('event', '회원가입', {
            'event_category': '전환',
            'event_label': 'edm유학센터'
            });

            kakaoPixel('487419694029060488').participation();

            // Facebook
            fbq(
                'track', 'Lead', {
                    content_category : '회원가입'
                    }
                );

            // TERA (미사용으로 주석 처리)
            // _LA.EVT('4638');
        });
    </script>

    <link rel="stylesheet" type="text/css" href="/css/membership.css"/>

    <div class="container membership signup">
        <div class="area-pages-content">
            <div class="flex-wrap">
                <div class="login-edm-logo-wrap"><svg class="login-edm-logo" viewBox="0 0 83.722 32"><g transform="translate(-420 -74)"><path d="M68.068,19.436a2.757,2.757,0,1,0,2.756,2.757,2.758,2.758,0,0,0-2.756-2.757" transform="translate(397.839 67.405)" fill="#313133"/><path d="M68.068,36.961a2.757,2.757,0,1,0,2.756,2.758,2.759,2.759,0,0,0-2.756-2.758" transform="translate(397.839 61.459)" fill="#313133"/><path d="M106.768,24.041v12.6a.183.183,0,0,1,.011.04.269.269,0,0,0,.264.244h4.049a.277.277,0,0,0,.277-.276V23.769c0-.333-.014-.65-.035-.96a7.809,7.809,0,0,0-1.313-4.162.4.4,0,0,0-.082-.118c-.077-.1-.165-.209-.289-.348-.07-.073-.11-.119-.152-.16a7.13,7.13,0,0,0-5.214-2.159h-.957c-.069,0-.223-.009-.458,0a9.725,9.725,0,0,0-4.61,1.339,8.08,8.08,0,0,0-1.367.966.214.214,0,0,1-.3-.017,6.8,6.8,0,0,0-2.012-1.517,7.316,7.316,0,0,0-3.324-.769h-.973a10.7,10.7,0,0,0-1.5.149.2.2,0,0,1-.032,0c-.06.009-.2.035-.394.08l-.057.014a9.433,9.433,0,0,0-2.086.739.219.219,0,0,1-.289-.092l-.514-.793a.232.232,0,0,1-.026-.036.273.273,0,0,0-.338-.124l-3.4,1.348a.271.271,0,0,0-.168.252V36.649a.274.274,0,0,0,.276.276h3.958a.276.276,0,0,0,.276-.276l0-.059a.231.231,0,0,1,0-.057V24.1a3.445,3.445,0,0,1,2.546-3.709,4.687,4.687,0,0,1,1.378-.174h.175a4.765,4.765,0,0,1,1.611.262,3.635,3.635,0,0,1,2.328,3.333l.005.233v12.6a.09.09,0,0,1,.01.042.271.271,0,0,0,.267.242h4.138a.275.275,0,0,0,.276-.276l0-.059a.267.267,0,0,1,0-.057V24.1a3.444,3.444,0,0,1,2.546-3.709,4.685,4.685,0,0,1,1.378-.174h.174a4.776,4.776,0,0,1,1.613.262,3.634,3.634,0,0,1,2.327,3.333Z" transform="translate(392.353 68.645)" fill="#69a82c"/><path d="M12.184,23.816a.241.241,0,0,1,0,.03v.185H4.431v-.463h0V22.6c0-2.628,1.975-3.582,3.823-3.595h.1c1.849.013,3.822.967,3.822,3.595ZM8.33,15.23C2.881,15.23,0,17.979,0,23.181v6.162c0,5.266,2.752,7.825,8.414,7.825a22.817,22.817,0,0,0,7.351-1.2.268.268,0,0,0,.172-.3l-.458-2.8a.2.2,0,0,1-.009-.031l-.087-.457c-.012-.091-.082-.1-.135-.1a.681.681,0,0,0-.141.018l-.144.038a30.173,30.173,0,0,1-5.085.945c-.262.018-.527.026-.793.026a5.237,5.237,0,0,1-3.634-1.046A4.581,4.581,0,0,1,4.436,29.3V28.057a.215.215,0,0,1,.215-.214h11.4a.272.272,0,0,0,.271-.27V23.267c0-5.332-2.689-8.037-7.992-8.037" transform="translate(420 68.833)" fill="#313133"/><path d="M40.063,28.053a2.8,2.8,0,0,1-2.223-.894c-.047-.05-.067-.07-.083-.092-.048-.06-.1-.125-.145-.2-.022-.034-.04-.068-.061-.1a4.228,4.228,0,0,1-.527-2.156v-6.8a3.811,3.811,0,0,1,.88-2.641,3.238,3.238,0,0,1,2.477-.923,8.276,8.276,0,0,1,2.727.535c.079.03.151.065.221.1A2.037,2.037,0,0,1,44.2,16.8v8.8a1.9,1.9,0,0,1-.383,1.3,2.638,2.638,0,0,1-.784.484,8.442,8.442,0,0,1-2.971.675m8.645-28a.273.273,0,0,0-.229-.05L44.388.889a.269.269,0,0,0-.2.262V3.834a.2.2,0,0,1,.016.077v6.376a.215.215,0,0,1-.276.208,12.035,12.035,0,0,0-3.323-.432c-5.443,0-8.32,2.75-8.32,7.95v6.162c0,5.025,2.5,7.579,7.636,7.8a10.805,10.805,0,0,0,2.476-.221,8.235,8.235,0,0,0,1.376-.466l.007.009c.431-.17,1.006-.451,1.006-.451l.181.544a.268.268,0,0,0,.255.18h3.324a.268.268,0,0,0,.267-.27V.269a.269.269,0,0,0-.1-.212" transform="translate(409.046 74)" fill="#313133"/></g></svg></div>
                <div class="area-membership join">
                    <h1 class="title">
                        <span>회원가입 완료</span>
                    </h1>

                    <div class="area-welcome">
                        <p>
                            <strong>{{ $member->mm_name }} 회원님(아이디:{{ $member->mm_id }}),<br> 회원가입이 완료되었습니다 </strong>
                        </p>
                        <p>
                            회원가입을 진심으로 축하합니다.<br>
                            edm에서 제공하는 다양한 유학 서비스를<br class="pc-br"> 이용하실 수 있습니다.
                        </p>
                        <p>
                            1:1 맞춤 컨설팅을 원하시면 아래의 상담신청을 통해<br class="pc-br"> 문의하실 수 있습니다.
                        </p>
                        <div class="button-wrap">
                            <a href="/" class="button wide color">edm유학센터</a>
                            <a href="/camp" class="button wide color">해외영어캠프</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function(){
            new Swiper('.area-promotion-mb .aip-slide', {
                loop: true,
                autoplay: true,
                slideClass: 'swiper-slide',
                slidesPerView: 1,
                navigation: {
                    prevEl: '.area-promotion-mb .swiper-button-prev',
                    nextEl: '.area-promotion-mb .swiper-button-next',
                },
            });
        });
    </script>
@endsection