@php

    $lang = app()->getLocale();
    $name = 'name_' . $lang;
    $details = 'details_' . $lang;

    $description = 'description_' . $lang;

@endphp
<meta name="csrf-token" content="{{ csrf_token() }}">

<!------- newsletter ---->

<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
    <div class="single-footer-widget single-footer__newsletter">
        <div class="title">
            <h2>

                Newsletter

            </h2>
        </div>
        <div class="single-footer__newsletter-box">
            <div class="single-footer__newsletter-text1">
                <p>
                    @if (app()->getLocale() == 'ar')
                        اشترك في نشرتنا الإخبارية الأسبوعية
                    @else
                        Subscribe to our weekly newsletter
                        {{-- <br>
                 get information. --}}
                    @endif

                </p>
            </div>
            <form action="#" class="cs_newsletter_form" id="newslettersForm">
            {{-- <form action="#" class="single-footer__newsletter-form" id="newslettersForm"> --}}
                <div class="single-footer__newsletter-form-input">
                    <input type="email" placeholder="Enter Your Email" name="email_news" id="email_news">

                    <span id="email_news_error" class="text-danger" style="font-size: 14px;"></span>
                </div>




                <div class="single-footer__newsletter-btn">
                    <button class="thm-btn" type="submit">
                        <span class="txt">{{ __('Subscribe now') }} </span>
                        <i class="icon-right-arrow"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $("#newslettersForm").on("submit", function(e) {
            e.preventDefault();
          //  alert('ssssssss');


            $("#email_news_error").text("");

            let formData = {

                email: $("#email_news").val(),


                _token: "{{ csrf_token() }}"
            };

            $.ajax({
                url: "{{ route('subscribe_newsletters') }}",
                type: "POST",
                data: formData,
                success: function(response) {
                    toastr.success(response.msg);
                    $("#newslettersForm")[0].reset(); // empty the field
                },
                error: function(xhr) {
                    let errors = xhr.responseJSON.errors;
                    if (errors) {

                        if (errors.email) {
                            $("#email_news_error").text(errors.email[0]);
                        }

                    }
                    //  toastr.error("{{ __('The phone format is invalid') }}");
                }
            });
        });
    });
</script>