@extends('auth.layouts.auth')

@section('meta')
    @php
        $data = metaData('register');
    @endphp
@endsection

@section('description')
    {{ $data->description }}
@endsection

@section('title')
    {{ __('register') }}
@endsection

@section('og:image')
    {{ asset($data->image) }}
@endsection

@section('content')
    <div class="row">
        <div class="auth-page2 order-1 order-lg-0">
            <div class="rt-spacer-100  rt-spacer-lg-50 rt-spacer-xs-50"></div>
            {{-- <div class="rt-spacer-100 rt-spacer-lg-50 rt-spacer-xs-0"></div> --}}
            <div class="rt-spacer-50 rt-spacer-lg-0 rt-spacer-xs-0"></div>
            <div class="container">
                <div class="row ">
                    <div class="col-xl-5 col-lg-8 col-md-9 tw-bg-white tw-relative tw-z-50">
                        <div class="auth-box2">
                            <form id="formId" action="{{ route('register') }}" method="POST" class="rt-form">
                                @csrf
                                <div class="row">
                                    <div class="col-12">
                                        <svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <g clip-path="url(#clip0_770_26544)">
                                            <path d="M38.9612 33.6972C38.8396 33.8919 38.7079 34.0661 38.5457 34.2301C36.8739 35.9108 35.2122 37.6019 33.5504 39.2826C33.0033 39.836 32.6689 39.836 32.1116 39.2724C30.8146 37.9606 29.5177 36.6487 28.2207 35.3369C28.089 35.2037 27.9877 35.1217 27.7648 35.1934C26.3259 35.6546 25.0391 34.8655 24.7554 33.3692C24.725 33.2155 24.6743 33.1642 24.5224 33.1335C23.1545 32.949 22.1716 31.4937 22.7188 30.0179C22.7796 29.854 22.7188 29.7822 22.6276 29.69C22.2831 29.3518 21.9487 29.0033 21.6042 28.6549C20.8341 27.876 20.0337 27.1381 19.5169 26.0928C19.2737 26.4515 19.0812 26.7897 18.838 27.0971C18.1186 28.0195 17.2472 28.7779 16.4366 29.608C16.2745 29.772 16.2238 29.895 16.2948 30.1307C16.7305 31.463 15.9604 32.7953 14.6026 33.0925C14.3392 33.1437 14.2581 33.2565 14.2075 33.5229C13.944 34.8245 12.6268 35.6136 11.3704 35.2242C11.0563 35.132 10.8941 35.2037 10.6915 35.4189C9.4148 36.7205 8.1381 38.0118 6.85127 39.3134C6.33452 39.836 5.97988 39.836 5.46312 39.3134C3.77099 37.6019 2.07887 35.8904 0.386737 34.1788C-0.109755 33.6767 -0.109755 33.318 0.39687 32.8055C1.70396 31.4835 3.01106 30.1614 4.31815 28.8394C4.48027 28.6856 4.53093 28.5524 4.44987 28.3167C4.01417 26.9434 4.83491 25.5803 6.25346 25.3344C6.42571 25.3036 6.46624 25.2421 6.50677 25.0884C6.85127 23.5409 8.07731 22.8235 9.55665 23.2847C9.69851 23.3257 9.77957 23.3154 9.88089 23.2129C10.2457 22.8337 10.6104 22.4648 10.9853 22.1061C11.1171 21.9831 11.1069 21.8396 11.1069 21.6859C11.1069 20.1896 11.1069 18.6933 11.1069 17.1868C11.1069 16.9511 11.1373 16.7256 11.2082 16.5104C12.6977 11.7551 14.2075 6.99975 15.6767 2.23418C15.9807 1.24008 16.5886 0.625165 17.5715 0.358704C17.8248 0.358704 18.0781 0.358704 18.3314 0.358704C18.6759 0.420195 19.0204 0.471437 19.3143 0.696905C19.4156 0.768645 19.5372 0.768645 19.6284 0.696905C19.9222 0.471437 20.2667 0.430443 20.6112 0.358704C20.8645 0.358704 21.1178 0.358704 21.3711 0.358704C22.4047 0.471437 22.9822 1.0966 23.2862 2.04971C23.6611 3.21804 24.036 4.38637 24.3906 5.55471C24.573 6.17987 24.421 6.50782 23.8536 6.80503C23.2659 6.85627 22.9721 6.68204 22.7796 6.12862C22.4148 5.07303 22.1108 4.00718 21.7764 2.94133C21.7258 2.7876 21.6751 2.62363 21.6143 2.4699C21.4623 2.12145 21.1786 1.95747 20.8645 2.03946C20.5403 2.12145 20.3376 2.40841 20.3782 2.79785C20.439 3.32053 20.5302 3.83295 20.6213 4.35563C20.976 6.58981 21.3408 8.83424 21.6853 11.0684C21.7359 11.3964 21.8575 11.6218 22.1716 11.7756C22.9721 12.1958 23.3774 12.9234 23.3976 13.8048C23.4382 15.8442 23.4179 17.8734 23.4078 19.9129C23.4078 20.4971 23.043 20.8763 22.5364 20.8763C22.0399 20.866 21.6853 20.4868 21.6853 19.8924C21.6751 18.0272 21.6853 16.1517 21.6751 14.2865C21.6751 14.1122 21.6853 13.9278 21.6447 13.7535C21.5637 13.4358 21.3205 13.2309 21.0266 13.2309C20.7227 13.2309 20.4795 13.4358 20.4086 13.7535C20.368 13.9073 20.3782 14.061 20.3782 14.2147C20.3782 17.1355 20.368 20.0564 20.3782 22.9772C20.3883 24.371 20.8949 25.5803 21.8474 26.5744C22.3743 27.1279 22.9214 27.6608 23.4584 28.2142C23.6712 28.4397 23.8333 28.4499 24.0563 28.2244C25.2316 27.0254 26.4171 25.8365 27.6026 24.6375C27.8762 24.3608 27.8762 24.2993 27.5925 24.0123C27.3088 23.7151 27.0251 23.4281 26.7312 23.1412C26.3867 22.8132 26.2348 22.4238 26.2348 21.9421C26.255 20.7635 26.2044 19.5849 26.255 18.4064C26.2955 17.4737 26.1233 16.6026 25.8294 15.7417C25.5457 14.9321 25.3228 14.102 25.0492 13.2923C24.9986 13.1386 24.9479 12.9746 24.9175 12.8107C24.8162 12.2777 24.9682 11.9805 25.4748 11.7346C26.0929 11.6731 26.407 11.8371 26.5894 12.411C27.0454 13.8355 27.5013 15.2601 27.9269 16.6949C27.9775 16.8793 27.9775 17.0741 27.9775 17.2688C27.9775 18.6728 27.9877 20.0871 27.9775 21.4912C27.9775 21.8089 28.0586 22.0651 28.3018 22.2701C28.393 22.3418 28.474 22.4238 28.545 22.516C28.9401 23.0387 29.3657 23.2334 30.0648 23.0592C30.9869 22.8235 32.1825 23.6639 32.4662 24.6477C32.5777 25.0372 32.7702 25.2114 33.1451 25.3446C34.3306 25.7443 34.9588 26.9126 34.6853 28.1527C34.6042 28.5217 34.6954 28.7471 34.9487 29.0033C36.1747 30.2229 37.3906 31.463 38.6065 32.6928C38.7687 32.8568 38.9105 33.031 38.9814 33.2565C38.9612 33.3897 38.9612 33.5434 38.9612 33.6972Z" fill="black"/>
                                            <path d="M38.9606 12.5647C38.7377 12.9746 38.4033 13.1181 37.9372 13.1079C35.8904 13.0874 33.8336 13.0976 31.7868 13.0976C31.3308 13.0976 31.0471 12.9029 30.9357 12.534C30.7837 12.0318 31.1687 11.5604 31.7463 11.5604C33.0837 11.5501 34.4314 11.5604 35.7689 11.5604C36.4883 11.5604 37.2077 11.5808 37.9372 11.5501C38.4033 11.5296 38.7377 11.6833 38.9606 12.0933C38.9606 12.2573 38.9606 12.411 38.9606 12.5647Z" fill="black"/>
                                            <path d="M4.08531 13.0976C3.0518 13.0976 2.00815 13.0976 0.974637 13.0976C0.407217 13.0976 0.052579 12.7902 0.0627115 12.3085C0.072844 11.8473 0.417349 11.5603 0.974637 11.5603C3.0518 11.5603 5.11883 11.5603 7.19599 11.5603C7.76341 11.5603 8.11805 11.8678 8.10792 12.3495C8.09778 12.8107 7.75328 13.0976 7.19599 13.0976C6.16248 13.0976 5.11883 13.0976 4.08531 13.0976Z" fill="black"/>
                                            <path d="M9.72737 6.17988C9.72737 6.7538 9.15995 7.12274 8.63306 6.86653C8.23789 6.66156 7.86299 6.42584 7.48808 6.20038C6.1202 5.40099 4.75231 4.61185 3.39455 3.81247C2.96899 3.55626 2.83727 3.12582 3.06018 2.73637C3.2831 2.34693 3.70866 2.25469 4.14436 2.48016C4.20515 2.51091 4.25582 2.54165 4.30648 2.5724C5.76556 3.42303 7.23477 4.2839 8.69385 5.13453C8.9269 5.26776 9.14982 5.40099 9.38286 5.54447C9.61591 5.6777 9.72737 5.90317 9.72737 6.17988Z" fill="black"/>
                                            <path d="M9.72855 18.4781C9.72855 18.7548 9.6171 18.9803 9.38405 19.1238C7.62099 20.1589 5.85794 21.194 4.08475 22.2188C3.70985 22.434 3.27415 22.2905 3.06137 21.9319C2.84859 21.5629 2.93978 21.1222 3.32481 20.8967C5.08787 19.8514 6.85092 18.8163 8.63424 17.8017C9.14087 17.5147 9.72855 17.9042 9.72855 18.4781Z" fill="black"/>
                                            <path d="M24.9802 9.96158C25.0713 10.597 25.3044 11.1812 25.507 11.7858C24.97 12.1035 24.8687 12.3597 25.0612 12.9644C25.4564 14.2147 25.8516 15.4753 26.2467 16.7256C26.3176 16.9511 26.348 17.1663 26.348 17.402C26.3379 18.9598 26.348 20.5278 26.3379 22.0856C26.3379 22.434 26.4392 22.7005 26.6824 22.9362C27.0877 23.3257 27.4626 23.7356 27.8679 24.125C28.0098 24.2685 28.0503 24.3505 27.8781 24.5145C26.5608 25.8263 25.2537 27.1484 23.9568 28.4807C23.8048 28.6344 23.7237 28.6446 23.5717 28.4807C22.9537 27.835 22.3052 27.2201 21.6972 26.5744C20.7448 25.5598 20.2584 24.33 20.2584 22.926C20.2483 19.9539 20.2584 16.9818 20.2584 14.0097C20.2584 13.4461 20.5523 13.0976 21.0082 13.0874C21.4844 13.0771 21.7783 13.4358 21.7783 14.02C21.7783 15.9877 21.7783 17.9657 21.7783 19.9334C21.7783 20.4253 22.1025 20.7635 22.5382 20.7635C22.9739 20.7635 23.2779 20.4253 23.2982 19.9334C23.2982 19.8924 23.2982 19.8617 23.2982 19.8207C23.2982 17.8632 23.2982 15.9057 23.2982 13.938C23.2982 12.9029 22.8321 12.1548 21.8897 11.7243C21.7276 11.6526 21.6567 11.5603 21.6364 11.3964C21.1906 8.54728 20.7346 5.68794 20.2787 2.83885C20.2077 2.36742 20.4307 1.98822 20.8461 1.88574C21.2413 1.78325 21.6263 2.01897 21.7783 2.4699C22.1532 3.64848 22.518 4.83731 22.8827 6.01589C23.0651 6.57956 23.3083 6.73329 23.9061 6.68205C24.0885 7.28671 24.2709 7.88113 24.4533 8.48579C24.4634 8.60877 24.3519 8.64977 24.281 8.71126C24.0581 8.91623 23.9568 9.16219 24.0581 9.4594C24.1594 9.75661 24.3925 9.88984 24.6964 9.91033C24.7978 9.93083 24.8991 9.87959 24.9802 9.96158Z" fill="#FAC014"/>
                                            <path d="M18.7483 18.5806C18.7483 20.0051 18.7483 21.4194 18.7483 22.844C18.7483 24.3608 18.2112 25.6623 17.1473 26.7384C16.5799 27.3226 15.9922 27.8965 15.4349 28.4807C15.2829 28.6344 15.2019 28.6344 15.0499 28.4807C13.7529 27.1484 12.4458 25.8263 11.1286 24.5145C10.9665 24.3505 10.9868 24.2685 11.1388 24.125C11.5441 23.7356 11.919 23.3257 12.3243 22.9362C12.5674 22.7005 12.6789 22.434 12.6789 22.0856C12.6688 20.5073 12.6789 18.9393 12.6789 17.361C12.6789 17.197 12.689 17.0331 12.7397 16.8691C14.2393 12.083 15.7389 7.30721 17.2385 2.52115C17.3905 2.02922 17.7553 1.78325 18.1707 1.89598C18.6064 2.00872 18.8091 2.39816 18.728 2.92084C18.7077 3.06432 18.6875 3.19755 18.6672 3.34103C18.2416 6.01589 17.8161 8.69076 17.3905 11.3759C17.3601 11.5706 17.2892 11.6731 17.0967 11.7653C16.1949 12.1855 15.7288 12.9132 15.7288 13.9175C15.7186 15.9057 15.7288 17.8837 15.7288 19.8719C15.7288 20.4356 16.0226 20.784 16.4786 20.784C16.9345 20.784 17.2385 20.4356 17.2385 19.8821C17.2385 17.9349 17.2385 15.9877 17.2385 14.0405C17.2385 13.856 17.2385 13.6818 17.3297 13.5178C17.4918 13.2104 17.8363 13.0464 18.1606 13.1181C18.5254 13.2001 18.7584 13.5076 18.7584 13.938C18.7584 15.4855 18.7483 17.0331 18.7483 18.5806Z" fill="#FAC014"/>
                                            <path d="M6.18112 37.8171C6.12033 37.7556 6.05953 37.7146 6.00887 37.6531C4.69164 36.3208 3.37442 34.9885 2.05719 33.6664C1.92547 33.5332 1.9052 33.4512 2.04706 33.3077C3.17177 32.1804 4.28634 31.053 5.40092 29.9155C5.53264 29.772 5.60357 29.8027 5.72516 29.9257C7.04238 31.2683 8.36974 32.6108 9.6971 33.9431C9.84909 34.0969 9.80856 34.1686 9.67683 34.2916C8.57239 35.3984 7.47808 36.5155 6.37364 37.6326C6.32298 37.6941 6.26218 37.7556 6.18112 37.8171Z" fill="#FAC014"/>
                                            <path d="M29.1523 34.1174C30.5506 32.7031 31.9388 31.299 33.3269 29.895C33.4384 29.7822 33.4891 29.8027 33.5904 29.9052C34.7252 31.053 35.8601 32.2111 37.005 33.3487C37.1368 33.4819 37.0861 33.5434 36.9848 33.6459C35.6574 34.9885 34.33 36.3208 33.0128 37.6633C32.8912 37.7863 32.8203 37.8171 32.6886 37.6736C31.5132 36.495 30.3378 35.3164 29.1523 34.1174Z" fill="#FAC014"/>
                                            <path d="M12.767 33.0002C12.767 33.3384 12.6251 33.5537 12.3718 33.6971C12.1185 33.8304 11.855 33.8304 11.6118 33.6766C11.5004 33.6049 11.3991 33.4922 11.2977 33.3999C9.62588 31.7089 7.94388 30.0179 6.27202 28.3167C6.1403 28.1834 5.98831 28.0502 5.92752 27.8657C5.82619 27.548 5.87685 27.2508 6.1403 27.0254C6.39361 26.7999 6.68745 26.7691 6.9813 26.9229C7.09275 26.9844 7.18395 27.0663 7.27514 27.1586C8.99766 28.9008 10.7101 30.6328 12.4326 32.3751C12.6352 32.5596 12.7872 32.7645 12.767 33.0002Z" fill="#FEF09F"/>
                                            <path d="M32.3534 26.8306C32.6776 26.8306 32.9005 26.9639 33.0322 27.2201C33.1741 27.4763 33.164 27.7427 33.012 27.9887C32.9512 28.1014 32.8499 28.1834 32.7587 28.2757C31.0665 29.9872 29.3744 31.6987 27.6823 33.4102C27.5404 33.5537 27.3986 33.7074 27.1959 33.7586C26.8514 33.8304 26.5576 33.7381 26.3651 33.4409C26.1827 33.154 26.1928 32.8568 26.3853 32.58C26.436 32.5083 26.4968 32.4468 26.5576 32.3751C28.2801 30.6328 29.9925 28.9008 31.715 27.1586C31.9075 26.9741 32.1001 26.8204 32.3534 26.8306Z" fill="#FEF09F"/>
                                            <path d="M14.2368 31.6167C13.9328 31.6167 13.7403 31.5142 13.5782 31.34C11.8253 29.567 10.0724 27.794 8.31943 26.021C7.95466 25.6418 7.9344 25.1909 8.26877 24.8732C8.59301 24.5555 9.01858 24.5657 9.38335 24.9347C11.1464 26.7179 12.9095 28.5012 14.6725 30.2844C14.9157 30.5304 15.0069 30.8276 14.865 31.1556C14.7434 31.4425 14.5003 31.5962 14.2368 31.6167Z" fill="#FEF09F"/>
                                            <path d="M30.9878 25.4061C30.9776 25.6623 30.8763 25.8468 30.7243 26.0005C28.9613 27.7838 27.1982 29.567 25.4352 31.34C25.0805 31.6987 24.6347 31.6987 24.3206 31.381C24.0065 31.0633 24.0065 30.6124 24.3611 30.2537C26.114 28.4704 27.8872 26.6872 29.6402 24.9039C29.8935 24.6477 30.1974 24.5452 30.5419 24.7092C30.8358 24.8629 30.9776 25.1089 30.9878 25.4061Z" fill="#FEF09F"/>
                                            <path d="M36.0635 3.1463C36.0433 3.41276 35.9116 3.63823 35.6684 3.78171C33.9256 4.80656 32.1727 5.83141 30.4197 6.83577C30.0144 7.07148 29.5787 6.928 29.3761 6.54881C29.1734 6.16961 29.2849 5.73917 29.6902 5.49321C31.4229 4.4786 33.1555 3.45375 34.8983 2.4494C35.4455 2.14194 36.0838 2.52114 36.0635 3.1463Z" fill="black"/>
                                            <path d="M36.0622 21.5014C36.0622 22.1573 35.434 22.4955 34.8868 22.1881C34.0762 21.7269 33.2656 21.2452 32.455 20.7738C31.5735 20.2613 30.6818 19.7387 29.8003 19.2262C29.3038 18.929 29.1417 18.4986 29.3849 18.0887C29.6179 17.689 30.0536 17.5967 30.54 17.8837C32.2118 18.8573 33.8837 19.8309 35.5556 20.8045C35.8494 20.9787 36.052 21.194 36.0622 21.5014Z" fill="black"/>
                                            <path d="M24.9802 9.96157C24.4938 10.0743 24.1493 9.93082 23.9771 9.54138C23.8048 9.14169 23.9669 8.78299 24.4432 8.49603C24.97 8.47553 25.2538 8.62926 25.3855 9.00846C25.5273 9.3774 25.3956 9.67461 24.9802 9.96157Z" fill="#010101"/>
                                            </g>
                                            <defs>
                                            <clipPath id="clip0_770_26544">
                                            <rect width="39" height="40" fill="white"/>
                                            </clipPath>
                                            </defs>
                                        </svg>                                            
                                        <h4 class="rt-mb-20">{{ __('create_account') }}</h4>
                                        <span class="d-block body-font-3 text-gray-600 rt-mb-32">
                                            {{ __('already_have_account') }}
                                            {{-- <span>
                                                <a href="{{ route('login') }}">{{ __('log_in') }}</a>
                                            </span> --}}
                                        </span>
                                    </div>
                                    {{-- <div class="col-12">
                                        <div class="tw-bg-[#F1F2F4] tw-rounded-lg tw-mb-6 tw-p-3">
                                            <p class="tw-text-[#767F8C] tw-text-xs tw-font-medium tw-text-center tw-mb-2">
                                                {{ __('create_account_as_a') }}
                                            </p>
                                            <div
                                                class="switcher-container tw-px-0 tw-w-full tw-border-2 tw-border-red-600 tw-flex">
                                                <input id="switcher-toggle-on"
                                                    class="switcher-toggle switcher-toggle-left tw-w-full" name="role"
                                                    value="candidate" type="radio" checked="">
                                                <label for="switcher-toggle-on"
                                                    class="switcher-button tw-w-full tw-rounded-tl-md  tw-rounded-bl-md"
                                                    id="web-btn">
                                                    <span><x-svg.candidate-profile-icon /></span>
                                                    <span>{{ __('candidate') }}</span>
                                                </label>
                                                <input id="switcher-toggle-off"
                                                    class="switcher-toggle switcher-toggle-right tw-w-full" name="role"
                                                    value="company" type="radio">
                                                <label for="switcher-toggle-off"
                                                    class="switcher-button tw-w-full  tw-rounded-tr-md tw-rounded-br-md"
                                                    id="wp-btn">
                                                    <span><x-svg.employer-profile-icon /></span>
                                                    <span>{{ __('employer') }}</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div> --}}
                                    <input type="hidden"  name="role" value="candidate">
                                </div>
                                <div class="row">
                                    <div class="col-12 mb-4">
                                        <div class="input-group input-group-lg">
                                            <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3"><i class="ph-user"></i></span>
                                            <input name="name" id="name" value="{{ old('name') }}"
                                                class="field form-control border-0 bg-light rounded-end ps-1 @error('name') is-invalid @enderror"
                                                type="text" placeholder="{{ __('full_name') }}">
                                            @error('name')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="input-group input-group-lg">
                                            <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3"><i class="ph-envelope"></i></span>
                                            <input type="email" id="email" value="{{ old('email') }}" name="email"
                                                class="field form-control border-0 bg-light rounded-end ps-1 @error('email') is-invalid @enderror"
                                                placeholder="{{ __('email_address') }}">
                                            @error('email')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-12 mb-4">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="d-flex bg-light rounded-start  align-items-center">
                                                    {{-- <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M10.8548 5.16128C10.3871 2.28064 9.28387 0.258057 8 0.258057C6.71613 0.258057 5.6129 2.28064 5.14516 5.16128H10.8548ZM4.90323 8.25806C4.90323 8.97418 4.94194 9.66128 5.00968 10.3226H10.9871C11.0548 9.66128 11.0935 8.97418 11.0935 8.25806C11.0935 7.54193 11.0548 6.85483 10.9871 6.19354H5.00968C4.94194 6.85483 4.90323 7.54193 4.90323 8.25806ZM15.3774 5.16128C14.4548 2.97096 12.5871 1.27741 10.2806 0.59354C11.0677 1.68386 11.6097 3.3258 11.8935 5.16128H15.3774ZM5.71613 0.59354C3.4129 1.27741 1.54194 2.97096 0.622581 5.16128H4.10645C4.3871 3.3258 4.92903 1.68386 5.71613 0.59354ZM15.7226 6.19354H12.0226C12.0903 6.87096 12.129 7.56451 12.129 8.25806C12.129 8.9516 12.0903 9.64515 12.0226 10.3226H15.7194C15.8968 9.66128 15.9968 8.97418 15.9968 8.25806C15.9968 7.54193 15.8968 6.85483 15.7226 6.19354ZM3.87097 8.25806C3.87097 7.56451 3.90968 6.87096 3.97742 6.19354H0.277419C0.103226 6.85483 0 7.54193 0 8.25806C0 8.97418 0.103226 9.66128 0.277419 10.3226H3.97419C3.90968 9.64515 3.87097 8.9516 3.87097 8.25806ZM5.14516 11.3548C5.6129 14.2355 6.71613 16.2581 8 16.2581C9.28387 16.2581 10.3871 14.2355 10.8548 11.3548H5.14516ZM10.2839 15.9226C12.5871 15.2387 14.4581 13.5452 15.3806 11.3548H11.8968C11.6129 13.1903 11.071 14.8322 10.2839 15.9226ZM0.622581 11.3548C1.54516 13.5452 3.4129 15.2387 5.71935 15.9226C4.93226 14.8322 4.39032 13.1903 4.10645 11.3548H0.622581Z" fill="#9A9EA4"/>
                                                    </svg>                                                 --}}
                                                    <span class="text-secondary ps-3 pt-2"><i class="ph-globe ph-lg"></i></span>
                                                    <select class="border-0 text-secondary ps-2 me-2 @error('country') is-invalid @enderror" name="country" id="countrySelect">
                                                        <option>Country</option>
                                                        <option>+91</option>
                                                    </select>
                                                    @error('country')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-8">
                                                <div class="input-group input-group-lg">
                                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3"><i class="ph-phone"></i></span>
                                                    <input type="number" name="phone" id="number" value="" 
                                                        class="field form-control border-0 bg-light rounded-end ps-1 @error('phone') is-invalid @enderror"
                                                        placeholder="{{ __('phone_number') }}"> 
                                                        @error('phone')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {{-- <div class="rt-mb-15">
                                    <div class="d-flex fromGroup">
                                        <input name="password" id="password"
                                            class="form-control @error('password') is-invalid @enderror" type="password"
                                            placeholder="{{ __('password') }}">
                                        <div onclick="passToText('password','eyeIcon')" id="eyeIcon" class="has-badge">
                                            <i class="ph-eye @error('password') m-3 @enderror"></i>
                                        </div>
                                    </div>
                                    @error('password')
                                        <span class="text-danger" role="alert">{{ __($message) }}</span>
                                    @enderror
                                    </div>
                                    <div class="rt-mb-15">
                                        <div class="d-flex fromGroup">
                                            <input name="password_confirmation" id="password_confirmation"
                                                class="form-control @error('password_confirmation') is-invalid @enderror"
                                                type="password" placeholder="{{ __('confirm_password') }}">
                                            <div onclick="passToText('password_confirmation','eyeIcon2')" id="eyeIcon2"
                                                class="has-badge">
                                                <i class="ph-eye @error('password_confirmation') m-3 @enderror"></i>
                                            </div>
                                        </div>
                                        @error('password_confirmation')
                                            <span class="text-danger" role="alert">{{ __($message) }}</span>
                                        @enderror
                                </div> --}}
                                @if (config('captcha.active'))
                                    <div class="rt-mb-15">
                                        <div class="g-custom-css">
                                            {!! NoCaptcha::display() !!}
                                        </div>
                                        @if ($errors->has('g-recaptcha-response'))
                                            <span class="text-danger text-sm">
                                                <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                @endif
                                <div class="rt-mb-30">
                                    <div class="form-check from-chekbox-custom align-items-center">
                                        <input id="term" class="form-check-input" type="checkbox" value="1"
                                            required>
                                        <label class="form-check-label pointer text-gray-700 f-size-14" for="term">
                                            {{ __('i_have_read_and_agree_with') }}
                                        </label>
                                        <a href="{{ url('terms-condition') }}" target="_blank"
                                            class="body-font-4 text-primary-500">
                                            {{ __('terms_of_service') }} 
                                            {{url('/')}}
                                        </a>
                                    </div>

                                </div>
                                <button id="submitButton" type="submit" class="btn btn-primary d-block rt-mb-15">
                                    <span class="button-content-wrapper ">
                                        <span class="button-icon align-icon-right">
                                            <x-svg.rightarrow-icon />
                                        </span>
                                        <span class="button-text">
                                            {{ __('create_account_button') }}
                                        </span>
                                    </span>
                                </button>

                                @php
                                    $google = config('zakirsoft.google_active') && config('zakirsoft.google_id') && config('zakirsoft.google_secret');
                                    $facebook = config('zakirsoft.facebook_active') && config('zakirsoft.facebook_id') && config('zakirsoft.facebook_secret');
                                    $twitter = config('zakirsoft.twitter_active') && config('zakirsoft.twitter_id') && config('zakirsoft.twitter_secret');
                                    $linkedin = config('zakirsoft.linkedin_active') && config('zakirsoft.linkedin_id') && config('zakirsoft.linkedin_secret');
                                    $github = config('zakirsoft.github_active') && config('zakirsoft.github_id') && config('zakirsoft.github_secret');
                                @endphp
                                @if ($google || $facebook || $twitter || $linkedin || $github)
                                    <p class="or text-center">{{ __('or') }}</p>
                                @endif
                                <div class="d-flex justify-content-between btn-group flex-column">
                                    <div class="row">
                                        @if ($google)
                                            <div class="col-12 rt-mb-15">
                                                <button onclick="LoginService('google')" type="button"
                                                    class=" w-100 btn btn-outline-plain  custom-padding me-3 rt-mb-xs-10 ">
                                                    <span class="button-content-wrapper ctr">
                                                        <span class="button-icon align-icon-left">
                                                            <x-svg.google-icon />
                                                        </span>
                                                        <span class="button-text">
                                                            {{ __('signup_with_google') }}
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                        @endif

                                        @if ($facebook)
                                            <div class="d-flex justify-content-center col-12 rt-mb-15">
                                                <button onclick="LoginService('facebook')" type="button"
                                                    class="w-100 btn btn-outline-plain custom-padding ">
                                                    <span class="button-content-wrapper ctr">
                                                        <span class="button-icon align-icon-left">
                                                            <x-svg.facebook-icon />
                                                        </span>
                                                        <span class="button-text">
                                                            {{ __('signup_with_facebook') }}
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                        @endif

                                        @if ($twitter)
                                            <div class="d-flex justify-content-center col-12 rt-mb-15">
                                                <button onclick="LoginService('twitter')" type="button"
                                                    class="w-100 btn btn-outline-plain custom-padding ">
                                                    <span class="button-content-wrapper ctr">
                                                        <span class="button-icon align-icon-left">
                                                            <x-svg.twitter-icon fill="#007ad9" />
                                                        </span>
                                                        <span class="button-text">
                                                            {{ __('signup_with_twitter') }}
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                        @endif

                                        @if ($linkedin)
                                            <div class="d-flex justify-content-center col-12 rt-mb-15">
                                                <button onclick="LoginService('linkedin')" type="button"
                                                    class="w-100 btn btn-outline-plain custom-padding ">
                                                    <span class="button-content-wrapper ctr">
                                                        <span class="button-icon align-icon-left">
                                                            <x-svg.linkedin-icon />
                                                        </span>
                                                        <span class="button-text">
                                                            {{ __('signup_with_linkedin') }}
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                        @endif

                                        @if ($github)
                                            <div class="w-100 d-flex justify-content-center col-12 rt-mb-15">
                                                <button onclick="LoginService('github')" type="button"
                                                    class="btn btn-outline-plain custom-padding ">
                                                    <span class="button-content-wrapper ctr">
                                                        <span class="button-icon align-icon-left">
                                                            <x-svg.github-icon />
                                                        </span>
                                                        <span class="button-text">
                                                            {{ __('signup_with_github') }}
                                                        </span>
                                                    </span>
                                                </button>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </form>
                            <div class="row">
								<!-- Divider with text -->
								<div class="position-relative my-4">
									<hr>
									<p class="small position-absolute top-50 start-50 translate-middle bg-body px-4">Or</p>
								</div>
                                <div class="col-xl-6">
                                    <a href="#" class="btn bg-google text-white d-block" style="background-color: #3672d9;">
                                        <svg class="me-2" width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14.2969 8.05078C14.2578 10.1602 13.6133 11.8594 12.3633 13.1484C11.0938 14.4375 9.39453 15.1016 7.26562 15.1406C5.91797 15.1211 4.69727 14.7891 3.60352 14.1445C2.50977 13.5 1.64062 12.6309 0.996094 11.5371C0.351562 10.4434 0.0195313 9.22266 0 7.875C0.0195313 6.52734 0.351562 5.30664 0.996094 4.21289C1.64062 3.11914 2.50977 2.25 3.60352 1.60547C4.69727 0.960938 5.91797 0.628906 7.26562 0.609375C9.23828 0.648437 10.8594 1.2832 12.1289 2.51367L10.166 4.41797C9.24805 3.59766 8.22266 3.22656 7.08984 3.30469C5.95703 3.36328 4.96094 3.79297 4.10156 4.59375C3.26172 5.41406 2.8125 6.50781 2.75391 7.875C2.79297 9.18359 3.23242 10.2676 4.07227 11.127C4.93164 11.9863 5.99609 12.4355 7.26562 12.4746C8.22266 12.4551 8.99414 12.2598 9.58008 11.8887C10.166 11.5176 10.6055 11.0977 10.8984 10.6289C11.1719 10.1406 11.3379 9.71094 11.3965 9.33984H7.26562V6.82031H14.1797C14.2578 7.17188 14.2969 7.58203 14.2969 8.05078Z" fill="white"/>
                                        </svg>
                                            
                                        {{-- <i class="ph-google-logo-bold text-white me-2 align-middle"></i> --}}
                                        Login with Google
                                    </a>                                    
                                </div>
                                <div class="col-xl-6">
                                    <a href="#" class="btn bg-facebook text-white d-block" style="background-color: #5d82d1;">
                                        <svg class="me-2" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M8.17383 8.8125L8.58398 6.08789H5.97656V4.33008C5.97656 3.93945 6.09375 3.60742 6.32812 3.33398C6.54297 3.04102 6.94336 2.88477 7.5293 2.86523H8.70117V0.550781C8.68164 0.550781 8.45703 0.521484 8.02734 0.462891C7.61719 0.404297 7.13867 0.375 6.5918 0.375C5.51758 0.375 4.6582 0.6875 4.01367 1.3125C3.38867 1.9375 3.06641 2.8457 3.04688 4.03711V6.08789H0.673828V8.8125H3.04688V15.375H5.97656V8.8125H8.17383Z" fill="white"/>
                                        </svg>                                            
                                        {{-- <i class="ph-facebook-logo-bold text-white me-2 align-middle"></i> --}}
                                        Login with Facebook</a>                                    
                                </div>
							</div>
                            <div class="mt-4 text-center">
								<span>Already have an account? <a href="{{route('login')}}">Log in</a></span>
							</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rt-spacer-100 rt-spacer-md-50"></div>
        </div>
        <div class="auth-right-sidebar reg-sidebar order-lg-1 order-0">
            <div class="sidebar-bg" style="background-image: url({{ asset($cms_setting->register_page_image) }})">
                <div class="sidebar-content">
                    <h4 class="text-gray-10 rt-mb-50">{{ __('login_cources_waiting_for_you') }}</h4>
                    <div class="d-flex">
                        <div class="flex-grow-1 rt-mb-24">
                            <div class="card jobcardStyle1 counterbox4">
                                <div class="card-body">
                                    <div class="rt-single-icon-box icon-center2">
                                        <div class="icon-thumb">
                                            <div class="icon-64">
                                                <i class="ph-graduation-cap"></i>
                                            </div>
                                        </div>
                                        <div class="iconbox-content">
                                            <div class="f-size-20 ft-wt-5"><span
                                                    class="counter">1500</span></div>
                                            <span class=" f-size-14">{{ __('Students') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="flex-grow-1  rt-mb-24">
                            <div class="card jobcardStyle1 counterbox4">
                                <div class="card-body">
                                    <div class="rt-single-icon-box icon-center2">
                                        <div class="icon-thumb">
                                            <div class="icon-64">
                                                <i class="ph-bank"></i>
                                            </div>
                                        </div>
                                        <div class="iconbox-content">
                                            <div class="f-size-20 ft-wt-5"><span
                                                    class="counter">700</span></div>
                                            <span class=" f-size-14">{{ __('universities') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="flex-grow-1 rt-mb-24">
                            <div class="card jobcardStyle1 counterbox4">
                                <div class="card-body">
                                    <div class="rt-single-icon-box icon-center2">
                                        <div class="icon-thumb">
                                            <div class="icon-64">
                                                <i class="ph-money"></i>
                                            </div>
                                        </div>
                                        <div class="iconbox-content">
                                            <div class="f-size-20 ft-wt-5"><span>8 Cr</span></div>
                                            <span class=" f-size-14">{{ __('Scholarships') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- The Modal -->
    <div id="ModalBtn" class="modal">
        <div class="row justify-content-center m-2 mt-5 pt-5">
            <div class="col-sm-12 col-lg-4">
                <div class="rt-rounded-12">
                    <div class="card border border-gray-500">
                        <div class="card-header bg-primary text-white font-size-25">
                            {{ __('select_one') }}
                        </div>
                        <form id="LoginFormHit" class="d-inline justify-content-center" method="GET">
                            <div class="card-body">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label"
                                            for="experience">{{ __('employer_or_candidate') }}</label>
                                        <select name="user" class="form-controll rounded" id="">
                                            <option value="candidate">{{ __('candidate') }}</option>
                                            <option value="company">{{ __('employer') }}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <button onclick="CloseModoal()" type="button" class="close btn btn-danger">
                                    <div class="button-content-wrapper ">
                                        <span class="button-text">
                                            {{ __('cancel') }}
                                        </span>
                                    </div>
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    <div class="button-content-wrapper ">
                                        <span class="button-text">
                                            {{ __('register_now') }}
                                        </span>
                                    </div>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <script>
        function LoginService(value) {
            $("#ModalBtn").css("display", "block");
            var action = "auth/" + value + "/redirect";
            $("#LoginFormHit").attr("action", action);
        }

        function CloseModoal() {
            $("#ModalBtn").css("display", "none");
        }
    </script>
    <script>
        $(document).ready(function() {
            validate();
            $('#name, #email, #password, #number, #countrySelect').change(validate).keyup(validate);
        });


        $.ajax({
            url : "/countryArray.php",
            success: function(res){
                // console.log(res)
                $("#countrySelect").html(res)
            }
        });

        $("#countrySelect").change(function(){
            $("option",this).each((i,e) => {
                // console.log(i,e)
                $(e).text(`${$(e).attr("data-country")} +${$(e).attr("data-code")}`);
            })
            console.log($("option:selected", this)[0]);
            selectedOption = $("option:selected", this);
            $("option:selected", this).text(`${$(selectedOption).attr("data-sort_code")} +${$(selectedOption).attr("data-code")}`)
        });

        function validate() {
            if (
                $('#name').val().length > 0 &&
                $('#email').val().length > 0 &&
                $('#countrySelect').val().length > 0 &&
                $('#number').val().length > 0 ) {
                $('#submitButton').attr('disabled', false);
            } else {
                $('#submitButton').attr('disabled', true);
            }
        }

        function passToText(id, icon) {
            var input = $('#' + id);
            var eyeIcon = $('#' + icon);
            if (input.is('input[type="password"]')) {
                eyeIcon.html('<i class="ph-eye-slash @error('password') m-3 @enderror"></i>');
                input.attr('type', 'text');
            } else {
                eyeIcon.html('<i class="ph-eye @error('password') m-3 @enderror"></i>');
                input.attr('type', 'password');
            }
        }
    </script>
@endsection
@section('style')
    <style>
        .font-size-25 {
            font-size: 25px !important;
        }
    </style>
@endsection
