@extends('dashboard.layouts.master')
@section('title', 'Change Password - Step 1')
@section('content')
<div class="padding p-30 edit-package">
    <div class="box">
        <div class="box-header m-b-2">
            <div class="box-header-left">
                <h3>Change Password</h3>
                <small>
                    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / Change Password
                </small>
            </div>
            <div class="box-header-right">
                <div class="box-tool">
                    <ul class="nav">
                        <li class="nav-item inline">
                            <a class="nav-link" href="{{route('users')}}">
                                <i class="material-icons md-18">×</i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="box-body">

            @if(Session::has('errorMessageNewPassword'))
                <div class="alert alert-danger">{{ Session::get('errorMessageNewPassword') }}</div>
            @endif

            {!! Form::open(['route' => ['admin-change-password-send-otp'], 'method' => 'POST', 'id' => 'form-step-1', 'autocomplete' => 'off','class'=>'form-horizontal']) !!}
            <div class="form-group row">
                <label for="email" class="col-xl-3 form-control-label">Register Email ID <span class="valid_field">*</span></label>
                <div class="col-xl-9">
                    <input type="email" name="email" class="form-control" id="email" placeholder="Enter Register Email ID" required>
                    <div><small>Note: Admin gets User Verification code on Email ID</small></div>
                </div>
            </div>
            <div class="form-group row m-t-md">
                <div class="offset-xl-3 col-xl-9">
                    <button type="submit" id="send-otp-btn" class="solid-button m-r-1">Send OTP</button>
                </div>
            </div>
            {{Form::close()}}
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
    $('#form-step-1').on('submit', function() {
        $('#send-otp-btn').prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Sending...');
    });
</script>
@endsection