@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: 1px 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( $password_reset_url = View::getSection('password_reset_url') ?? config('adminlte.password_reset_url', 'password/reset') )

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

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

@section('auth_body')
    <form action="{{ $password_reset_url }}" method="post" class="login-form">
        @csrf

        {{-- Tokens field --}}
        <input type="hidden" name="token" value="{{ $token }}">

        {{-- 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>

        {{-- Password field --}}
        <div class="input-group mb-3">
            <label class="text-secondary" for="password">Enter a New Password</label>
            <div class="input-group mb-3">
                <input type="password" name="password" class="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>

        {{-- Password confirmation field --}}
        <div class="input-group mb-3">
            <label class="text-secondary" for="password">Confirm Your Password</label>
            <div class="input-group mb-3">
                <input type="password" name="password_confirmation"
                    class="form-control @error('password_confirmation') is-invalid @enderror"
                    placeholder="{{ trans('adminlte::adminlte.retype_password') }}" style="background-color: #f5f5f5;">

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

        {{-- Confirm password reset button --}}
        <button type="submit" class="btn btn-block {{ config('adminlte.classes_auth_btn', 'btn-flat btn-success') }}">
            <span class="fas fa-sync-alt"></span>
            {{ __('adminlte::adminlte.reset_password') }}
        </button>

    </form>
@stop
