@if($controls->signup_enable==1)
@extends("layouts.app_new")
@section("title")
Sign Up
@endsection
@section("content")
<style type="text/css">
    .login-content
    {
        height: auto !important;
    }
    .login-content .login-form {
    max-width: 100% !important;
    text-align: left;
    }
    .bg-signup
    {
        background-color: #efefef;
        border-radius: 4px;
        padding: 16px 15px;
        margin-bottom: 20px;
    }
    span.required {
    color: red;
}
.g-recaptcha div {
    width: auto !important;
}
button#kt_login_signin_submit {
    width: auto;
    margin: auto;
}
.login-form img 
{
        height: 60px;
    width: auto;
        margin-bottom: 10px;
}
</style>

    <link href="{{url('')}}/assets2/plugins/general/toastr/build/toastr.css" rel="stylesheet" type="text/css"/>

    <!-- Start Blog Area -->
        <section class="blog-area ptb-70 limit-line">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 p-0">
                        <div class="login-content">
                            <div class="d-table">
                                <div class="">
                                    <div class="login-form"> 
                                        {{-- <div class="text-center">
                                            <img src="{{url('')}}/assets3/img/cckh-01.png" alt="image">  
                                        </div> --}}
                                        
                                        <form class="m-login__form m-form" id="signup_form" method="POST"
                                              action="{{ url('signup') }}">
                                            @include('partials.researcher-form', [
                                                'institutions' => $institutions,
                                                'countries' => $countries,
                                                'area_of_interest' => $area_of_interest,
                                                'topics_of_interest' => $topics_of_interest,
                                                'currentUser' => array(),
                                                'type' => "Researcher"

                                                ])
                                            <div class="co-md-12 text-center">
                                               
                                                <div class="row kt-login__extra">
                                                            <div class="col kt-align-center">
                                                                <label class="kt-checkbox">
                                                                    <input type="checkbox" name="terms" required> By clicking Agree & Join, you agree to our Terms & conditions.
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                </div>
                                                <br>
                                                <div class="form-group text-center">

                                                    {!! app('captcha')->display() !!}

                                                </div>
                                                {{ csrf_field() }}
                                                  <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">
                                                <button type="button" id="kt_login_signin_submit"
                                                        class="btn btn-brand btn-pill btn-elevate">Submit
                                                </button>
                                                </div>
                                            </div>
                                            
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- End Blog Area -->
@endsection
<!-- end:: Page -->
<!--begin::Global Theme Bundle -->

@section('script')
    <script src="{{url("")}}/assets/demo/base/scripts.bundle.js" type="text/javascript"></script>

    <!--end::Global Theme Bundle -->
    <!--begin::Page Scripts -->
    <script src="{{url('')}}/assets/snippets/custom/pages/user/login.js" type="text/javascript"></script>
<script src="{{url('')}}/assets2/plugins/general/jquery-form/dist/jquery.form.min.js" type="text/javascript"></script>

    <script src="{{url('')}}/assets/vendors/general/jquery_chained-2.x/jquery.chained.min.js"
            type="text/javascript"></script>
    <script src="{{url('')}}/assets/vendors/general/select2/dist/js/select2.full.js" type="text/javascript"></script>
    <script src="{{url('')}}/assets/vendors/general/toastr/toastr.js" type="text/javascript"></script>
    {!! NoCaptcha::renderJs() !!}

    <script type="text/javascript">


        $("#country_id").select2();
        $("#speciality_id").select2();
        $("#sub_speciality_ids").select2();
        $("#sub_speciality_ids").chained("#speciality_id");

        $("#kt_login_signin_submit").on("click", function () {
            $("#signup_form").ajaxSubmit({
                beforeSubmit: function (arr, $form, options) {
                    toastr.warning('Please wait!');
                },
                success: function () {
                    toastr.success('Success');

                    window.location.href = "{{url("/login?message=Please check your  inbox, junk or spam to verify your email")}}";

                },
                error: function (e) {
                    error = $.parseJSON(e.responseText);
                    var errors = "";
                    $.each(error, function (index, value) {

                        errors += value + "<br>";
                    });
                    console.log(errors);

                    toastr.error(errors, "Invalid data!");

                }

            });

        })

        $("#area_of_interest").select2();
        $("#topics_of_interest").select2();
        $("#institutions").select2();

        $("#describe_yourself").on("change",function(){
            describe_yourself  = $(this).val();

            if(describe_yourself == "Other"){
                $("#describe_yourself_other").show();
            }else{
                $("#describe_yourself_other").hide();
            }
        })
        $("#describe_yourself").trigger("change");

    </script>
@endsection
@endif