@extends('layouts.dashboard')

@section('content')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-left">
                <div class="page-title">
                    <h1>Change Password</h1>
                </div>
            </div>
        </div>
    </div>

    <div class="content mt-3">

        @if(Session::has('message'))
        <div class="col-sm-12">
            <div class="alert  {{ Session::get('alert-class', 'alert-info') }} alert-dismissible fade show" role="alert">
                {{ Session::get('message') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif

        <div class="animated fadeIn">
            <div class="row">
                <div class="col-md-12 d-flex justify-content-center">
                    <div class="card">
                        <div class="card-header"><strong>Change Password</strong></div>

                       <form action="{{ route('change-password')}}" method="post" class="form-horizontal">
                        @csrf
                        <div class="card-body card-block pt-4">

                                <div class="row form-group">
                                    <div class="col col-md-5"><label for="password" class=" form-control-label">New Password <span class="text-danger">*</span></label></div>
                                    <div class="col-12 col-md-7"><input type="text" id="password" name="password"
                                            placeholder="Enter Password" class="form-control">
                                        @error('password')
                                        <span class="help-block text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                    </div>
                                </div>

                                <div class="row form-group">
                                    <div class="col col-md-5"><label for="confirm-password" class=" form-control-label">Confirm Password <span class="text-danger">*</span></label></div>
                                    <div class="col-12 col-md-7"><input type="password" id="confirm-password" name="confirm_password"
                                            placeholder="Enter Confirm Password" class="form-control">
                                        @error('confirm_password')
                                        <span class="help-block text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                    </div>
                                </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary btn-sm float-right">
                                <i class="fa fa-dot-circle-o"></i> Submit
                            </button>
                        </div>
                    </form>
                    </div>
                </div>
            @endsection