@extends("layouts.app")
@section("title")
Expert Sign Up
@endsection
@section("content")
        @if(isset($promotedMessages[0]))
            <div class="alert alert-info alert-dismissible" role="alert">
               <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button>
               @foreach($promotedMessages as $promotedMessage) 
               <p>
                 {{$promotedMessage->details}}
               </p>
               @endforeach
            </div>
        @endif

    <div class="kt-container  kt-grid__item kt-grid__item--fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="kt-portlet">
                    <div class="kt-portlet__head">
                        <div class="kt-portlet__head-label">
                            <h3 class="kt-portlet__head-title">Expert Sign Up</h3>
                        </div>
                    </div>
                    <div class="kt-portlet__body">

                        <div class="kt-login__form">
                            <form class="kt-login__form m-form" id="signup_form" method="POST" action="">
                                    @include('partials.expert-form', [
                                        'institutions' => $institutions,
                                        'keywords' => $keywords,
                                        'countries' => $countries,
                                        'type' => 'notadmin'

                                    ])
                                <div class="form-group row">
                                    <div class="form-group">
                                        {!! app('captcha')->display() !!}

                                    </div>

                                </div>
                                <input type="hidden" name="_method" value="post">

                                    {{ csrf_field() }}
                                <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">
                                    <input type="submit" id="kt_login_signin_submit" class="btn btn-brand btn-pill btn-elevate" value="Save" >
                                    <input type="reset" id="form_reset__1" style="display: none;" >
                                </div>                            
                            </form>

                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection
<!-- end:: Page -->
<!--begin::Global Theme Bundle -->
{{--         <script src="{{url('')}}/assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
 --}}
@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('')}}/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">

        $("#institutions").select2();
        $("#keywords").select2();
        $("#country_id").select2();

        $("#kt_login_signin_submit").on("click", function (event) {
              event.preventDefault();

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

                    window.location.href = "{{url("/?view=dashboard")}}";

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

                        errors += value + "<br>";
                    });

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

                }

            });

        })
    </script>
@endsection