@extends('backend.layouts.customer-horizontal')
@section('title','Change Password')
@section('content')
    <div class="container-fluid">
        <div class="row mt-3 ">
            <div class="col-lg-12 ">
                <div class="card">
                    <h5 class="card-header bg-transparent border-bottom">Change Password</h5>
                    <div class="card-body">
                        <form action="{{ route('customers.updatePassword') }}" method="post">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-md-4">
                                    <label for="old_password" class="form-label">Old Password</label>
                                    <input type="password" class="form-control" id="old_password" name="old_password"
                                           placeholder="Enter old password" value="{{old('old_password')}}">
                                    @error('old_password')
                                    <small class="form-text text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-md-4">
                                    <label for="password" class="form-label">New Password</label>
                                    <input class="form-control me-auto" id="password" name="password" type="password"
                                           placeholder="Enter new password">
                                    @error('password')
                                    <small class="form-text text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-md-4">
                                    <label for="password_confirmation" class="form-label">Confirm New Password</label>
                                    <input class="form-control me-auto" id="password_confirmation"
                                           name="password_confirmation" type="password"
                                           placeholder="Re-enter new password">
                                </div>

                            </div>
                            <div class="">
                                <button type="submit" class="btn btn-primary w-md">Update Password</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection