{{-- app\protected\viewc\site\modules\contact.php --}}

<section class="main-content colored-bar">
    <div class="inner">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="breadcrumbs">
                            <li class="active"><a href="https://dr-or.co.il/"> Dr OR - דוקטור עור</a></li>
                            <li class="active"><a href="https://dr-or.co.il/pages/contact">  / <b>צור קשר</b></a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>

            <div class="page-title-contact">
                <h1>{{$module->title}}</h1></div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="wysiwyg">{!! $module->content !!}</div>

                    <div class="form-contact">
                        <div class="contactFrm contact-form" id="contact-form">
                            <input type="hidden" name="_token_contact_form_{{ $module->id }}" id="_token_contact_form_{{ $module->id }}" value="{{ csrf_token() }}" />

                            <div id="holder-name" class="form-group">
                                <label for="contact_name_{{ $module->id }}" class="sr-only">שם מלא</label>
                                <input type="text" name="contact_name_{{ $module->id }}" id="contact_name_{{ $module->id }}" value="" class="form-control" placeholder="שם מלא">
                            </div>
                            <div id="holder-phone" class="form-group">
                                <label for="contact_phone_{{ $module->id }}" class="sr-only">טלפון</label>
                                <input type="text" name="contact_phone_{{ $module->id }}" id="contact_phone_{{ $module->id }}" value="" class="form-control" placeholder="טלפון">
                            </div>
                            <div id="holder-email" class="form-group">
                                <label for="contact_email_{{ $module->id }}" class="sr-only">דוא”ל</label>
                                <input type="text" name="contact_email_{{ $module->id }}" id="contact_email_{{ $module->id }}" value="" class="form-control" placeholder="דוא”ל">
                            </div>
                            <div id="holder-subject" class="form-group">
                                <label for="contact_subject_{{ $module->id }}" class="sr-only">נושא הפניה</label>
                                <select name="contact_subject_{{ $module->id }}" id="contact_subject_{{ $module->id }}" dir="rtl" class="form-control select-custom">
                                    <option value="" selected>נושא הפניה (בחרו מתוך הרשימה)</option>
                                    @foreach(config('config.contact-subject') as $subject)
                                        <option value="{{ $subject }}">{{ $subject }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" id="nl_{{ $module->id }}" name="nl_{{ $module->id }}" value="מסכים">
                                <label class="checkbox-label" for="nl_{{ $module->id }}">
                                    <span class="chk"></span> אני מאשר/ת קבלת חומרים פירסומיים מחברות קבוצת ניאופרם. ידוע לי כי פרטיי יישמרו במאגר מידע המנוהל ע"י חברת ניאופרם וכי בכל עת אוכל להפסיק לקבל חומרים פרסומיים באמצעות פניה בכתב לחברה.
                                </label>
                                <div class="clearfix"></div>
                            </div>
                            <div id="contact-form-success-msg" class="form-error-msg contact-form-msgs-holder" style="display: none;">
                                @if ( settings('contact-success') != '' )
                                    {{ settings('contact-success') }}
                                @endif
                            </div>
                            <div id="contact-form-error-msg" class="form-error-msg contact-form-msgs-holder" style="display: none;">
                                @if ( settings('contact-warning') != '' )
                                    {{ settings('contact-warning') }}
                                @endif
                            </div>
                            <div class="contact-ctrl">
                                <button id="submit-contact-form_{{ $module->id }}" type="submit" class="btn custom-button">שלח/י</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="contact-info-wrapper">
                        @if ( settings('contact-title') != '' )
                            <p dir="rtl">{{ settings('contact-title') }}</p>
                        @endif
                        @if ( settings('contact-phone') != '' )
                            <h1 dir="rtl">{{ settings('contact-phone') }}</h1>
                        @endif
                        @if ( settings('contact-working-hours') != '' )
                            <span style="font-size:18px">{{ settings('contact-working-hours') }}</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@section('script')
	<script type="text/javascript">
	$(document).ready(function() {

        var isSending = 0;
        $(document).on('click', '#submit-contact-form_{{ $module->id }}', function(e) {
            e.preventDefault();
            if (isSending == 1) {
                //TO DO here we put loading
                return false;
            }

            isSending= 1;

            $('.contact-form-msgs-holder').hide();
            $('#contact-form').find('.form-group').removeClass('has-error');
            $('#contact-form').find('.invalid-feedback').removeClass('d-block');
            var nlcheck = $('#nl_{{ $module->id }}').is(":checked")  ? "1" : "0";

            var subscribeToNewsletter = 0;
            var values='';
            values+='module_id={{ $module->id }}';
            values+='&name=' + $('#contact_name_{{ $module->id }}').val();
            values+='&email=' + $('#contact_email_{{ $module->id }}').val();
            values+='&phone=' + $('#contact_phone_{{ $module->id }}').val();
            values+='&subject=' + $('#contact_subject_{{ $module->id }}').val();
            // values+='&message=' + $('#Message_{{ $module->id }}').val();
            values+='&nl=' + nlcheck;
            values+='&_token=' + $('#_token_contact_form_{{ $module->id }}').val();

            $.ajax({
                type: "POST",
                url: baseURL + "/contact/send",
                dataType: "JSON",
                data: values,
                success: function(response) {
                    isSending = 0;

                    if (response.status == 0) {
                        var errorHtml = '';
                        for(var errorKey in response.errors) {
                            if(!response.errors.hasOwnProperty(errorKey)) continue;
                            for(var error in response.errors[errorKey]) {
                                $('#holder-' + errorKey).addClass('has-error');

                                $('#holder-' + errorKey).find('.invalid-feedback').addClass('d-block');
                                errorHtml += `<div>${response.errors[errorKey][error]}</div>`;
                            }
                            //$("#"+errorKey).closest('.form-group').addClass('has-error');
                            // $("#"+errorKey).css('border', '1px solid red');
                        }
                        //errorHtml
                        errorHtml;
                        // $('#contact-form-error-msg').html(errorHtml);
                        $('#contact-form-error-msg').fadeIn();
                        $('#contact-form-error-msg').delay(10000).fadeOut();
                        //errors
                        return false;
                    }

                    if (response.status == 1) {

						// $('#contact-form-success-msg').html(response.message);
                        $('#contact-form-success-msg').fadeIn();
                        $('#contact-form-success-msg').delay(10000).fadeOut();

                        $('#contact_name_{{ $module->id }}').val('');
                        // $('#contact_first_name_{{ $module->id }}').val('');
                        // $('#contact_last_name_{{ $module->id }}').val('');
                        $('#contact_email_{{ $module->id }}').val('');
                        $('#contact_phone_{{ $module->id }}').val('');
                        $('#contact_subject_{{ $module->id }}').val('');
                        // $('#contact_message_{{ $module->id }}').val('');

                        return false;
                    }

					if (response.status == 2) {
						// $('#contact-form-error-msg').html(response.errors);
                        $('#contact-form-error-msg').fadeIn();
                        $('#contact-form-error-msg').delay(10000).fadeOut();
                    }

					if (response.status == 3) {
						// $('#contact-form-error-msg').html(response.errors);
                        $('#contact-form-error-msg').fadeIn();
                        $('#contact-form-error-msg').delay(10000).fadeOut();
                    }
                    return false;
                }
            });

            return false;
        });
    });
    </script>
@endsection