<footer class="footer-section mt-5">
    <div class="container">
        <div class="footer-content pt-3 pb-1" data-aos="zoom-in-up">
            <div class="row">
                <div class="col-xl-4 col-lg-4 mb-50">
                    <div class="footer-widget">
                        <div class="footer-logo">
                            <a href="#hero" aria-label="link directed to the home page">
                                <img src="{{ asset('front/Assets/img/opetlogo.png') }}" class="img-fluid p-4"
                                    alt=" Opet Full logo Footer image " />
                            </a>
                            <div class="row mt-3 footer-widget">
                                <div class="col-sm-12 footer-widget-heading">
                                    <h3>Our Platforms </h3>
                                </div>
                                <div class="col-4">
                                    <ul class="social">
                                        <li class="icons">
                                            <a href="https://www.instagram.com/open_agency/?hl=en" target="_blank"> <i
                                                    class="fab fa-instagram fa-2xl"></i></a>
                                        </li>
                                        <li class="icons">
                                            <a href="https://www.facebook.com/opetofficial2021" target="_blank"> <i
                                                    class="fab fa-facebook-f fa-2xl"></i></a>
                                        </li>
                                        <li class="icons">
                                            <a href="https://www.linkedin.com/in/opet-agency-01707821b" target="_blank">
                                                <i class="fab fa-linkedin-in fa-2xl"></i></a>
                                        </li>
                                        <li class="icons">
                                            <a href="https://www.linkedin.com/in/opet-agency-01707821b" target="_blank">
                                                <i class="fab fa-behance fa-2xl"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4   my-3">
                    <div class="footer-widget">
                        <div class="footer-widget-heading">
                            <h3>Our Services </h3>
                        </div>
                        <div class="row">
                            @foreach ($info_services as $info_service)
                            
                                <div class="col-6">

                                    <a href="{{ route('en_services_index', $info_service->id ?? '') }}">
                                        <div class="boxs">
                                            <div class="content">
                                                <i class="icon">
                                                    <img src="{{ asset('front/Assets/img/logo/iconopet.webp') }}"
                                                        alt="Footer-icon" />
                                                </i>
                                                <div>
                                                    <h4>{{ $info_service->title_en ?? '' }}</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach

                        </div>
                    </div>

                </div>
                <div class="col-xl-4  my-3">
                    <div class="footer-widget-heading  ">
                        <h3>Join Our Newsletter </h3>
                    </div>
                    <p class="ms-4 text-white">
                        Catch Our latest newsletter now
                    </p>
                    
                    <div class="Message">
                        
                            <input id="message" title="Write Message" tabindex="i" pattern="\d+" placeholder="Message.."
                                class="MsgInput" type="text">
                            
                                <svg id="send" xmlns="http://www.w3.org/2000/svg" version="1.0" width="30.000000pt" height="30.000000pt"
                                viewBox="0 0 30.000000 30.000000" preserveAspectRatio="xMidYMid meet" class="SendSVG">
                                <g transform="translate(0.000000,30.000000) scale(0.100000,-0.100000)" fill="#ffffff70"
                                    stroke="none">
                                    <path
                                        d="M44 256 c-3 -8 -4 -29 -2 -48 3 -31 5 -33 56 -42 28 -5 52 -13 52 -16 0 -3 -24 -11 -52 -16 -52 -9 -53 -9 -56 -48 -2 -21 1 -43 6 -48 10 -10 232 97 232 112 0 7 -211 120 -224 120 -4 0 -9 -6 -12 -14z">
                                    </path>
                                </g>
                                </svg>
                            <span class="l"></span> <br>
                            
                        
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 text-center">
                    <div class="copyright-text">
                        <p>
                            Copyright &copy; 2023, All Right Reserved
                            <a href="opetagency.com/">OPET Agency </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


<div class="cursor-dot-outline"></div>
<div class="cursor-dot"></div>
<!--Start Sticky Icon-->
<div class="sticky-icon">
    <a href="https://www.instagram.com/opet.be.official?igsh=a2x4MWJzamF6eGs3" target="_blank" class="Instagram">
        <i class="fab fa-instagram"></i> Follow Us
    </a>
    <a href="https://www.facebook.com/opetofficial2021" target="_blank" class="Facebook"> <i class="fab fa-facebook-f">
        </i> Like Us </a>
    <a href="https://www.linkedin.com/company/opet-agency/?lipi=urn%3Ali%3Apage%3Ad_flagship3_search_srp_all%3BXzgiLXQgSgqWoc87RsYG2w%3D%3D"
        target="_blank" class="Twitter">
        <i class="fab fa-linkedin-in"> </i>Connect Now
    </a>
    <a href="https://www.behance.net/opetofficial#" target="_blank" class="Twitter">
        <i class="fa-brands fa-behance"></i>Follow Us </a>
    <a href="Tel:+201202312345" target="_blank" class="Twitter">
        <i class="fa-solid fa-phone"></i> Call Us </a>
    <a href="mailto:Info@opetagency.com" target="_blank" class="Twitter">
        <i class="fa-solid fa-envelope"></i>mail Us </a>

    <a href="https://radioantika.com/" target="_blank" class="Twitter">
        <img src="{{ asset('front/Assets/img/logo/favicon.ico') }}" alt="Radio antika Logo " /> Listen Now</a>
</div>


<input type="hidden" id="token_search" value="{{csrf_token() }}">

<input type="hidden" id="newsletter_url" value="{{ route('newsletter') }}">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>


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


        $(document).on('click', '#send', function (e) {
            
            
            var token_search = $("#token_search").val();
            var url = $("#newsletter_url").val();
            var message = $("#message").val();
            
           
            
            jQuery.ajax({
            url: url,
            type: 'get',
            dataType: 'html',
            cache: false,
            data: {
                "_token": token_search,message:message   
            },
            success: function(data) {
                alert('send message successfully')
            },
            error: function() {
                alert('something wrong happen')
            }
        });
    });


   
});
</script>
