@extends('auth.customer.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-inner bg-brand-gradient">
            <div class="page-content-wrapper bg-transparent m-0">
                <div class="height-10 w-100 shadow-lg px-4 bg-brand-gradient">
                    <div class="d-flex align-items-center container p-0">
                        <div class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0 height-9">
                            <a href="javascript:void(0)" class="page-logo-link press-scale-down d-flex align-items-center">
                                <img src="{{asset('img/smart_admin_bootstrap4/logo.png')}}" alt="SmartAdmin WebApp" aria-roledescription="logo">
                                {{--<span class="page-logo-text mr-1">CDRL Portal</span>--}}
                            </a>
                        </div>
                        <span class="text-white opacity-50 ml-auto mr-2 hidden-sm-down">
                            </span>
                        <a href="{{ url('retailer/login') }}" class="btn-link text-white ml-auto ml-sm-0">
                            Login
                        </a>
                    </div>
                </div>
                <div class="flex-1" style="background: url(img/svg/pattern-1.svg) no-repeat center bottom fixed; background-size: cover;">
                    <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
                        <div class="row">
                            <div class="col-xl-12">
                                <h2 class="fs-xxl fw-500 mt-4 text-white text-center">
                                   Reset Password
                                    <small class="h3 fw-300 mt-3 mb-5 text-white opacity-60 hidden-sm-down">
                                        Not a problem, happens to the best of us. Just use the form below to reset it!
                                    </small>
                                </h2>
                            </div>
                            <div class="col-xl-6 ml-auto mr-auto">
                                <div class="card p-4 rounded-plus bg-faded">
                                    @if (session('status'))
                                        <div class="alert alert-success" role="alert">
                                            {{ session('status') }}
                                        </div>
                                    @endif
                                    <form  method="POST" action="{{ route('retailer.password.update') }}">
                                        @csrf

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

                                        <div class="form-group">
                                            <label for="email" class="form-label">
                                                {{ __('E-Mail Address') }}
                                            </label>
                                            <input id="email"
                                                   type="email"
                                                   class="form-control @error('email') is-invalid @enderror"
                                                   name="email"
                                                   value="{{ $email ?? old('email') }}"
                                                   required
                                                   autocomplete="email"
                                                   autofocus>
                                            @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="form-label">
                                                {{ __('New Password') }}
                                            </label>

                                            <input id="password"
                                                   type="password"
                                                   class="form-control @error('password') is-invalid @enderror"
                                                   name="password"
                                                   required
                                                   autocomplete="new-password"
                                            >

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

                                        </div>

                                        <div class="form-group">
                                            <label for="password-confirm"
                                                   class="form-label">
                                                {{ __('Confirm Password') }}
                                            </label>
                                            <input id="password-confirm"
                                                       type="password"
                                                       class="form-control"
                                                       name="password_confirmation"
                                                       required
                                                       autocomplete="new-password"
                                            >
                                        </div>
                                        <div class="row no-gutters">
                                            <div class="col-md-4 ml-auto text-right">
                                                <button id="js-login-btn" type="submit" class="btn btn-danger">Recover</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-block text-center text-white">
                        {{ now()->year }} © CDRL Retailer
                    </div>
                </div>
            </div>
        </div>
@endsection
@section ('scripts')
@endsection