@extends('theme::layouts.app')
@section('theme::title', __('reddington.seo.donations-silk-tebex'))
@section('theme::sidebar')
    @include('theme::frontend.account.sidebar')
@endsection

@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <h1>
                        {{ __('reddington.donations.tebex.title') }}
                    </h1>

                    <div class="row">
                        @forelse($tebex as $data)
                            <div class="col-lg-6">
                                <div class="card mb-4">
                                    <div class="card-header">
                                        <h6 class="m-0 font-weight-bold">
                                            {{ $data->amount }} {{ config('siteSettings.sro_silk_name', 'Silk') }}
                                        </h6>
                                    </div>
                                    <div class="card-body">
                                        <h6 class="card-subtitle mb-2 text-muted">
                                            {{ __('reddington.donations.tebex.pay-text', [
                                                'price' => $data->price,
                                                'currency' => $method->currency,
                                                'amount' => $data->amount,
                                                'silk_name' => config('siteSettings.sro_silk_name', 'Silk'),
                                            ]) }}
                                        </h6>
                                    </div>
                                </div>

                            </div>
                        @empty
                            {{-- {{ __('reddington.donations.tebex.empty') }} --}}
                        @endforelse
                    </div>
                    <a class="btn btn-primary card-link" href="{{ route('donate-tebex-buy') }}">
                        <i class="fa fa-cart-plus"></i> {{ __('reddington.donations.tebex.submit') }}
                    </a>
                </div>


                <br><br><br>

                <style>
                    table {
                        border-collapse: collapse;
                        width: 100%;
                    }

                    th,
                    td {
                        border: 1px solid #ddd;
                        padding: 8px;
                        text-align: center;
                    }

                    th {
                        background-color: #00d5e4;
                    }
                </style>

                <h3 class="text-primary">Tebex Silk Prices</h3>
                <table>
                    <thead>
                        <tr>
                            <th>Silk</th>
                            <th>Bonus</th>
                            <th>$</th>
                        </tr>
                    </thead>
                    <tbody>
                       @foreach ($tebex as $data)
                       <tr>
                            <td>{{ $data->amount }}</td>
                            <td>-</td>
                            <td>{{ $data->price }}</td>
                        </tr>
                       @endforeach
                    </tbody>
                </table>





            </div>
        </div>
    </div>
@endsection