@extends('admin.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )

@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )

@section('content')
    <div class="container" style="margin-top: 50px">
        <div class="row text-center justify-content-center">
            <div class="col-xs-12 col-sm-12 col-md-6 text-center">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center">
                        <h4>{{__('admin/auth/reset-password.heading-text')}}</h4>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3 border shadow mb-4"
                     style="background:#f9f9f9">
                    <div class="mt-2 mb-2 border border-light"></div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <form id="login-form" action="{{ route('admin.auth.reset-password', $token) }}" method="POST"
                              class="d-grid">
                            @method('PATCH')
                            @csrf()
                            <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <label class="float-left"
                                       for="email">{!! __('admin/auth/reset-password.form-control-labels.email') !!}</label>
                                <input
                                    type="text"
                                    class="form-control"
                                    id="email"
                                    name="email"
                                    value="{{ old('email') }}"
                                >
                                @if($errors->has('email'))
                                    {!! __('shared.error.show', ['errorMessage' => $errors->first('email')]) !!}
                                @endif
                            </div>

                            <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <label
                                    class="float-left">{!! __('admin/auth/reset-password.form-control-labels.password') !!}</label>
                                <div class="input-group">
                                    <input
                                        class="form-control"
                                        name="password"
                                        id="password"
                                        type="text"
                                    >
                                    <div class="input-group-btn">
                                        <a href="javascript:void(0)" class="btn btn-light d-none password-visible" onclick="togglePasswordType('text')">
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                        <a href="javascript:void(0)" class="btn btn-light password-hidden" onclick="togglePasswordType('password')">
                                            <i class="fa fa-eye-slash" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                @if($errors->has('password'))
                                    {!! __('shared.error.show', ['errorMessage' => $errors->first('password')]) !!}
                                @endif
                            </div>

                            <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <label class="float-left"
                                       for="email">{!! __('admin/auth/reset-password.form-control-labels.password-confirmation') !!}</label>
                                <input
                                    type="password"
                                    class="form-control"
                                    id="password_confirmation"
                                    name="password_confirmation"
                                    value="{{ old('password_confirmation') }}"
                                >
                                @if($errors->has('password_confirmation'))
                                    {!! __('shared.error.show', ['errorMessage' => $errors->first('password_confirmation')]) !!}
                                @endif
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center">
                                <input class="btn btn-primary btn-block" type="submit"
                                       value="{{ __('admin/auth/reset-password.forgot-password-btn-text') }}">
                            </div>
                        </form>
                    </div>

                    <div class="border border-light mt-3 mb-4"></div>
                </div>
            </div>
        </div>
    </div>

    <script defer type="text/javascript" src="{{asset('/js/customer/reset-password.js')}}"></script>
@endsection