@include('layouts.header')
<main>
<div class="mb-4 pb-4"></div>
<section class="login-register container mb-5">
<h2 class="d-none">Password</h2>
<ul class="nav nav-tabs mb-5" id="login_register" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link nav-link_underscore" id="register-tab" data-bs-toggle="tab" href="#tab-item-register" role="tab" aria-controls="tab-item-register" aria-selected="false">Password Update</a>
</li>
</ul>
<div class="tab-content pt-2" id="login_register_tab_content">
<!--<div class="tab-pane fade" id="tab-item-register" role="tabpanel" aria-labelledby="register-tab">-->
    @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    @endif

<div class="register-form">
    <form method="POST" action="{{ route('update.password') }}" name="register-form" class="needs-validation" novalidate>
    @csrf   
    <div class="form-floating mb-3">
    <input name="old_password" type="password" class="form-control form-control_gray" id="customerNameRegisterInput" placeholder="Old Password" required>
    <label for="customerNameRegisterInput">Old Password</label>
    </div>
    <div class="pb-3"></div>
    
                <div class="form-floating mb-3">
    <input name="new_password" type="password" class="form-control form-control_gray" id="customerEmailRegisterInput" placeholder="New Password *" required>
    <label for="customerEmailRegisterInput">New Password *</label>
    </div>
    <div class="pb-3"></div>
    <div class="form-floating mb-3">
    <input name="confirm_password" type="password" class="form-control form-control_gray" id="customerPasswodRegisterInput" placeholder=" Confirm Password *" required>
    <label for="customerPasswodRegisterInput">Confirm Password *</label>
    </div>
    <div class="d-flex align-items-center mb-3 pb-2">
    <p class="m-0">Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy.</p>
    </div>
    <button class="btn btn-primary w-100 text-uppercase" type="submit">Update</button>
    </form>
</div>
<!--</div>-->
</div>
</section>
</main>
 
@include('layouts.footer')