@extends('frontend.layouts.master')
@section('content')

    <style>
        .field-icon {
            float: right;
            margin-left: -25px;
            margin-right: 8px;
            margin-top: -55px;
            position: relative;
            z-index: 2;
            }
    </style>

        <div class="cmt-page-title-row " style="background: url({{ asset("$breadcrumb->name") }});">
            <div class="cmt-page-title-row-inner">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Login</h2>
                                {{-- <p>Founded In 1996 New York,USA</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Login</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <!--site-main start-->
    <div class="site-main">

        <!--- conatact-section -->
        <section class="cmt-row conatact_2-section clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cmt-col-bgcolor-yes cmt-bg cmt-bgcolor-grey z-index-2 spacing-7 mt-0 box-shadow">
                            <div class="cmt-col-wrapper-bg-layer cmt-bg-layer"></div>
                            <div class="row">

                                <div class="col-md-4 mx-auto">
                                    <form id="contact_form" class="contact_form wrap-form clearfix" action="{!! url('member-login-submit') !!}"  method="post">
                                        @csrf
                                        <input type="hidden" name="service_name" value="{{ !empty($service_name)?$service_name:'' }}">
                                        <input type="hidden" name="service_type" value="{{ !empty($service_type)?$service_type:'' }}">
                                        <input type="hidden" name="service_country" value="{{ !empty($service_country)?$service_country:'' }}">
                                        {{-- @dd($segment, $id) --}}
                                        <input type="hidden" name="segment" value="{{ !empty($segment)?$segment:'' }}">
                                        <input type="hidden" name="id" value="{{ !empty($id)?$id:'' }}">
                                        <div class="row">
                                            <div class="col-lg-12">

                                                    <span class="text-input"><input name="email" type="email" value="" placeholder="Your Email" required="required"></span>

                                            </div>
                                            <div class="col-lg-12">

                                                    <span class="text-input"><input name="password" type="password" value="" id="password-field" placeholder="Your Password" autocomplete="false" required="required"></span>
                                                    <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span>

                                            </div>
                                        </div>
                                        <button class="submit cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark mt-5 w-100" type="submit">Login</button>
                                    </form>
                                      <div class="m_t appl">
                                        <a href="{!! url('forgot-password') !!}">Forget Password</a>

                                        @if (empty($service_name))
                                        <button type="button" class="btn btn-danger text-white btn-sm appl"  data-toggle="modal" data-target="#exampleModalCenter">
                                            Sign Up
                                        </button>
                                        @else

                                        @endif

                                      </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!-- conatact-section end -->

    </div><!--site-main end-->



    <!-- Modal -->
<div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal Title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        </div>
        <div class="modal-body">

            @if(!empty(Auth::guard('member')->user()->id))
            <form action="{{ url("member-application-submission-2") }}" method="POST">
                @csrf
            @else
            <form action="{{ url("member-registration-2") }}" method="GET">

            @endif

            <div class="form-group"><label class="control-label col-xs-12 col-sm-12 no-padding-right" for="type_id">{!!trans('Service Type')!!} :<span class="text-danger">*</span></label>
                <div class="col-md-12">
                    {!! Form::select('type_id', array('' => 'Select','Immigration' => 'Immigration', 'Study Abroad' => 'Study Abroad', 'Visa Processing' => 'Visa Processing'), Input::old('status_id'), array('class' => 'form-control', 'required' => 'true','onchange'=>"invoice_type(this.value)")) !!}

                </div>
            </div>


            <div class="visa-processing" style="display: none">
            <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="type_id">{!!trans('Select Country')!!} :<span class="text-danger">*</span></label>
                <div class="col-md-12">
                    {!! Form::select('service_country', $country, Input::old('status_id'), array('class' => 'js-source-states form-control','placeholder'=>'Country')) !!}

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

            <div class="studyabroad" style="display: none">

            <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="type_id">{!!trans('Study Area')!!} :<span class="text-danger">*</span></label>
                <div class="col-md-12">
                    {!! Form::select('service_type', array('' => 'Select', 'School' => 'School', 'College' => 'College'), Input::old('status_id'), array('class' => 'form-control','onchange'=>"study_area_type(this.value)")) !!}

                </div>
            </div>

            <div class="form-group school" style="display: none"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="school_id">{!!trans('Select School')!!} :<span class="text-danger">*</span></label>
                <div class="col-md-12">
                    {!! Form::select('service_name', $school, Input::old('school'), array('class' => 'js-source-states form-control','placeholder'=>'Select School')) !!}

                </div>
            </div>

            <div class="form-group college" style="display: none"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="college_id">{!!trans('Select University')!!} :<span class="text-danger">*</span></label>
                <div class="col-md-12">
                {!! Form::select('service_name_2', $college, Input::old('college'), array('class' => 'js-source-states form-control','placeholder'=>'Select College')) !!}

                </div>
            </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-danger">Submit</button>
            </div>

            </form>
        </div>
        {{-- <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-danger">Submit</button>
        </div> --}}
    </div>
    </div>
</div>


<script type="text/javascript">
    function invoice_type(value) {


        if (value=="Study Abroad"){
            $('.studyabroad').show();
            $('.visa-processing').hide();
        }else if (value=="Visa Processing"){
            $('.visa-processing').show();
            $('.studyabroad').hide();
        }else if (value=="Immigration"){
            $('.visa-processing').show();
            $('.studyabroad').hide();
        }else {

            $('.visa-processing').hide();
            $('.studyabroad').hide();
        }

    }

    function study_area_type(value) {


        if (value=="School"){
            $('.school').show();
            $('.college').hide();
        }else if (value=="College"){
            $('.college').show();
            $('.school').hide();
        }else {

            $('.school').hide();
            $('.college').hide();
        }

    }
</script>

<script>

    $(".toggle-password").click(function() {

        $(this).toggleClass("fa-eye fa-eye-slash");
        var input = $($(this).attr("toggle"));
        if (input.attr("type") == "password") {
        input.attr("type", "text");
        } else {
        input.attr("type", "password");
        }
    });

</script>

@endsection

@section('js')

    <script>
        // Example starter JavaScript for disabling form submissions if there are invalid fields
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>

@endsection