@extends('Template.layouts.single')
@section('title' , 'صفحه یافت نشد')

@section('style')
    <style>
        .intro-text {
            line-height: 35px;
            margin-top: 50px;
            text-align: right;
        }

        .intro-logo {
            margin-top: 60px;
            background-color: #d2cece;
            padding: 10px;
            border-radius: 35px;
        }

        .owl-dots {
            position: absolute;
            bottom: 20px;
            left: calc(50% - 60px);
            outline: none;
            background-color: #000000a1;
            padding-top: 8px;
            border-radius: 55px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .owl-dots button {
            border: 0 !important;
            outline: none;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #da0b4e;
        }

        .download-box {
            background-color: #767676;
            border-radius: 15px;
            padding: 10px;
        }

        .download-link img {
            width: 75px;
        }


        .download-link h5 {
            color: white;
            margin: 0;
        }

        .download-link {
            width: 100%;
            background-color: #2dcc94;
            margin: 5px;
            height: 73px;
            border-radius: 25px;
            display: flex;
            justify-content: start;
            transition: 0.7s;
            align-items: center;
        }

        .download-link:hover {
            background-color: #53dcac;
        }

        .download-row {
            display: flex;
            width: 100%;
        }


    </style>
@endsection

@section('content')
    <div class="main">
        <section class="ptb-100 d-flex align-items-center">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-9 col-lg-7">
                        <div class="error-content text-center">
                            <h2>
                                <span>نام : {{$userRefData->name}}</span>
                            </h2>
                            <h2>
                                <span>کد معرف : {{$userRefData->ref_code}}</span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-7 col-sm-12">

                        <h4>
                            دانلود اپلیکیشن دؤ هوش برای سیستم‌عامل اندروید (سازگار با تلفن‌های همراه هوآوی) و iOS (آیفون)
                        </h4>

                        <p>شما می‌توانید از طریق تمامی لینک‌های زیر اپلیکیشن دؤ هوش را دانلود کنید.
                        </p>
                    </div>

                    <div class="col-lg-5 col-md-5 col-sm-12 download-box">
                        <div class="download-row">
                            <a class="download-link" href="{{asset('app/SanjakV1.0.0.apk')}}">
                                <img src="{{asset('template-style/assets/logos/android-white.png')}}">
                                <h5>دانلود مستقیم</h5>
                            </a>

                            <a class="download-link" href="#">
                                <img src="{{asset('template-style/assets/logos/anardoni-logo.svg')}}">
                                <h5>دانلود از اناردونی</h5>
                            </a>
                        </div>


                        {{--                    <a class="download-link" href="#">--}}
                        {{--                        <img src="{{asset('template-style/assets/logos/appstar.svg')}}">--}}
                        {{--                    </a>--}}

                        <div class="download-row">
                            <a class="download-link" href="#">
                                <img src="{{asset('template-style/assets/logos/cafebazaar-dl.svg')}}">
                                <h5>دانلود از کافه بازار</h5>
                            </a>

                            <a class="download-link" href="#">
                                <img src="{{asset('template-style/assets/logos/ios-sibche.png')}}">
                                <h5>دانلود از سیبچه</h5>
                            </a>
                        </div>


                        <div class="download-row">
                            <a class="download-link" href="#">
                                <img src="{{asset('template-style/assets/logos/myket.svg')}}">
                                <h5>دانلود از مایکت</h5>
                            </a>
                        </div>

                        {{--                    <a class="download-link" href="#">--}}
                        {{--                        <img src="{{asset('template-style/assets/logos/sib-irani.png')}}">--}}
                        {{--                    </a>--}}

                        {{--                    <a class="download-link" href="#">--}}
                        {{--                        <img src="{{asset('template-style/assets/logos/sibapp-new.svg')}}">--}}
                        {{--                    </a>--}}

                        {{--                    <a class="download-link" href="#">--}}
                        {{--                        <img src="{{asset('template-style/assets/logos/sibbazar-logo.png')}}">--}}
                        {{--                    </a>--}}

                    </div>
                </div>

            </div>
        </section>

    </div>

@endsection