@extends('front.layouts.main')

@section('title') Consultant Renew Plan @endsection

@section('content')

<main class="consultant-steps-page">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10">
                <div class="main-content">

                    <form class="form-steps" id="frmStoreRenewPlan" method="post"
                        action="{{ route('consultant.store_renew_plan') }}">
                        @csrf

                        <fieldset class="text-center">

                            @if($user->consultant_profile->approved_at)
                            @include ('front.modules.consultant.register.sections.plans')
                            <input type="submit" name="next" class="submit action-button btn btn-em m-1"
                                value="Renew" />
                            @else
                            <div class="box white form-card text-left">
                                <div class="title-wrapper">
                                    <h2 class="box-title">Renew Plan</h2>
                                </div>
                                <p class="text-center gray xs-font-size m-0">Your profile is either under review or rejected.</p>
                            </div>
                            @endif

                        </fieldset>

                    </form>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection

@push('pageJs')

<script>
    $(document).ready(function() {

        @if(Session::has('message'))
        Snackbar.show({
            pos: 'bottom-right',
            text: "{{ Session::get('message') }}",
            actionText: 'Okay'
        });
        @endif

        $('.submit').on('click', function(e) {
            e.preventDefault();
            if($('#frmStoreRenewPlan').valid()) {
                $(this).val('Please Wait...');
                $(this).prop('disabled', true);
                $('#frmStoreRenewPlan').submit();
            }
           
        });

        $('#frmStoreRenewPlan').validate({
        rules: {
            plan: {
                required: true
            }
        },
        messages: {
            plan: 'Plan is required'
        },
        ignore: [],
        errorElement: 'span',
        errorClass: 'invalid-feedback',
        errorPlacement: function(error, element) {
            if (element.attr('name') == 'plan') {
                error.insertAfter(element.parents('.form-group')[0]);
            } else {
                error.insertAfter(element);
            }
        },
        invalidHandler: function(event, validator) {
            var offset = $(validator.errorList[0].element).offset().top;
            $('html, body').animate({
                scrollTop: offset - 100
            }, 100);
        }
    });

    });
</script>

@endpush