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

@section('content')
    <div class="main">

        <section class="gradient-overlay ptb-100 height-lg-100vh d-flex align-items-center"
                 style="background: url({{asset('template-style/img/12.jpg')}})no-repeat center center / cover">
            <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 text-white">
                            <div class="notfound-404">
                                <h1 class="text-white">404</h1>
                            </div>
                            <h3 class="text-white">با عرض پوزش، مشکلی پیش آمد</h3>
                            <p>صفحه ای که به دنبال آن هستید ممکن است در صورت تغییر نام حذف شده باشد یا به طور موقت در
                                دسترس
                                نباشد.</p><a class="btn outline-white-btn" href="{{route('home')}}">بازگشت به سایت</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

    <!--footer section start-->
    <footer class="bg-transparent position-relative d-none d-md-block d-lg-block">
        <!--footer copyright start-->
        <div class="footer-bottom bottom-sticky-footer py-3">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-5 col-lg-5">
                        <p class="copyright-text pb-0 mb-0 text-white">همه حقوق برای وبسایت آی فاند محفوظ است.
                            <a href="{{ route('home') }}" target="_blank">
                                <span class="text-white">|</span>
                                iFund
                                <span class="text-white">|</span>
                            </a>
                        </p>
                    </div>
                    <div class="col-md-7 col-lg-6">
                        <div class="payment-method text-right">
                            <ul class="list-inline">
                                @foreach($social_medias as $social_media)
                                    <li class="list-inline-item tooltip-hover">
                                        <a href="{{ $social_media->url }}" class="telegram" target="_blank">
                                            <i class="{{ $social_media->icon }}"></i>
                                        </a>
                                        <div class="tooltip-item">{{ $social_media->title }}</div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--footer copyright end-->
    </footer>
    <!--footer section end-->
@endsection