@extends('template.coin.layouts.auth-base')

@section('title', __('Login'))

@section('content')
<form data-cy="login-form" class="styles__CardWithShadow-sc-dpi0ea-3 wAvIF" method="post" action="{{ route('auth.login') }}" autocomplete = "off">
           @csrf
                        <div class="styles__Flexy-sc-2mj8ln-0 bKzjgR">
                            <div class="styles__Left-sc-2mj8ln-1 icrVjk">
                                <a data-testid="LinkButton" href="https://perfectmarket.live" class="sc-iCfMLu jRfdBg">
                                    <div class="sc-jRQBWg fFxOzt">
                                        <span data-testid="Icon" class="sc-hKwDye YDvTu sc-jrQzAO gvmEdC">
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-eCImPb jUnJtc">
                                                <path
                                                    fill-rule="evenodd"
                                                    clip-rule="evenodd"
                                                    d="M0.850311 8.09918C0.850311 7.82304 1.07417 7.59918 1.35031 7.59918H14.5498C14.826 7.59918 15.0498 7.82304 15.0498 8.09918C15.0498 8.37532 14.826 8.59918 14.5498 8.59918H1.35031C1.07417 8.59918 0.850311 8.37532 0.850311 8.09918Z"
                                                    fill="black"
                                                ></path>
                                                <path
                                                    fill-rule="evenodd"
                                                    clip-rule="evenodd"
                                                    d="M6.65319 2.79662C6.84845 2.99189 6.84845 3.30847 6.65319 3.50373L2.05693 8.09999L6.65319 12.6963C6.84845 12.8915 6.84845 13.2081 6.65319 13.4034C6.45793 13.5986 6.14135 13.5986 5.94608 13.4034L0.99627 8.45355C0.801008 8.25828 0.801007 7.9417 0.99627 7.74644L5.94608 2.79662C6.14135 2.60136 6.45793 2.60136 6.65319 2.79662Z"
                                                    fill="black"
                                                ></path>
                                            </svg>
                                        </span>
                                        <div class="sc-furwcr fGcfP"><div data-testid="Text" class="sc-kYHfwS fYHeCO">Go to {{system_settings('site_name')}} website</div></div>
                                    </div>
                                </a>
                            </div>
                            <div class="styles__Right-sc-2mj8ln-2 gaOYyM">
                                <div data-testid="languageSelect" class="sc-giYglK hUToXB">
                                    <label class="sc-ezbkAF dGTmtz"></label>
                                    <div class="sc-bYoBSM kMtwXB">
                                        <div class="sc-iAKWXU kiQCTK css-2b097c-container">
                                            <span aria-live="polite" aria-atomic="false" aria-relevant="additions text" class="css-7pg0cj-a11yText"></span>
                                            <div class="css-vs3z7o-control">
                                                <div class="css-eqw6gq">
                                                    <div class="css-1uccc91-singleValue">English</div>
                                                    <input id="react-select-2-input" readonly="" tabindex="0" aria-autocomplete="list" class="css-62g3xt-dummyInput" value="" />
                                                </div>
                                                <div class="css-1wy0on6">
                                                    <div class="css-7vvh2g-indicatorContainer" aria-hidden="true">
                                                        <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M0.288076 0.276435C0.595293 0.00576749 1.07041 0.028071 1.34928 0.326251L4.99821 4.22785L8.65088 0.322254C8.92975 0.0240736 9.40487 0.00177003 9.71209 0.272438C10.0193 0.543105 10.0423 1.00425 9.76341 1.30243L5.75633 5.58698C5.37751 5.99202 4.7434 6.02998 4.32503 5.66576C4.29627 5.64297 4.26912 5.618 4.24384 5.59097L0.23675 1.30642C-0.0421201 1.00824 -0.0191407 0.547102 0.288076 0.276435Z"
                                                                fill="#141313"
                                                            ></path>
                                                        </svg>
                                                    </div>
                                                </div>
                                            </div>
                                            <input name="language" type="hidden" value="en" />
                                        </div>
                                        <fieldset class="sc-hiCibw dCwAlw">
                                            <legend class="sc-gWXbKe bEMFjh"><span></span></legend>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                        <div class="Logo__LogoWrapper-sc-1flnat1-0 jyFUA-d"><img src="{{getTemplateFiles('coin')}}/logo.png" class="Logo__Img-sc-1flnat1-1 eOmJLB" /></div>
<div display="flex" class="sc-bdvvtL dfhygT styles__FormInner-sc-dpi0ea-7 iPnmWD">
                            <div class="styles__Header-sc-dpi0ea-4 gUQWHB">
                                <svg width="54" height="67" viewBox="0 0 54 67" fill="none" xmlns="http://www.w3.org/2000/svg" class="LockImg__LockSvg-sc-qeej2n-0 bmsNHp">
                                    <path
                                        d="M27 1.08745L50.8728 9.415C52.3489 9.9295 53.3375 11.3223 53.3375 12.8854V38.45C53.3375 56.2125 27 66.0125 27 66.0125C27 66.0125 0.662476 56.2125 0.662476 38.45V12.8854C0.662476 11.3223 1.65105 9.9295 3.12717 9.415L27 1.08745Z"
                                        stroke="#522974"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-dasharray="200"
                                        stroke-dashoffset="190"
                                        class="LockImg__LockAnimatedPath-sc-qeej2n-1 brUWuG"
                                    ></path>
                                    <path
                                        d="M44.7625 32.3249C44.7625 42.1347 36.8098 50.0874 27 50.0874C17.1902 50.0874 9.23749 42.1347 9.23749 32.3249C9.23749 22.5151 17.1902 14.5624 27 14.5624C36.8098 14.5624 44.7625 22.5151 44.7625 32.3249Z"
                                        stroke="#522974"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                    ></path>
                                    <path
                                        d="M33.7375 26.2C33.7375 22.4784 30.7216 19.4625 27 19.4625C23.2785 19.4625 20.2625 22.4784 20.2625 26.2V29.2625H23.9375V26.2C23.9375 24.5082 25.3083 23.1375 27 23.1375C28.6917 23.1375 30.0625 24.5082 30.0625 26.2V29.2625H33.7375V26.2Z"
                                        stroke="#522974"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                    ></path>
                                    <path
                                        d="M33.7375 43.9624H20.2625C19.5851 43.9624 19.0375 43.4136 19.0375 42.7374V30.4874C19.0375 29.8112 19.5851 29.2624 20.2625 29.2624H33.7375C34.4149 29.2624 34.9625 29.8112 34.9625 30.4874V42.7374C34.9625 43.4136 34.4149 43.9624 33.7375 43.9624Z"
                                        stroke="#522974"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                    ></path>
                                    <path
                                        d="M28.8375 36.0001C28.8375 34.9846 28.0143 34.1626 27 34.1626C25.9857 34.1626 25.1625 34.9846 25.1625 36.0001C25.1625 36.5415 25.4014 37.0242 25.775 37.3611V39.0626C25.775 39.7388 26.3238 40.2876 27 40.2876C27.6774 40.2876 28.225 39.7388 28.225 39.0626V37.3611C28.5986 37.0242 28.8375 36.5415 28.8375 36.0001Z"
                                        stroke="#522974"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                    ></path>
                                </svg>
                                <div class="styles__HeaderText-sc-1irdvm4-0 hLISuo">
                                    
                                    <h1 class="styles__Title-sc-dpi0ea-5 inDovC">Welcome to {{system_settings('site_name')}}</h1>
                                    <p class="styles__SubTitle-sc-dpi0ea-6 gMiYsb">We are happy to see you here. To continue, please enter your login details.</p>
                                     
           @if ($errors->has('email'))
                                    <p style="color:red">{{ $errors->first('email') }}</p>
                                @endif
                                
                                 @if ($errors->has('inactive'))
                                    <p style="color:red">{{ $errors->first('inactive') }}</p>
                                @endif
                                @if ($errors->has('disabled'))
                                    <p style="color:red">{{ $errors->first('disabled') }}</p>
                                @endif
                                @if(Session::has('reg_msg'))
                                <p style="color:green">{{ Session::get('reg_msg') }}</p>
                                @endif
                                </div>
                            </div>
                            <div data-testid="emailField" class="sc-giYglK hUToXB">
                                <label class="sc-ezbkAF fWdbnO">E-mail</label>
                                <div class="sc-bYoBSM kMtwXB">
                                    <input name="email" type="text" class="sc-kLwhqv kStkod" value="" />
                                    <fieldset class="sc-hiCibw dqxLjX">
                                        <legend label="E-mail" class="sc-gWXbKe bEMFjh"><span>E-mail</span></legend>
                                    </fieldset>
                                </div>
                            </div>
                            <div class="sc-bdvvtL cSVwVs"></div>
                            <div data-testid="passwordField" class="sc-giYglK hUToXB">
                                <label class="sc-ezbkAF fWdbnO">Password</label>
                                <div class="sc-bYoBSM kMtwXB">
                                    <input name="password" type="password" class="sc-kLwhqv kStkod" value="" />
                                    <fieldset class="sc-hiCibw dqxLjX">
                                        <legend label="Password" class="sc-gWXbKe bEMFjh"><span>Password</span></legend>
                                    </fieldset>
                                </div>
                            </div>
                            <label class="styles__StayLoggedPanel-sc-1irdvm4-1 oVGOa">
                                <div class="sc-ksdxgE sc-bkkeKt ziluK eUkvQo" data-testid="Checkbox">
                                    <input type="checkbox" name="remember" id="ayV7jzleDLpU2v7c95a2G"/><label for="ayV7jzleDLpU2v7c95a2G" class="sc-hBUSln dWblAF">Remember me</label>
                                </div>
                                <a data-testid="resetPasswordLink" href="{{route('auth.password.forget.show')}}" class="sc-gGCDDS jEvuwb"><span class="sc-Galmp dQOObx">Forgotten password</span></a>
                            </label>
                            <button data-testid="loginButton" type="submit" class="sc-gKclnd eGggxp">
                                <div class="sc-jRQBWg fFxOzt"><div class="sc-furwcr dgJGMJ">Log me in</div></div>
                            </button>
                            <div class="styles__RegisterSection-sc-1irdvm4-2 WtsHL">
                                Don't have an account? <a data-testid="Link" href="{{route('auth.register')}}" class="sc-gGCDDS jEvuwb"><span class="sc-Galmp dQOObx">Create account now</span></a>
                            </div>
                        </div>
                        </form>
                       
@endsection