@extends('public.core.core')
@section('title')
    Sık Sorulan Sorular
@endsection
@section('csrf_token')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h1 class="text-white">Paketler</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== PRICING PRODUCT PART START ======-->
    <section class="pricing-area pt-60 pb-90">
        <div class="container">
            <div class="row">
                <div class="mx-auto col-xl-6 col-lg-7 col-md-10">
                    <div class="text-center section-title mb-90">
                        <h1>Paket Listesi</h1>
                        <p><b>Firma Üyeliğiniz</b> için size uygun paketi seçerek hesabınızı aktif edebilir , öne
                            çıkarabilirsiniz.</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-8 col-sm-10 col-11">
                    <div class="single-pricing">
                        <div class="icon">
                            <i class="lni lni-layers"></i>
                        </div>
                        <h3 class="name">{{ $package->title_1 }}</h3>
                        <ul>
                            {!! $package->description_1 !!}
                        </ul>
                        <h2 class="price">{{ number_format($package->price_1, 2, ',', '.') }} <sup>₺</sup></h2>
                        <span class="time">Yıllık</span>
                        @auth
                            @if (Auth()->User()->role == 'company')
                                <a href="{{ route('company.create_my_payments') }}" class="main-btn btn-hover">Satın Al</a>
                            @endif
                        @endauth
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 col-sm-10 col-11">
                    <div class="single-pricing standard">
                        <div class="icon">
                            <i class="lni lni-leaf"></i>
                        </div>
                        <h3 class="name">{{ $package->title_3 }}</h3>
                        <ul>
                            {!! $package->description_3 !!}
                        </ul>
                        <h2 class="price">{{ number_format($package->price_3, 2, ',', '.') }} <sup>₺</sup></h2>
                        <span class="time">Aylık</span>
                        @auth
                            @if (Auth()->User()->role == 'company')
                                <a href="{{ route('company.create_my_payments') }}" class="main-btn btn-hover">Satın Al</a>
                            @endif
                        @endauth
                    </div>
                </div>
                <div class="col-lg-4 col-md-8 col-sm-10 col-11">
                    <div class="single-pricing">
                        <div class="icon">
                            <i class="lni lni-diamond-alt"></i>
                        </div>
                        <h3 class="name">{{ $package->title_2 }}</h3>
                        <ul>
                            {!! $package->description_2 !!}
                        </ul>
                        <h2 class="price">{{ number_format($package->price_2, 2, ',', '.') }} <sup>₺</sup></h2>
                        <span class="time">6 Aylık</span>
                        @auth
                            @if (Auth()->User()->role == 'company')
                                <a href="{{ route('company.create_my_payments') }}" class="main-btn btn-hover">Satın Al</a>
                            @endif
                        @endauth
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--====== PRICING PRODUCT PART ENDS ======-->
    <!--====== SUBSCRIBE PRODUCT PART START ======-->
    <section class="subscribe-area">
        <div class="container">
            <div class="subscribe-wrapper bg_cover">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="subscribe-content section-title">
                            <h1 class="text-white">Bültenimize Abone Olun</h1>
                            <p class="text-white">Size özel hazıraldığımız farklı sektörlerle alakalı bültenimize abone olun
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="subscribe-form-wrapper">
                            <form action="#" class="subscribe-form">
                                <input type="email" name="email" id="sub-email-input"
                                    placeholder="Mail Adresinizi Giriniz">
                                <button type="button" id="sub-email-button"><i
                                        class="lni lni-telegram-original"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== SUBSCRIBE PRODUCT PART ENDS ======-->
@endsection
@section('extra_js')
<script src="/assets/js/subscribe.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
    </script>
@endsection