@extends('user.layouts.master')
@section('title', 'Change Password')
@section('content')
<div class="container-fluid">
   <div class="breadcrumb-header justify-content-between">
      <div class="my-auto">
         <div class="d-flex">
            <h4 class="content-title mb-0 my-auto">My Account</h4>
            <span class="text-muted mt-1 tx-13 ml-2 mb-0">/ Change Password</span>
         </div>
      </div>
   </div>
   <div class="row row-sm">
      <div class="col-md-8 offset-md-1">
         <form method="post" action="{{ route('password.update') }}" class="form-horizontal">
            @csrf
            @method('put')
            <div class="card">
               <div class="card-body">
                  <div class="mb-4 main-content-label">Change Password</div>
                  <div class="form-group ">
                     <div class="row">
                        <div class="col-md-3">
                           <label class="form-label">Current Password:</i></label>
                        </div>
                        <div class="col-md-9">
                           <input type="password" name="current_password" class="form-control"  placeholder="********" value="">
                        </div>
                     </div>
                  </div>
                  <div class="form-group ">
                     <div class="row">
                        <div class="col-md-3">
                           <label class="form-label">New Password:</label>
                        </div>
                        <div class="col-md-9">
                           <input type="password" name="password" class="form-control"  placeholder="********" value="">
                        </div>
                     </div>
                  </div>
                  <div class="form-group ">
                     <div class="row">
                        <div class="col-md-3">
                           <label class="form-label">Confirm Password:</label>
                        </div>
                        <div class="col-md-9">
                           <input type="password" name="confirmed" class="form-control"  placeholder="********" value="">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="card-footer">
                  <button type="submit" class="btn btn-primary waves-effect waves-light">Submit</button>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
@endsection