@extends('template.main-template')

@section('content')
    <main class="bg_gray">

        <div class="container margin_30">
            <div class="page_header">
                {{-- <div class="breadcrumbs">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li>Create or Login in your account</li>
                    </ul>
                </div> --}}
                {{-- <h1>Reset Password</h1> --}}
            </div>
            <!-- /page_header -->
            <div class="row justify-content-center">
                @if ($errors->any())
                    <div class="alert alert-danger padding-left-50">
                        @foreach ($errors->all() as $error)
                            <b>{{ $error }}</b>
                        @endforeach
                    </div>
                @endif
            </div>
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="box_account">
                        <form action="{{ route('password.reset.action') }}" method="POST" autocomplete="off">
                            @csrf
                            <input type="hidden" name="token" value="{{$token}}" autocomplete="false">
                            <h3 class="client">Change Your Password</h3>
                            <div class="form_container">
                                <div class="form-group">
                                    <label for="">Email</label>
                                    <input type="email" name="email" class="form-control"
                                        placeholder="Email" autocomplete="false"">
                                </div>
                                <div class="form-group">
                                    <label for="">New Password</label>
                                    <input type="password" class="form-control" name="password" id="password"
                                        placeholder="New Password" autocomplete="false">
                                </div>
                                <div class="form-group">
                                    <label for="">Password Confirmation</label>
                                    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" placeholder="Password Confirmation" autocomplete="false">
                                </div>

                                <div class="text-center"><input type="submit" value="Reset Password" class="btn_1 full-width">
                                </div>
                            </div>
                            <!-- /form_container -->
                        </form>
                    </div>
                    <!-- /box_account -->
                </div>
            </div>
            <!-- /row -->
        </div>
        <!-- /container -->
    </main>
@endsection

@push('css')
    <link href="{{ asset('template/css/account.css') }}" rel="stylesheet">
@endpush
@push('javascript')

@endpush