@extends('main.layouts.app')
@section('content')
    <div class="main-content">
        <section class="section">
            
            <div class="section-body mt-5">
                <div class="container mt-5">
                    <div class="row justify-content-center">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">OTP Verification</div>
                                <div class="card-body">
                                    <form action="/admin/verify-otp" method="post">
                                        @csrf
                                        <div class="form-group">
                                            <label for="otp">Enter OTP:</label>
                                            <input type="text" class="form-control" id="otp" name="otp">
                                        </div>
                                        <input type="hidden" name="user_id" value="{{$user_id}}">
                                        <input type="hidden" name="collection_id" value="{{$collection_id}}">
                                        <input type="hidden" name="name" value="{{$name}}">
                                        <input type="hidden" name="email" value="{{$email}}">
                                        <input type="hidden" name="plan_type" value="{{$plan_type}}">
                                        <input type="hidden" name="amount" value="{{$amount}}">
                                        <input type="hidden" name="phone" value="{{$phone}}">
                                        <input type="hidden" name="product_id" value="{{$product_id}}">
                                        <input type="hidden" name="quantity" value="{{$quantity}}">
                                        <input type="hidden" name="manufacturing_cost" value="{{$manufacturing_cost}}">
                                        <input type="hidden" name="plan_id" value="{{$plan_id}}">
                                        <button type="submit" class="btn btn-primary" id="verifyButton">Verify OTP</button>
                                    </form>
                                    <div id="message" class="mt-3"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="clearfix"></div>
                <div class="row marginTop">
                    <div class="col-sm-12 paddingLeft pagerfwt">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>

            <div class="clearfix"></div>
            <div class="row marginTop">
                <div class="col-sm-12 paddingLeft pagerfwt">
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </section>
    </div>


    {{-- modal code --}}
    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="..." aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-fw fa-check"></i> Add Member</h5>
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">

                            <p class="text-primary">Fields with <span class="text-danger">*</span> are mandatory!</p>

                            {{-- <form method="post" action="/admin/new-member"
             oninput="password1.setCustomValidity(password2.value != password1.value ? &quot;Passwords do not match.&quot; : &quot;&quot;)"> --}}
                            <form method="post" action="/admin/add-newmember">
                                @csrf
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label>Name <span class="text-danger">*</span></label>
                                        <input type="text" name="name" id="name" class="form-control"
                                            value="" placeholder="Enter member Name" required="">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Email <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <div class="input-group-text"><i class="fa fa-fw fa-envelope"></i></div>
                                            </div>
                                            <input type="email" name="email" id="email" class="form-control"
                                                value="" placeholder="Enter member email" required="">
                                        </div>
                                    </div>
                                </div>


                                <div class="form-row">
                                    <input type="hidden" name="password" value="">
                                    <div class="form-group col-md-6">
                                        <label>Password <span class="text-danger">*</span></label>
                                        <input type="password" class="form-control" name="password" id="password"
                                            value="" placeholder="Enter member password" required="">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Password Confirm <span class="text-danger">*</span></label>
                                        <input type="password" class="form-control" name="password_confirmation"
                                            id="password" value="" placeholder="Confirm member password">
                                    </div>
                                </div>


                                <div class="text-md-right">
                                    <a href="javascript:;" class="btn btn-secondary" data-dismiss="modal"><i
                                            class="fa fa-fw fa-times"></i> Cancel</a>
                                    <button type="submit" name="submit" value="submit" id="submit"
                                        class="btn btn-primary">
                                        <i class="fa fa-fw fa-plus"></i> Submit
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection