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

@php( $password_email_url = View::getSection('password_email_url') ?? config('adminlte.password_email_url', 'password/email') )

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

@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: 20px;

        }

        .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

@section('auth_header', __('adminlte::adminlte.email'))

@section('auth_body')

    @if(session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif

    <form action="{{ $password_email_url }}" method="post">
        @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;">

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

        {{-- Send reset link button --}}
        <button type="submit" class="btn btn-block btn-success {{ config('adminlte.classes_auth_btn', 'btn-flat btn-primary') }} rounded-pill">
            <span class="fas fa-share-square"></span>
            {{ __('adminlte::adminlte.send_password_reset_link') }}
        </button>

    </form>

@stop
