@extends('adminlte::auth.auth-page', ['auth_type' => 'login'])

@section('adminlte_css_pre')
    <link rel="stylesheet" href="{{ asset('vendor/icheck-bootstrap/icheck-bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.css') }}">
@stop

@section('css')
    <style>
        input, .input-group-append{
            border: 0.1rem solid #7a7a7a !important;
            border-radius: 16px !important;
        }

        input{
            padding-left: 10px !important;
        }

        .half .btn{
            height: unset !important;
            padding-left: unset !important;
            padding-right: unset !important;
            /* background-color: #14b04c !important; */
            background-color: #28a745 !important;
            border: unset !important;
            color: white !important;
            border-radius: 20px !important;
            margin-top: 10px;

        }

        .btn-custom {
            background-color: #28a745 !important;
            color: white;
            border-radius: 20px;
        }

        .login-form {
            padding: 20px;
        }
        .login-form .form-control {
            border-color: unset !important;
        }

    </style>
@stop

@php( $login_url = View::getSection('login_url') ?? config('adminlte.login_url', 'login') )
@php( $register_url = View::getSection('register_url') ?? config('adminlte.register_url', 'register') )
@php( $password_reset_url = View::getSection('password_reset_url') ?? config('adminlte.password_reset_url', 'password/reset') )

@if (config('adminlte.use_route_url', false))
    @php( $login_url = $login_url ? route($login_url) : '' )
    @php( $register_url = $register_url ? route($register_url) : '' )
    @php( $password_reset_url = $password_reset_url ? route($password_reset_url) : '' )
@else
    @php( $login_url = $login_url ? url($login_url) : '' )
    @php( $register_url = $register_url ? url($register_url) : '' )
    @php( $password_reset_url = $password_reset_url ? url($password_reset_url) : '' )
@endif

@section('auth_header', __(''))

@section('auth_body')
    <form action="{{ $login_url }}" method="post" class="px-1 px-sm-5 px-md-2 px-lg-5">
        @csrf

        {{-- Email field --}}
        <div class="form-group">
            <label class="text-secondary" for="email">Email address</label>
            <div class="input-group mb-3" id="emailInputWrapper">
                <input title="This field is required" type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                    value="{{ old('email') }}" placeholder="{{ __('adminlte::adminlte.email') }}" id="emailInput" style="background-color: #f5f5f5;" autofocus>
                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>

        {{-- Password field --}}
        <div class="form-group">
            <label class="text-secondary" for="password">Password</label>
            <div class="input-group mb-3">
                <input title="This field is required" type="password" id="password" name="password" class="pr-1 form-control @error('password') is-invalid @enderror"
                    placeholder="{{ __('adminlte::adminlte.password') }}" style="background-color: #f5f5f5;">

                @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>

        {{-- Login field --}}
        <div class="row d-flex flex-column flex-sm-row text-center pt-2">
            <div class="col-12 col-sm-6">
                <div class="icheck-primary text-sm-left" title="{{ __('adminlte::adminlte.remember_me_hint') }}">
                    <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                    <label class="text-secondary" for="remember">
                        {{ __('adminlte::adminlte.remember_me') }}
                    </label>
                </div>
            </div>

            {{-- Password reset link --}}
            @if($password_reset_url)
                <div class="col-12 col-sm-6 text-sm-right">
                    <p class="my-0">
                        <a href="{{ $password_reset_url }}">
                            {{ __('adminlte::adminlte.i_forgot_my_password') }}
                        </a>
                    </p>
                </div>
            @endif

            <button type=submit class="btn btn-block {{ config('adminlte.classes_auth_btn', 'btn-flat btn-success') }}">
                <span class="fas fa-sign-in-alt"></span>
                {{ __('adminlte::adminlte.sign_in') }}
            </button>
        </div>

    </form>
@stop

@section('auth_footer')

@stop
