@extends('layouts.master')

@section('content')
    @include('modules.carousel')

    @include('modules.category')
    <div class="row">
        <div class="col-12">
            <div class="shadow-sm pl-1">
                <blockquote class="quote-success bg-gray-light">
                    <h5 class="text-dark">{{ __('My Account') }}</h5>
                </blockquote>
            </div>

            <div class="card card-outline card-outline-tabs rounded-0">
                <div class="card-header p-0 border-bottom-0">
                    <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="subscription-tab" data-toggle="pill" href="#subscription" role="tab" aria-controls="subscription" aria-selected="true">{{ __('Subscription') }}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="history-tab" data-toggle="pill" href="#history" role="tab" aria-controls="history" aria-selected="false">{{ __('Browsing History') }}</a>
                        </li>
                        {{--<li class="nav-item">
                            <a class="nav-link" id="score-tab" data-toggle="pill" href="#score" role="tab" aria-controls="score" aria-selected="false">{{ __('Quiz Score') }}</a>
                        </li>--}}
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="custom-tabs-three-tabContent">
                        <div class="tab-pane fade show active" id="subscription" role="tabpanel" aria-labelledby="subscription-tab">
                            @if($service)
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <tbody>
                                        <tr>
                                            <th width="30%" class="active">{{ __('Package Name') }}</th>
                                            <td class="mailbox-name">{!! $service->name !!}</td>
                                        </tr>
                                        <tr>
                                            <th width="30%" class="active">{{ __('Package Fee') }}</th>
                                            <td class="mailbox-name">
                                                Tk {!! number_format($service->price + ($service->price * $service->tax), 2) !!}/{!! \App\Helpers\Helper::validity($service->validity) !!}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th width="30%" class="active">{{ __('Activation Date') }}</th>
                                            <td class="mailbox-name">{!! $history['created_at'] !!}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="history" role="tabpanel" aria-labelledby="history-tab">
                            <div class="table-responsive mailbox-messages">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th>{{ __('Date') }}</th>
                                        <th>{{ __('Content') }}</th>
                                        <th>{{ __('Thumbnail') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($downloads as $download)
                                        @php
                                            $product = \App\Helpers\Helper::product($download['content_id']);
                                        @endphp
                                        @if($product)
                                        <tr>
                                            <td class="mailbox-name">{!!   $download['created_at'] !!}</td>
                                            <td class="mailbox-name">{!! $product->title !!}</td>
                                            <td class="pull-left">
                                                <img src="{!!  asset(config('setting.product') . '/thumbs/' . $product->thumb ) !!}" class="img-fluid center-block" alt="Thumbnail" width="50" />
                                            </td>
                                        </tr>
                                        @endif
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{--<div class="tab-pane fade" id="score" role="tabpanel" aria-labelledby="score-tab">
                            <div class="table-responsive mailbox-messages">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Date') }}</th>
                                            <th>{{ __('Wrong') }}</th>
                                            <th>{{ __('Correct') }}</th>
                                            <th>{{ __('Point') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($scores as $score)
                                        <tr>
                                            <td class="mailbox-name">{!!   $score->dt !!}</td>
                                            <td class="mailbox-name">{!! $score->wrong !!}</td>
                                            <td class="mailbox-name">{!! $score->correct !!}</td>
                                            <td class="mailbox-name">{!! $score->total !!}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th class="text-right" colspan="3">{{ __('Total Point') }}</th>
                                        <th>{{ array_sum($scores->pluck('total')->toArray()) }}</th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection