@section('title',__('login.title') )
@extends('auth.layout')
@section('body_class','login')
@section('content')

@php
//dd($errors);
@endphp
@if (sizeof($errors)>0)
@foreach($errors->get('username') as $key => $error)
<x-notify type="danger" id="error$key" :message="$error" />    
@endforeach
@endif
<div class="wrapper wrapper-login wrapper-login-full p-0">

    <div class="login-aside w-50 d-flex flex-column align-items-center justify-content-center text-center bg-secondary-gradient">
        <h1 class="title fw-bold text-white mb-3">Join Our Comunity</h1>
        <p class="subtitle text-white op-7">Ayo bergabung dengan komunitas kami untuk masa depan yang lebih baik</p>
    </div>

    <div class="login-aside w-50 d-flex align-items-center justify-content-center bg-white">
        <div class="container container-login container-transparent animated fadeIn">
            <h3 class="text-center">{{ __ ('Sign In To Admin')}}</h3>


            <div class="login-form">
                <form method="POST" action="{{ route('auth.login.do') }}" accept-charset="UTF-8" name="login-form" id="login-form" novalidate>
                    @method('post')
                    @csrf
                    <div class="form-group @if($errors->login->get('username')) has-error @endif">
                        <label for="username" class="placeholder"><b>{{__('username')}}</b></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="username-addon">@</span>
                            </div>
                            <input type="text" class="form-control" placeholder="" aria-label="username" aria-describedby="username-addon" id="username" name="username" required="" aria-invalid="true" value="{{old('username')}}">
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->login->get('username') as $error)
                            <label id="username-error" class="error" for="username">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group @if($errors->login->get('username')) has-error @endif">
                        <label for="password" class="placeholder"><b>{{__('password')}}</b></label>
                        <a href="#" class="link float-right">{{__('forget.password')}}</a>
                        <div class="position-relative">
                            <input id="password" name="password" type="password" class="form-control" value="{{old('password')}}" required>
                            <div class="show-password">
                                <i class="icon-eye"></i>
                            </div>
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->login->get('password') as $error)
                            <label id="password-error" class="error" for="password">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>


                    @if(env('APP_MULTLANG') == TRUE)
                    <div class="form-group  @if($errors->login->get('locale')) has-error @endif">
                        <label for="locale" class="placeholder"><b>{{__('locale')}}</b></label>
                        <div class="select2-input">
                            <select id="locale" name="locale" class="form-control" required>
                                <option value="" selected>{{__('locale.choice')}}</option>
                                @foreach ($locales as $locale)
                                <option value="{{$locale}}">{{strtoupper($locale)}}</option>
                                @endforeach
                            </select>
                            <div class="msg-validate">
                                @foreach($errors->login->get('locale') as $error)
                                <label id="locale-error" class="error" for="locale">{{$error}}</label>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="form-group form-action-d-flex mt-3 mb-3">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" value="true" name="rememberme" id="rememberme">
                            <label class="custom-control-label m-0" for="rememberme">{{__('login.remember')}}</label>
                        </div>
                        <button class="btn btn-secondary col-md-5 float-right mt-3 mt-sm-0 fw-bold" type="submit">{{__('login.signin')}}</button>
                    </div>
                    {{-- APP_REGISTER_LOGIN --}}
                    <div class="login-account">
                        <span class="msg-validate">{{__("Don't have an account yet ?")}}</span>
                        <a href="#" id="show-signup" class="link">{{__('login.signup')}}</a>
                    </div>
                    {{-- APP_REGISTER_LOGIN --}}
                </form>
            </div>
        </div>
        <!-- -->
        <div class="container container-signup container-transparent animated fadeIn">
            <h3 class="text-center">{{__('Sign Up')}}</h3>
            <div class="login-form">
                <form method="POST" action="{{ route('auth.signup') }}" accept-charset="UTF-8" name="signup-form" id="signup-form" novalidate>
                    @method('post')
                    @csrf
                    <div class="form-group  @if($errors->signup->get('fullname')) has-error @endif">
                        <label for="fullname" class="placeholder"><b>{{__('Fullname')}}</b></label>
                        <input id="fullname" name="fullname" type="text" class="form-control" required>
                        <div class="msg-validate">
                            @foreach($errors->signup->get('fullname') as $error)
                            <label id="fullname-error" class="error" for="fullname">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group  @if($errors->signup->get('email')) has-error @endif">
                        <label for="email" class="placeholder"><b>{{__('Email')}}</b></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="email-addon">@</span>
                            </div>
                            <input type="text" class="form-control" placeholder="" aria-label="email" aria-describedby="email-addon" id="email" name="email" required="" aria-invalid="true">
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->signup->get('email') as $error)
                            <label id="email-error" class="error" for="email">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group  @if($errors->signup->get('passwordsignin')) has-error @endif">
                        <label for="passwordsignin" class="placeholder"><b>{{__('Password')}}</b></label>
                        <div class="position-relative">
                            <input id="passwordsignin" name="passwordsignin" type="password" class="form-control" required>
                            <div class="show-password">
                                <i class="icon-eye"></i>
                            </div>
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->signup->get('passwordsignin') as $error)
                            <label id="passwordsignin-error" class="error" for="passwordsignin">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="form-group  @if($errors->signup->get('confirmpassword')) has-error @endif">
                        <label for="confirmpassword" class="placeholder"><b>{{__('Confirm Password')}}</b></label>
                        <div class="position-relative">
                            <input id="confirmpassword" name="confirmpassword" type="password" class="form-control" required>
                            <div class="show-password">
                                <i class="icon-eye"></i>
                            </div>
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->signup->get('confirmpassword') as $error)
                            <label id="confirmpassword-error" class="error" for="confirmpassword">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="row form-sub m-0   @if($errors->signup->get('agree')) has-error @endif">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" value="" name="agree" id="agree">
                            <label class="custom-control-label" for="agree">{{__('I Agree the terms and conditions.')}}</label>
                        </div>
                        <div class="msg-validate">
                            @foreach($errors->signup->get('agree') as $error)
                            <label id="agree-error" class="error" for="agree">{{$error}}</label>
                            @endforeach
                        </div>
                    </div>
                    <div class="row form-action">
                        <div class="col-md-6">
                            <button id="show-signin" class="btn btn-danger btn-link w-100 fw-bold">{{__('Cancel')}}</button>
                        </div>
                        <div class="col-md-6">
                            <button type="submit" href="#" class="btn btn-secondary w-100 fw-bold">{{__('Sign Up')}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection
@push('scripts')
{{-- <script src="{{ asset('admin/js/plugin/parsley.min.js') }}"></script> --}}
<script src="{{ asset('admin/js/plugin/jquery.validate/jquery.validate.min.js') }}"></script>
<script src="{{ asset('admin/js/login.js') }}"></script>

@if (sizeof($errors->signup) > 0)
<script>
    showSignUp = true;
    showSignIn = false;
    changeContainer();

</script>
@endif
@endpush