@extends('layouts.frontend', [
    'meta_keywords' => $page->keywords,
    'meta_description' => $page->description,
    'meta_title' => $page->meta_title
    ])

@section('content')

    <!--middle start-->
    <main>

        <section class="inner_header hero-banner">
            <div class="container-fluid">
                <div class="row align-items-center">
                <!-- <div class="col-md-6">
                        <div class="inner_h_thmnl">
                            <img src="{{ $page->banner ? $page->banner->getUrl() : asset('assets/images/about_img.jpg') }}" class="w-100" alt="img">
                        </div>
                    </div> -->
                    <div class="col-md-12">
                        <figcaption class="inr_h_descrip ps-5 ms-2 mt-5">
                            <h1 class="title1"><i><img src="{{ asset('assets/images/arrow_right3.png') }}"
                                                       class="img-fluid" alt="img"></i>
                            <!-- <span> {{ $page->title }} </span> -->
                                <span> LO Sign Up  </span>
                            </h1>
                        <!-- @if($page->banner_2)
                            <div class="lets_go pt-4 pb-4">
                                <img src="{{ $page->banner_2->getUrl() }}" class="img-fluid" alt="img">
                            </div>
                            @endif -->

                            @if(!empty($page->banner_description))
                                <div class="mxwidth mb-4 pt-2 pb-3">
                                    <p class="text-white m-0">
                                        {{ $page->banner_description }}
                                    </p>
                                </div>
                            @endif
                            @if(!Session::exists('coach'))
                                <a href="#" class="get_started" data-bs-toggle="modal"
                                   data-bs-target="#loginmodal"><span>Get</span> Started <i><img
                                            src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid"
                                            alt="img"></i></a>

                            @else
                                <a href="resources" class="get_started"><span>Get</span> Started <i><img
                                            src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid"
                                            alt="img"></i></a>
                            @endif
                        </figcaption>


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

        <!-- Signup Form -->
        <section class="signup-form-section">
            <div class="container">
                <div class="row d-flex justify-content-center">
                    <div class="col-md-9">
                        <div class="form-block form-style">
                            <div class="form-header">
                                <h2 class="mb-4">Next Level Coaching Intent Form</h2>
                            </div>
                            <form role="form" id="signupForm" action="{{ route('frontend.signup_save') }}"
                                  method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="name">First Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" id="name" name="name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="lastName">Last Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" id="lastName" name="lastName">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="phone">Cell Phone <span class="required">*</span></label>
                                            <input type="text" class="form-control" id="phone" name="phone">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email">Email <span class="required">*</span></label>
                                            <input type="email" class="form-control" id="email" name="email">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="location">Branch Location <span class="required">*</span></label>
                                            <input type="location" name="location" class="form-control" id="location">
                                        </div>
                                    </div>
                                    <div class="col-md-6 d-none">
                                        <div class="form-group">
                                            <label for="date">Birthday</label>
                                            <div class="input-group date" id="datepicker">
                                                <input type="text" class="form-control" name="dob" id="dob"/><span
                                                    class="input-group-append">
                                                        <span class="input-group-text d-block">
                                                            <i class="fa fa-calendar"></i>
                                                        </span>
                                                        </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="input-group date" id="datepicker2">
                                                <input type="hidden" class="form-control" value="{{ today()->toDateString() }}" name="date" id="date"/><span
                                                    class="input-group-append">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                </div>

                                <hr class="formperater"/>

                                <h4 class="mb-3">Business type <span class="redtext">(choose one)</span>:</h4>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group ">
                                            <!-- <label for="exampleInputEmail1">
                                               Loan Officer<span><input type="text" name="loanOfficer" class="form-control" id="loanOfficer"></span>   Prod. Branch Mgr<span><input type="text" name="branchMgr" class="form-control" id="branchMgr"></span>    # of LO’s <span class="redtext">(If BM)</span><span><input type="text" class="form-control"  name="branchMgr" id="branchMgr"></span>      MLA<span><input type="text" class="form-control" name="mala" id="mala"></span>       Jr LO<span><input type="text" class="form-control" name="jrlO" id="jrlO"></span>
                                               </label> -->
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="businessType"
                                                       id="loanOfficer" value="Loan Officer" checked>
                                                <label class="form-check-label" for="loanOfficer">
                                                    Loan Officer
                                                </label>
                                            </div>
                                            <div class="form-check" for="businessType">
                                                <input class="form-check-input" type="radio" name="businessType"
                                                       id="mala" value="MLA">
                                                <label class="form-check-label" for="mala">
                                                    MLA
                                                </label>
                                            </div>

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

                                <div class="d-none">

                                <h4 class="mb-3">YTD Numbers</h4>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1">How long have you been producing in the
                                                mortgage industry? </label>
                                            <input type="text" class="form-control" id="industry" name="industry">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1">How long have you been with Summit Funding?
                                                </label>
                                            <input type="text" class="form-control" id="funding" name="funding">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1">Units 2022 </label>
                                            <input type="text" class="form-control" id="units" name="units">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1">Comm. 2022 </label>
                                            <input type="text" class="form-control" name="comm" id="comm">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1"> W2 income in 2022  $</label>
                                            <input type="text" name="income" class="form-control" id="income">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1">YTD Units 2023  <span class="redtext">(whether at Summit of not)</span></label>
                                            <input type="text" class="form-control" name="whether" id="whether">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group formline">
                                            <label for="exampleInputEmail1"> YTD Comm. 2023  </label>
                                            <input type="text" class="form-control" name="ytdcomm" id="ytdcomm">
                                        </div>
                                    </div>
                                </div>


                                <!-- <div class="row">
                                    <div class="col-md-12">
                                       <div class="form-group form-inline error-border">
                                         <label for="exampleInputEmail1">
                                       <span><input type="text" name="income" class="form-control" id="income"></span> YTD Units 2022 * <span class="redtext">(whether at Summit of not)</span> <span><input type="text" class="form-control" name="whether" id="whether"></span> YTD Comm. 2022 * <span><input type="text" class="form-control" name="ytdcomm"  id="ytdcomm"></span>
                                           </label>
                                        </div>
                                    </div>
                                </div> -->

                                 <hr class="formperater"/>
                                 <div class="row">
                                     <div class="col-md-12">
                                         <div class="form-group formline">
                                             <label for="teamSize">Team Size </label>
                                             <input type="text" class="form-control" id="teamSize" name="teamSize">
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="weakness">Biggest Weakness?  </label>
                                             <textarea type="text" class="form-control" id="weakness"
                                                       name="weakness"> </textarea>
                                         </div>
                                     </div>
                                 </div>

                                 <div class="row">
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">Biggest Strength?  </label>
                                             <textarea type="text" class="form-control" id="biggestStrength"
                                                       name="biggestStrength"> </textarea>
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">What is your main concern about an intense
                                                 coaching program? Why? </label>
                                             <textarea type="text" name="coaching" class="form-control"
                                                       id="coaching"></textarea>
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">What does being totally “coachable” look and
                                                 feel like to you? </label>
                                             <textarea type="text" name="coachable" class="form-control"
                                                       id="coachable"></textarea>
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">What is your biggest frustration in your
                                                 business right now? Why? </label>
                                             <textarea type="text" name="frustration" class="form-control"
                                                       id="frustration"></textarea>
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">What are your top 2 reasons for wanting to
                                                 be in coaching? </label>
                                             <textarea type="text" name="reasons" class="form-control"
                                                       id="reasons"></textarea>
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">If we accept you into coaching, are you 100%
                                                 committed to participating in the program? </label>
                                             <div class="form-check">
                                                 <input class="form-check-input" type="radio"
                                                        name="accept" value="Yes" id="yes1">
                                                 <label class="form-check-label" for="yes1">
                                                     Yes
                                                 </label>
                                             </div>
                                             <div class="form-check">
                                                 <input class="form-check-input"  type="radio"
                                                        name="accept" id="no2" checked value="No">
                                                 <label class="form-check-label" for="no2" >
                                                     No
                                                 </label>
                                             </div>
                                         </div>
                                     </div>
                                 </div>


                             </div>
                                <div class="submit-block">
                                    <button id="signupFormBtn" type="submit" class="btn btn4 rounded-0 border-0">Send
                                        <i> <img src="{{ asset('/assets/images/arrow_right5.png') }}" class="img-fluid"
                                                 alt="img"> </i>
                                    </button>
                                </div>
                                <div>
                                    <div id="status_response"></div>
                                    <div class="alert alert-danger print-error-msg" style="display:none">
                                        <ul></ul>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>


    @include('frontend._inc.testimonial')
    <!-- @if($page->show_testimonials)
        @include('frontend._inc.testimonial')
    @endif -->

    </main>
    <!--middle end-->

@endsection


@section('scripts')
    <script type="text/javascript">

        $("#signupForm").submit(function (e) {

            e.preventDefault();

            var form = $(this);
            if(!$("#signupForm").valid()){
                return;
            }
            $('#signupFormBtn').addClass('disabled')
            $('#signupFormBtn').text('Sending...')
            $(".print-error-msg").hide();

            var url = form.attr('action');

            $.ajax({
                type: "POST",
                url: url,
                data: form.serialize(), // serializes the form's elements.
                success: function (data) {
                    //console.log(data); // show response from the php script.
                    $(".print-error-msg").css('display', 'none');
                    $("#status_response").html("Thank you.<br> Your message has been submitted successfully.");
                    $('#signupForm')[0].reset();
                    $('#signupFormBtn').removeClass('disabled')

                    $('#signupFormBtn').text('Submit')

                },
                error: function (error) {
                    console.log(error.responseJSON);
                    $("#status_response").html('');
                    $(".print-error-msg").find("ul").html('');
                    $(".print-error-msg").css('display', 'block');
                    $.each(error.responseJSON.errors, function (key, value) {
                        $(".print-error-msg").find("ul").append('<li>' + value + '</li>');
                    });
                    $('#signupFormBtn').removeClass('disabled')
                    $('#signupFormBtn').text('Submit')
                }
            });

        });
    </script>


@endsection