@extends('layouts.main')

@section('content')
    <div class="articlePage">
        <div class="mainHeadline">
            <h3>
                <span class="title">{{ c_trans('Newsletter') }}</span>
            </h3>
        </div>
        <div class="container">
            <article class="articleContent">
                <div class="sidePadding">
                    <div class="row justify-content-md-center">
                        <div class="col-lg-6">
                            <div class="newsletter-info">
                            </div>
                            {!! Form::open(['class' => 'form-horizontal newsletter-form', 'id' => 'newsletterMainForm']) !!}

                            <div class="form-group">
                                <div class="cInput">
                                    <span class="requiredIcon">*</span>
                                    <span class="fa fa-envelope"></span>
                                    {!! Form::email('email', null, ['class' => 'form-control', 'required']) !!}
                                    {!! Form::label('email', c_trans('Adres e-mail')) !!}
                                    <div class="border"></div>
                                </div>
                            </div>

                            <div class="text-right">
                                {!! Form::button(c_trans('Zapisz się'), ['id' => 'newsletter_subscribe', 'class' => 'btn btn-black', 'name' => 'subscribe', 'url' => route('client::newsletter::subscribe') ]) !!}
                                {!! Form::button(c_trans('Wypisz się'), ['id' => 'newsletter_unsubscribe', 'class' => 'btn btn-black', 'name' => 'unsubscribe', 'url' => route('client::newsletter::unsubscribe')]) !!}
                            </div>

                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </div>
@endsection

@push('footScripts')
<script>
    $("#newsletterMainForm input").keypress(function(event) {
        if (event.which === 13) {
            $("#newsletter_subscribe").click();
        }
    });
    $("#newsletterMainForm button").on("click", function () {
        if ($("#newsletterMainForm").valid()){
            var url = $(this).attr('url');
            var email = $("#newsletterMainForm input[name='email']").val();

            $.ajax({
                method: 'post',
                url: url,
                data: {email : email},
                success: function(data) {
                    _edrone.customer_tags = 'Footer'; // You can use different tags for different forms.
                    _edrone.email = email;
                    _edrone.first_name = '';
                    _edrone.action_type = 'subscribe';
                    _edrone.init();

                    $('.newsletter-info').html('<div class="alert alert-success">'+ data.message +'</div>');
                },
                error: function (data) {
                    var errorMessage = '';
                    $.each(data.responseJSON, function (key, value) {
                        errorMessage += value + '\n';
                    });

                    $('.newsletter-info').html('<div class="alert alert-danger">'+ errorMessage +'</div>');
                }
            });
        }
    });
</script>
@endpush