@extends('backend.layouts.main')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Change Password
      </h1>
    </section>
  
    <!-- Main content -->
    <section class="content">
        <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <!-- /.box-header -->
            <div class="box box-default">
            <div class="box-header with-border">
              <h3 class="box-title">Change your password</h3>
            </div>
            @if ($errors->any())
              <div class="alert alert-danger">
                  <ul>
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
            @endif              
            <div class="box-body">    
            <!-- /.box-header -->
            <!-- form start -->
                <form method="post" action="{{ route('submit-change-password') }}">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="exampleInputEmail1">Old Password</label>
                    <input type="password" class="form-control" name="old_password" aria-describedby="emailHelp" placeholder="Enter old password" value="{{ old('old_password') ?? '' }}">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">New Password</label>
                    <input type="password" class="form-control" name="new_password" placeholder="New Password" value="{{ old('new_password') ?? '' }}">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">Confirm Password</label>
                    <input type="password" class="form-control" name="confirm_password" placeholder="Confirm Password" value="{{ old('confirm_password') ?? '' }}">
                </div>                
                <button type="submit" class="btn btn-primary">Change Password</button>
                </form>
            </div>
          </div>
            <!-- /.box-body -->
          </div>
        </div>
      </div>
  
  
    </section>
    <!-- /.content -->
  
@endsection