@extends('layout.master')
@section('content')
    <div class="content">
        <div class="">
            <div class="row">
                <div class="col-12 col-xl-12 order-1 order-xl-0">
                    <div class="mb-9">
                        <div class="card shadow-none border my-4" data-component-card="data-component-card">
                            <div class="card-header p-4 border-bottom bg-body">
                                <div class="row g-3 justify-content-between align-items-center">
                                    <div class="col-12 col-md">
                                        <h4 class="text-body mb-0" data-anchor="data-anchor">Update Password
                                        </h4>
                                    </div>

                                </div>
                            </div>
                            <div class="card-body p-0">

                                <div class="p-4 code-to-copy">
                                    <form class="row g-3" action="{{ route('change_password') }}" method="POST"
                                        enctype="multipart/form-data">
                                        
                                        @csrf
                                        <div class="col-md-4">
                                            <label class="form-label" for="old_password">Old Password <span
                                                    class="text-danger">*</span> </label>
                                            <input class="form-control" name="old_password" id="old_password" type="text"
                                                value=""
                                                required="" />
                                            @error('old_password')
                                                <div class="valid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror

                                        </div>

                                        <div class="col-md-4">
                                            <label class="form-label" for="new_password">New Password<span
                                                    class="text-danger">*</span> </label>
                                            <input class="form-control" name="new_password" id="new_password" type="text"
                                                value=""
                                                required="" />

                                            @error('new_password')
                                                <div class="valid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror

                                        </div>

                                        <div class="col-md-4">
                                            <label class="form-label" for="confirm_password">Confirm New Password<span
                                                    class="text-danger">*</span> </label>
                                            <input class="form-control" name="confirm_password" id="confirm_password" type="text"
                                                value=""
                                                required="" />

                                            @error('confirm_password')
                                                <div class="valid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror

                                        </div>

                                        <div class="col-12">
                                            <button class="btn btn-primary" type="submit">Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection