@extends('master-login')
@section('title')
Rest Password
@endsection
@section('reset-password')
<!-- Content -->
@if (Session::has('error'))
<div class="alert alert-primary" role="alert">
    <strong>{{ Session::get('error') }}</strong>
</div>
@else
<div class="container-xxl">
    <div class="authentication-wrapper authentication-basic container-p-y">
        <div class="authentication-inner">
            @if (session('email_not_verified'))
            <div class="alert alert-danger text-center">
                {{ session('email_not_verified') }}
            </div>
            @endif

            @if (session('email_not_found'))
            <div class="alert alert-danger text-center">
                {{ session('email_not_found') }}
            </div>
            @endif

            @if (session('wrong_password'))
            <div class="alert alert-danger text-center">
                {{ session('wrong_password') }}
            </div>
            @endif

            @if (session('link-invalid'))
            <div class="alert alert-danger text-center">
                {{ session('link-invalid') }}
            </div>
            @endif
            @if (session('success-msg'))
            <div class="alert alert-success text-center">
                {{ session('success-msg') }}
            </div>
            @endif

            <!-- Register -->
            <div class="card">
                <div class="card-body">
                    <!-- Logo -->
                    <!-- <div class="app-brand justify-content-center">
                        <p class="app-brand-link gap-2">
                            <span class="app-brand-logo demo">
                                <img src="{{ asset('assets/img/images/qr_code.png') }}">
                            </span>
                            <span class="app-brand-text demo menu-text fw-bolder ms-2">QR Code Generator</span>

                        </p>
                    </div> -->

                    <div class="app-brand demo center-padding">
                        <span class="app-brand-logo demo">
                            <img src="{{ asset('assets/img/images/qr_code.png') }}">
                        </span>
                        <span class="app-brand-text demo menu-text fw-bolder ms-2">QR Code Generator</span>

                        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
                            <i class="bx bx-chevron-left bx-sm align-middle"></i>
                        </a>
                    </div>

                    <!-- /Logo -->
                    <p class="mb-4">Reset your password.</p>


                    <form class="mb-3" action="{{ route('password.update') }}" method="POST">
                        @csrf
                        <input type="hidden" name="token" value="{{ $token }}">
                        {{-- <input type="hidden" name="id" value="{{ $id }}"> --}}
                        <div class="mb-3 form-password-toggle">
                            <div class="d-flex justify-content-between">
                                <label class="form-label" for="password">New Password</label>
                            </div>
                            <div class="input-group input-group-merge">
                                <input type="password" id="password" class="form-control password" name="password"
                                       placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
                                       aria-describedby="password" />
                                <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
                            </div>
                            <span style="color: red;">
                                @error('password')
                                {{ $message }}
                                @enderror
                            </span>
                        </div>
                        <div class="mb-3 form-password-toggle">
                            <div class="d-flex justify-content-between">
                                <label class="form-label" for="password">Confirm Password</label>
                            </div>
                            <div class="input-group input-group-merge">
                                <input type="password" id="password" class="form-control confirm_password" name="confirm_password"
                                       placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
                                       aria-describedby="password" />
                                <span class="input-group-text cursor-pointers"><i class="bx bx-hide"></i></span>
                            </div>
                            <span style="color: red;">
                                @error('confirm_password')
                                {{ $message }}
                                @enderror
                            </span>
                        </div>

                        <div class="mb-3">
                            <div class="row">
                                <div class="col-md-6">
                                    <a class="btn btn-danger d-grid w-100" href="