@extends('front.layout.master')
@section('content')


    <div class="breadcrumb-area gray-bg">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="index.html">الرئيسية</a></li>
                    <li class="active"> كلمة مرور جديدة </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="login-register-area pt-95 pb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-12 ml-auto mr-auto">
                    <div class="login-register-wrapper">
                        <div class="newpass-word text-center">
                            @if(isset($phone))
                            <h4>هل نسيت كلمة المرور؟</h4>

                            @else
                                <h4>   تفعيل الحساب </h4>

                            @endif
                            <div class="border-b4"></div>
                            <p> أدخل الرمز المكون من 4 أرقام الذي تلقيته في رسالة قصيرة على جوالك </p>

                        </div>


                        <div class="login-form-container">
                            <div class="login-register-form">
                                <form action="{{route('otp')}}" method="post" data-parsley-validate="">
                                    @csrf
                                    @method('post')

                                    <div class="input-group-code input-group">
                                        @if(isset($phone))

                                        <input type="hidden"  placeholder="" name="phone" value="{{$phone}}">
                                            <input type="hidden"  placeholder="" name="type" value="fp">

                                        @elseif($register)
                                            <input type="hidden"  placeholder="" name="phone" value="{{substr($register,4)}}">
                                            <input type="hidden"  placeholder="" name="type" value="rg">


                                        @endif
                                        <input type="number" placeholder="" name="otp[]" min="0" max="9" required="">
                                        <input type="number" placeholder="" name="otp[]" min="0" max="9" required="">
                                        <input type="number" placeholder="" name="otp[]" min="0" max="9" required="">
                                        <input type="number" placeholder="" name="otp[]" min="0" max="9" required="">


                                    </div>

                                    <p class="text-center resend-code">ألم تتلق رمزًا؟  <a href="#">اعادة ارسال </a></p>

                                    <div class="button-box">

                                        <button type="submit"><span>اعادة تعين</span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    @endsection