@extends('front.layouts.main')
@section('content')
    @inject('settings','App\Models\Setting')
@if(app()->getLocale()=='ar')
<div class="breadCrumb position-relative ">
        <div class="trans-balck position-absolute">
            <div class="container mt-lg-5">
                <h1 class=" text-white text-center font-weight-bold  pt-5">خدماتنا</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb" style="position: absolute; bottom: 0;">
                        <li class="breadcrumb-item  sec-color"><a href="index.html">الرئيسية</a></li>
                        <li class="breadcrumb-item  sec-color"><a href="index.html">خدماتنا</a></li>
                        <li class="breadcrumb-item active text-white" aria-current="page"> السحابة اﻻلكترونية</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <div class="bg-light cyber">
        <div class="container">
            <div class="text-center">
                <img src="{{asset('front/dist/img/smart-CYPER.png')}}" alt="" class="w-50 py-3 ">
                <h4 class="main-color pb-2 font-weight-bold">حماية الأصول الأعلى قيمة للأعمال مع السحابة الالكترونية لدى المستوى الذكى.</h4>
                <p class="main-color text-center mb-4">تعد السحابة الالكترونية لدى المستوى الذكى حلًا موثوقًا للنسخ الاحتياطي السحابي للشركات من جميع الأحجام والذي يحمي أكثر من 20 منصة في أي وقت وفي أي مكان وأسرع من أي شركة أخرى .
                </p>
            </div>
            <div class="row pb-5">
                <div class="col-lg-6">
                    <ul class="list-unstyled main-color">
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>حماية لأي جهاز
                        </li>
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>خيارات تخزين لا مثيل لها
                        </li>
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>تثبيت سلس</li>
                    </ul>
                </div>
                <div class="col-lg-6 ">
                    <ul class="list-unstyled main-color">
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>حماية من فيروسات الفدية
                        </li>
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>تسعير بسيط بدون تكاليف مسبقة
                        </li>
                        <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>وحدة تحكم ويب بديهية وذاتية الخدمة
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white my-5 protectimg">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 text-center">
                    <img src="{{asset('front/dist/img/cyber-protection2.svg')}}" alt="" class="w-75 protectimg pt-lg-5">
                </div>
                <div class="col-lg-6">
                    <h4 class="main-color h5 pb-2 font-weight-bold ">نهج الحماية الإلكترونية يشمل</h4>
                    <ul class="list-unstyled main-color">
                        <li>1- <span class="px-2"> النسخ الاحتياطي والتعافي من الكوارث</span></li>
                        <li>2- <span class="px-2"> حماية مستمرة للبيانات</span></li>
                        <li>3- <span class="px-2"> حماية من فيروسات الفدية</span></li>
                        <li>4- <span class="px-2"> الحماية من التهديدات المتقدمة وهجمات Zero-day</span></li>
                        <li>5- <span class="px-2"> مكافحة البرامج الضارة ومكافحة الفيروسات السلوكية والقائمة على
                                التوقيع</span>
                        </li>
                        <li>6- <span class="px-2">إدارة نقطة النهاية بما في ذلك تقييم الثغرات الأمنية وإدارة التصحيح
                                الموحدة

                        </li>
                        <li>7- <span class="px-2"> فلترة الروابط</span></li>
                        <li>8- <span class="px-2"> تنبيهات التهديد</span></li>
                        <li>9- <span class="px-2"> تأمين مزامنة الملفات ومشاركتها</span></li>
                        <li>10- <span class="px-1"> تخزين البيانات بشكل آمن</span></li>
                        <li>11- <span class="px-1"> توثيق البيانات</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-light py-5 accordin">
        <div class="container">
            <h4 class="main-color h5  text-center font-weight-bold pb-4 pt-3">الأسئلة الشائعة</h4>
            <div class="row ">
                <div class="col-lg-8 mx-auto ">
                    <div class="accordion" id="accordionExample">
                        @foreach($questions as $ques)
                    <div class="card">
                        <div class="card-header" id="heading-{{$ques->id}}">
                            <h2 class="mb-0">
                                <button class="btn btn-link @if($loop->first)  @else collapsed @endif" type="button" data-toggle="collapse" data-target="#collapse{{$ques->id}}" aria-expanded="@if($loop->first) true @else false @endif" aria-controls="collapse{{$ques->id}}">
                                    <span class="pr-3 font-weight-bold">{{$ques->id}}. </span> {{$ques->$question}}
                                </button>
                            </h2>
                        </div>

                        <div id="collapse{{$ques->id}}" class="collapse @if($loop->first) show @endif" aria-labelledby="heading-{{$ques->id}}" data-parent="#accordionExample">
                            <div class="card-body">
                                {{$ques->$answer}}
                            </div>
                        </div>
                    </div>
                    @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="backup">
        <div class="bg h-100">
            <h4 class="text-white h5 text-center font-weight-bold pb-4 pt-5">الاسترجاع</h4>
            <div class="container">
                <div class="row ">
                    <p class="text-white text-center parag mb-4">
                        تقوم الشركات اليوم بالتبديل إلى حلول النسخ الاحتياطي كخدمة (BaaS) بدلاً من إعداد وصيانة البنية التحتية للنسخ الاحتياطي والاسترداد الخاصة بها. وجدوا أنه مجرد عمل ذكي. إليكم السبب:
                    </p>
                    <div class="col-lg-4 my-5">
                        <div class="card border-0 bg-white py-3 position-relative">
                            <h5 class="text-center main-color pt-4">
                                خبرة فائقة في حماية البيانات</h5>
                            <p class="main-color text-center px-4">إسناد حماية بيانات شركتك إلى مزود خدمة مُدار موثوق به (MSP) يتمتع بوصول فريد إلى تدريبات بائعي البرامج المستقلين (ISV). إنهم يستثمرون وقتًا طويلاً لفهم إجراءات تنفيذ النسخ الاحتياطي من الداخل والخارج حتى لا تضطر إلى ذلك.
                            </p>
                            <div class="topping pt-lg-1 pt-2">
                                <h2 class="text-white">1</h2>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-4 my-5">
                        <div class="card border-0 bg-white py-3 position-relative">
                            <h5 class="text-center main-color pt-4">إدارة أسهل وقابلية التوسع</h5>
                            <p class="main-color text-center px-4">
                                قم بإلغاء تحميل الصيانة والإدارة لمزود الخدمة السحابية بدلاً من القلق بشأن إدارة التخزين في موقع خارج الموقع.
                            </p>
                            <div class="topping pt-lg-1 pt-2">
                                <h2 class="text-white">2</h2>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-4 my-5">
                        <div class="card border-0 bg-white py-3 position-relative">
                            <h5 class="text-center main-color pt-4">تحسين سلامة البيانات</h5>
                            <p class="main-color text-center px-4">

                                احم بياناتك بالاحتفاظ بنسخة خارج الموقع. من خلال النسخ الاحتياطي لبيانات الشركة عن بُعد ، فإنك تتجنب التدمير المتزامن للبيانات الأصلية والنسخ الاحتياطية في حالة حدوث كارثة مادية (مثل السرقة أو الحريق أو الفيضان) أو حدوث خطر رقمي (مثل الإصابة بالبرامج
                                الضارة على مستوى الشبكة).
                            </p>
                            <div class="topping pt-lg-1 pt-2">
                                <h2 class="text-white">3</h2>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="bg-light py-5 business">
        <div class="container">
            <div class="text-center">
                <img src="{{asset('front/dist/img/cybercloud2.svg')}}" alt="" class="w-50 pt-5">
                <h4 class="main-color h5  text-center font-weight-bold pt-5">

                    حماية الأصول الأكثر قيمة للأعمال باستخدام
                </h4>
                <p class="main-color text-center h6 mb-5">سحابة النسخ الاحتياطي الإلكتروني </p>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <ul class="list-unstyled main-color">
                        <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i> تقليل التعقيد بحل واحد لجميع الأنظمة
                        </li>
                        <p class="text-black-50 padingg">قم بتبسيط جهود حماية البيانات الخاصة بك باستخدام حل واحد فقط. يدعم Acronis Cyber ​​Backup Cloud خوادم Windows و Linux وأجهزة VM وثمانية برامج فائقة السرعة وأجهزة كمبيوتر وأجهزة Mac و iOS و Android وتطبيقات Microsoft المحلية و SAP
                            HANA و Oracle Database و Office 365 و G Suite والمواقع الإلكترونية.
                        </p>
                        <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i> اختر تخزين النسخ الاحتياطي الذي يناسب احتياجات عملك
                        </li>
                        <p class="text-black-50 padingg">

                            قم بتبسيط جهود حماية البيانات الخاصة بك باستخدام حل واحد فقط. يتوافق Acronis Cyber ​​مع متطلبات العمل ولوائح الصناعة عن طريق اختيار التخزين المناسب لاحتياجاتك. يمكن تخزين النسخ الاحتياطية في أماكن العمل ، في Acronis Cyber ​​Cloud Storage الآمن ، أو السحابة
                            العامة ، أو مزود التخزين المحلي.
                        </p>
                        <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i> لا تعطي أي فرصة لبرامج الفدية
                        </li>
                        <p class="text-black-50 padingg">الاحتياطي التقليدية عرضة للهجمات التي يمكنها حذف ملفات النسخ الاحتياطي. تحميهم Acronis Cyber ​​Backup Cloud من خلال تقنية مكافحة برامج الفدية الوحيدة القائمة على الذكاء الاصطناعي في صناعة النسخ الاحتياطي.
                        </p>


                    </ul>
                </div>
                <div class="col-lg-6">
                    <ul class="list-unstyled main-color">
                        <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i> تجنب الأعدادات المعقدة أو الصيانة
                        </li>
                        <p class="text-black-50 padingg ">قم بتبسيط جهود حماية البيانات الخاصة بك باستخدام واحد فقط انسَ متاعب التنفيذ. Acronis Cyber ​​Backup Cloud هو حل BaaS متكامل ، مع عدم وجود متطلبات أو متطلبات مسبقة خاصة للعملاء تقريبًا. فقط عامل النسخ الاحتياطي خفيف الوزن مطلوب
                            للتثبيت.
                        </p>
                        <li class="font-weight-bold "><i class="fa fa-circle  px-3" style="font-size:8px"></i> استرجع الملفات في ثوان أينما ومتى دعت الحاجة
                        </li>
                        <p class="text-black-50 padingg">
                            قم بتبسيط جهود حماية البيانات الخاصة بك باستخدام جهاز واحد فقط استمتع بوحدة التحكم التي تعمل باللمس والقائمة على الويب في الحل للوصول إلى النسخ الاحتياطية واستعادة الملفات أينما ومتى لزم الأمر. لن تحتاج إلى الاتصال بـ MSP الخاص بك لتنفيذ المهام الأساسية.
                        </p>
                        <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i> منح أنظمة الاسترداد لأي بيئة أو جهاز
                        </li>
                        <p class="text-black-50 padingg">قم بتبسيط جهود حماية البيانات الخاصة بك باستخدام ترحيل واحد فقط أو استرداد أنظمة Windows و Linux بسرعة إلى نفس الأجهزة أو مماثلة أو غير متشابهة ، بما في ذلك البيئات المعدنية أو المادية أو الافتراضية أو السحابية باستخدام تقنية Acronis
                            Universal Restore المضمنة
                        </p>


                    </ul>
                </div>
            </div>
@else
<div class="breadCrumb position-relative ">
    <div class="trans-balck position-absolute">
        <div class="container mt-lg-5">
            <h1 class=" text-white text-center font-weight-bold  pt-5">Cyber Cloud</h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb" style="position: absolute; bottom: 0;">
                    <li class="breadcrumb-item  sec-color"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item  sec-color"><a>Services</a></li>
                    <li class="breadcrumb-item active text-white" aria-current="page">Cyber Cloud</li>
                </ol>
            </nav>
        </div>
    </div>
</div>
<div class="bg-light cyber">
    <div class="container">
        <div class="text-center">
            <img src="{{asset('front/dist/img/GULF DATA CYPER CLOUD LOGO - NoBackground.png')}}" alt="" class="w-50 py-3 ">
            <h4 class="main-color pb-2 font-weight-bold">Protecting A Business' Most Valuable Asset With Gulf Data Cyber Cloud</h4>
            <p class="main-color text-center mb-4">Gulf Data Cyber Cloud Is A Reliable Hybrid Cloud Backup Solution For Businesses Of All Sizes That Protects More Than 20 Platforms, Anytime, Anywhere, And Faster Than Anyone Else.
            </p>
        </div>
        <div class="row pb-5">
            <div class="col-lg-6">
                <ul class="list-unstyled main-color">
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Protection For Any Workload
                    </li>
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Unmatched Storage Options
                    </li>
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Seamless Deployment</li>
                </ul>
            </div>
            <div class="col-lg-6 ">
                <ul class="list-unstyled main-color">
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Proactive Anti-Ransomware Protection
                    </li>
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Simple Pricing With No Upfront Costs</li>
                    <li><i class="fa fa-circle sec-color px-3" style="font-size:8px"></i>Intuitive, Self-Service Web Console
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="bg-white my-5 protectimg">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 text-center">
                <img src="{{asset('front/dist/img/cyber-protection.svg')}}" alt="" class="w-75 protectimg pt-lg-5">
                <!-- في العربي
                <img src="dist/img/cyber-protection2.svg" alt="" class="w-75 protectimg pt-lg-5"> -->
            </div>
            <div class="col-lg-6">
                <h4 class="main-color h5 pb-2 font-weight-bold ">Cyber Protection Approach Includes</h4>
                <ul class="list-unstyled main-color">
                    <li>1- <span class="px-2"> Backup and disaster recovery</span></li>
                    <li>2- <span class="px-2"> Continuous Data Protection</span></li>
                    <li>3- <span class="px-2"> Proactive ransomware protection </span></li>
                    <li>4- <span class="px-2"> Protection from advanced threats and zero-day attacks</span></li>
                    <li>5- <span class="px-2"> Behavioral and signature-based anti-malware and anti-virus</span>
                    </li>
                    <li>6- <span class="px-2"> Endpoint management including vulnerability assessment and unified
                            </span>
                        <span class="px-4"> patch management</span>
                    </li>
                    <li>7- <span class="px-2"> URL filtering</span></li>
                    <li>8- <span class="px-2"> Threat alerts</span></li>
                    <li>9- <span class="px-2"> Secure file sync and share</span></li>
                    <li>10- <span class="px-1"> Secure data storage</span></li>
                    <li>11- <span class="px-1"> Data notarization</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="bg-light py-5 accordin">
    <div class="container">
        <h4 class="main-color h5  text-center font-weight-bold pb-4 pt-3">Frequently Asked Questions(FAQ) </h4>
        <div class="row ">
            <div class="col-lg-8 mx-auto ">
                <div class="accordion" id="accordionExample">
                     @foreach($questions as $ques)
                    <div class="card">
                        <div class="card-header" id="heading-{{$ques->id}}">
                            <h2 class="mb-0">
                                <button class="btn btn-link @if($loop->first)  @else collapsed @endif" type="button" data-toggle="collapse" data-target="#collapse{{$ques->id}}" aria-expanded="@if($loop->first) true @else false @endif" aria-controls="collapse{{$ques->id}}">
                                    <span class="pr-3 font-weight-bold">{{$ques->id}}. </span> {{$ques->$question}}
                                </button>
                            </h2>
                        </div>

                        <div id="collapse{{$ques->id}}" class="collapse @if($loop->first) show @endif" aria-labelledby="heading-{{$ques->id}}" data-parent="#accordionExample">
                            <div class="card-body">
                                {{$ques->$answer}}
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
<div class="backup">
    <div class="bg h-100">
        <h4 class="text-white h5  text-center font-weight-bold pb-4 pt-5">Backup </h4>
        <div class="container">
            <div class="row ">
                <p class="text-white text-center parag mb-4">
                    Companies today are switching to backup as a service (BaaS) solutions instead of setting up and maintaining their own backup and recovery infrastructure. They find it’s just smart business. Here’s why:
                </p>
                <div class="col-lg-4 my-5">
                    <div class="card border-0 bg-white py-3 position-relative">
                        <h5 class="text-center main-color pt-4">Superior data protection expertise</h5>
                        <p class="main-color text-center px-4">Outsource your corporate data protection to a trusted managed service provider (MSP) that has unique access to independent software vendor (ISV) trainings. They invest significant time to understand backup implementation procedures
                            inside and out so you don’t have to.
                        </p>
                        <div class="topping pt-lg-1 pt-2">
                            <h2 class="text-white">1</h2>
                        </div>
                    </div>

                </div>
                <div class="col-lg-4 my-5">
                    <div class="card border-0 bg-white py-3 position-relative">
                        <h5 class="text-center main-color pt-4">Easier management and scalability</h5>
                        <p class="main-color text-center px-4">
                            Offload maintenance and management to your cloud service provider instead of worrying about managing storage at an off-site location.
                        </p>
                        <div class="topping pt-lg-1 pt-2">
                            <h2 class="text-white">2</h2>
                        </div>
                    </div>

                </div>
                <div class="col-lg-4 my-5">
                    <div class="card border-0 bg-white py-3 position-relative">
                        <h5 class="text-center main-color pt-4">Enhanced data safety</h5>
                        <p class="main-color text-center px-4">
                            Safeguard your data by keeping a copy off-site. By backing up corporate data remotely, you avoid simultaneously destroying both original data and backups should a physical disaster (like theft, fire or flood) or digital danger (like a network-wide malware
                            infection) occur.
                        </p>
                        <div class="topping pt-lg-1 pt-2">
                            <h2 class="text-white">3</h2>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
<div class="bg-light py-5 business">
    <div class="container">
        <div class="text-center">
            <img src="{{asset('front/dist/img/cybercloud2.svg')}}" alt="" class="w-50 pt-5">
            <h4 class="main-color h5  text-center font-weight-bold pt-5">
                Protecting a business' most valuable asset with
            </h4>
            <p class="main-color text-center h6 mb-5">Acronic Cyber Backup Cloud</p>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <ul class="list-unstyled main-color">
                    <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i>Reduce Complexity with One Solution for All Systems
                    </li>
                    <p class="text-black-50 padingg">Streamline your data protection efforts using just one solution. Acronis Cyber Backup Cloud supports Windows and Linux servers and VMs, eight major hypervisors, PCs, Macs, iOS and Android mobile devices, Microsoft on-premises apps,
                        SAP HANA, Oracle Database, Office 365, G Suite, and websites.
                    </p>
                    <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i>Choose Backup Storage that Fits Your Business Needs
                    </li>
                    <p class="text-black-50 padingg">Streamline your data protection efforts using just one solution. Acronis Cyber Comply with business requirements and industry regulations by choosing the right storage for your needs. Backups can be stored on-premises, in the secure
                        Acronis Cyber Cloud Storage, public clouds, or a local storage provider.
                    </p>
                    <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i>Give Ransomware No Chance
                    </li>
                    <p class="text-black-50 padingg">Streamline your data protection efforts using just one solution. Acronis Cyber Defend your files and backups from ransomware. Traditional backup software is vulnerable to attacks that can delete backup files. Acronis Cyber Backup
                        Cloud shields them with the backup industry’s only artificial intelligence-based anti-ransomware technology.
                    </p>


                </ul>
            </div>
            <div class="col-lg-6">
                <ul class="list-unstyled main-color">
                    <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i>Reduce Avoid Complicated Setup and Maintenance
                    </li>
                    <p class="text-black-50 padingg ">Streamline your data protection efforts using just one Forget about implementation hassles. Acronis Cyber Backup Cloud is a turnkey, all-in-one BaaS solution, with almost no requirements or special prerequisites for customers.
                        Only a lightweight backup agent is needed for installation.
                    </p>
                    <li class="font-weight-bold "><i class="fa fa-circle  px-3" style="font-size:8px"></i>Choose Recover Files in Seconds Wherever and Whenever Needed
                    </li>
                    <p class="text-black-50 padingg">Streamline your data protection efforts using just one Enjoy the solution’s web-based, touch-friendly console to access backups and restore files wherever and whenever it’s needed. You won’t need to contact your MSP to execute
                        basic tasks.
                    </p>
                    <li class="font-weight-bold"><i class="fa fa-circle  px-3" style="font-size:8px"></i>Give Recover Systems to Any Environment or Hardware
                    </li>
                    <p class="text-black-50 padingg">Streamline your data protection efforts using just one Migrate or recover Windows and Linux systems swiftly to the same, similar, or dissimilar hardware, including bare-metal, physical, virtual, or cloud environments using built-in
                        Acronis Universal Restore technology .
                    </p>


                </ul>
            </div>
        </div>
        @endif
        <div class="row pt-5">
            <div class="col-lg-8 mx-auto">
                <div class="form card py-4 px-lg-5 px-3 border-0 ">
                    <form method="post" action="{{route("contact-create")}}" id="addContact">
                        @csrf
                        <h5 class="main-color text-capitalize font-weight-bold">@lang('front.contact_us')</h5>
                        <div class="form-group  pt-4">
                            <input type="text" class="form-control " id="exampleFormControlInput1" placeholder="@lang('front.name')" name="name">
                            <label id="contact_name" class="error_sms"></label>
                        </div>
                        <div class="form-group mt-2 pt-2">
                            <input type="number" class="form-control " id="exampleFormControlInput1"
                                   placeholder="@lang('front.phone')" name="phone">
                            <label id="contact_phone" class="error_sms"></label>
                        </div>
                        <div class="form-group mt-2 pt-2">
                            <input type="email" class="form-control " id="exampleFormControlInput1" placeholder="@lang('front.email')" name="email">
                            <label id="contact_email" class="error_sms"></label>
                        </div>
                        <div class="form-group mt-2 pt-2">
                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
                                          placeholder="@lang('front.message')" name="message"></textarea>
                            <label id="contact_message" class="error_sms"></label>
                        </div>
                        <h6 class="mt-5 ">
                            <button class="btn text-white effect010  py-2 bttons px-5" id="contact_button">
                                @lang('front.send')
                            </button>
                        </h6>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="seconding"></div>
<div class="bg-light">
    <div class="partners mb-5  py-3">
        <h2 class="text-center font-weight-bold main-color py-5 h1">@lang('front.our_partners')</h2>
        <div class="container">
            <div class="offerss owl-carousel mt-4">
               @foreach($partners as $partner)
                        <div class="d-flex justify-content-center align-items-center">
                            <a href="">
                                <div class="card">
                                    <div class="card-body py-5">
                                        <img src="{{asset($partner->photo->path)}}" alt="{{$partner->$name}}" class="hvr-pop">
                                    </div>
                                    <div class="card-footer text-center">
                                        <h4 class="font-weight-bold text-white text-capitalize">{{$partner->$name}}</h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
    <script>
        $(document).ready(function () {
            var inputs =
                [
                    'name',
                    'email',
                    'phone',
                    'message'
                ];
            $('#contact_button').click(function (e) {
                e.preventDefault();
                var url = $('#addContact').attr('action');
                var form_data = $('#addContact').serialize();
                $('.error_sms').hide();
                $('#contact_button').attr('disabled', 'disabled');
                $('#contact_button').text('').append('<span class="spinner-border spinner-border-lg" role="status" aria-hidden="true"></span>');
                for(var i = 0; i < inputs.length; i++) {
                    $('#input_' + inputs[i] + '').css('border', '');
                }
                $.ajax({
                    url: url,
                    type: 'post',
                    data: form_data,
                    success: function (data) {
                        var url = data.url;
                        if (url) {
                            window.location = url;
                        }
                    },
                    error: function (data) {
                        var error = data.responseJSON.errors;
                        $('#contact_button').removeAttr('disabled');
                        $('#contact_button').text('').append('{{trans('front.send')}}');
                        for (var i = 0; i < inputs.length; i++) {
                            if (error.hasOwnProperty(inputs[i])) {
                                $('#contact_' + inputs[i] + '').text('').append('<i class="error_fontawai fas fa-exclamation-circle" style="padding-left: 4px;color: red"></i>' + error[inputs[i]] + '');
                                $('#contact_' + inputs[i] + '').show();
                                $('#input_' + inputs[i] + '').css('border', '1px solid red').css('margin-bottom', 0);
                            }
                        }
                    }
                });
            });
        });
    </script>
@endpush