@extends ('layouts.auth')

@section('content')

<div class="card border-0 rounded-0 mcp-theme-1 bg-transparent">
    <div class="card-header text-center font-weight-bold">
        Reset Password
    </div>
    <div class="card-body bg-transparent">
        @if(session()->has('message'))
        <div class="alert alert-danger">
            {{session('message')}}
        </div>
        @endif
        <form action="/self_reset_password" method="POST">
            @csrf
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary">Cell Number *</label>
                <input autofocus type="text" class="form-control" value="" name="cellNumber" required>
            </div>
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary d-flex align-items-center">Reset Token * <span class="ml-auto text-sm">(sent to your phone)</span></label>
                <input type="text" class="form-control" name="passwordResetToken" required>
            </div>
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary d-flex align-items-center"><b>{{ session()->get('sq1') }}</b></label>
                <input type="text" class="form-control" name="securityQuestionAnswer1" required>
            </div>
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary d-flex align-items-center"><b>{{ session()->get('sq2') }}</b></label>
                <input type="text" class="form-control" name="securityQuestionAnswer2" required>
            </div>
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary">Password *</label>
                <input autofocus type="password" class="form-control" value="" name="password" required>
            </div>
            <div class="form-group">
                <label for="" class="control-label mb-1 text-secondary d-flex align-items-center">Confirm Password *</label>
                <input type="password" class="form-control" name="passwordConfirmation" required>
            </div>
            <div class="form-group mb-0 text-center">
                <button class="btn btn-primary btn-sm px-4 py-2">Submit</button>
            </div>
        </form>
    </div>
</div>

@endsection
