@extends('layouts.auth', [
    'activePage' => 'login',
])
<style>
    ::placeholder {
        color: #000 !important;
        opacity: 1;
        /* Firefox */
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000 !important;
    }

    ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #000 !important;
    }

    .dropdown-menu[data-bs-popper] {
        margin-top: 0px !important;
    }
</style>
{{-- comentario teste --}}
@php

    function localeRoute(string $locale)
    {
        $params = Route::current()->parameters();
        $oldLocale = Request::segments()[0];
        if ($locale == $oldLocale) {
            return '#';
        }
        array_unshift($params, $locale);
        App::setLocale($locale);
        return route(Route::currentRouteName());
    }

@endphp

@section('content')
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-transparent  bg-primary  navbar-absolute"
        style="background-color: transparent !important; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 0%);">
        <div class="btn-group">
            <button type="button" class="btn btn-secondary dropdown-toggle" style="background-color: transparent"
                data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                <i style="color: white" class="fas fa-globe-europe fa-lg"></i>
            </button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="/pt"><img src="https://flagcdn.com/16x12/pt.png"> Português</a></li>
                <li><a class="dropdown-item" href="/en"><img src="https://flagcdn.com/16x12/gb.png"> English</a></li>
            </ul>
        </div>

    </nav>
    <!-- End Navbar -->

    <main class="main-content main-content-bg mt-0">
        <div class="page-header min-vh-100"
            style="background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro/assets/img/signin-basic.jpg');">
            <span class="mask bg-gradient-dark opacity-6"></span>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-7">
                        <div class="card border-0 mb-0">
                            <div class="card-body px-lg-5 pt-0">
                                <div class="card-header bg-transparent">
                                    <h4 class="text-dark text-center mt-2 mb-2">{{ __('ui.welcome_back') }}</h4>
                                </div>
                                <form role="form" method="POST" action="{{ route('login') }}">
                                    @csrf
                                    <input hidden name="locale" value="{{ App::getLocale() }}">
                                    <div class="mb-3 {{ $errors->has('email') ? ' has-danger' : '' }}">
                                        <input class="form-control" placeholder="{{ __('Email') }}" type="email"
                                            name="email" value="{{ old('email') }}" required autofocus>
                                    </div>
                                    @if ($errors->has('email'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong class="mb-1">{{ __($errors->first('email')) }}</strong>
                                        </span>
                                    @endif
                                    <div {{ $errors->has('password') ? ' has-danger' : '' }}>
                                        <input placeholder="Password" class="form-control" name="password"
                                            placeholder="{{ __('Password') }}" type="password">
                                    </div>
                                    @if ($errors->has('password'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong class="mb-1">{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary w-100 my-4 mb-2 login">Log In</button>
                                    </div>
                                    <div class="text-center">
                                        <h6>
                                            <a href="{{ route('password.request') }}" class="link footer-link"
                                                style="color: black; font-size: 13px">{{ __('ui.forgotPassword') }}</a>
                                        </h6>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="copyright mt-2" id="copyright" style="text-align: center; color: white; font-size: 14px">
                        &copy; {{ date('Y') }},
                        <a style="color: white; text-decoration: underline" href="https://controlink.pt/"
                            target="_blank">{{ __('Controlink') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@push('js')
    <script>
        $('form').on('submit', function() {
            $('button[type=submit]').html('<i class="fas fa-cog fa-spin"></i>');
        })
    </script>
@endpush