@extends('user.layout.videolayout')

@section('tab5','active')
@section('tab')
    <div class="row">
        <div class="accordion-off col-xs-12">
            <ul id="accordion" class="accordion off-filters-li">
                <li>
                    <div class="link"><h2>{{{ trans('main.promoted_courses') }}}</h2><i class="mdi mdi-chevron-down"></i></div>
                    <ul class="submenu">
                        <div class="h-10"></div>
                        @if(count($list) == 0)
                            <div class="text-center">
                                <img src="/assets/images/empty/Promotion.png">
                                <div class="h-20"></div>
                                <span class="empty-first-line">{{{ trans('main.no_promotion') }}}</span>
                                <div class="h-10"></div>
                                <span class="empty-second-line">
                                <span>{{{ trans('main.promotion_desc') }}}</span>
                            </span>
                                <div class="h-20"></div>
                            </div>
                        @else
                            <div class="table-responsive">
                            <table class="table ucp-table">
                                <thead class="thead-s">
                                    <th class="text-center">{{{ trans('main.plan') }}}</th>
                                    <th class="text-center">{{{ trans('main.description') }}}</th>
                                    <th class="text-center">{{{ trans('main.course') }}}</th>
                                    <th class="text-center">{{{ trans('main.status') }}}</th>
                                    <th class="text-center" width="150">{{{ trans('main.expire_date') }}}</th>
                                </thead>
                                <tbody>
                                    @foreach($list as $item)
                                    <tr>
                                        <td class="text-center">{{{ $item->plan->title or '' }}}</td>
                                        <td class="text-center">{{{ $item->description or '' }}}</td>
                                        <td class="text-center"><a class="gray-s" href="/product/{{{ $item->content->id or 0 }}}">{{{ $item->content->title or '' }}}</a> </td>
                                        <td class="text-center">
                                            @if($item->mode == 'publish')
                                                <b class="blue-s">{{{ trans('main.active') }}}</b>
                                            @elseif($item->mode == 'pay')
                                                <b class="green-s">{{{ trans('main.paid') }}}</b>
                                            @else
                                                <b class="orange-s">{{{ trans('main.waiting') }}}</b>
                                            @endif
                                        </td>
                                        <td class="text-center">{{{ date('d F Y H:i',$item->create_at) }}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </ul>
                </li>
                <li class="open">
                    <div class="link"><h2>{{{ trans('main.promotion_plans') }}}</h2><i class="mdi mdi-chevron-down"></i></div>
                    <ul class="submenu dblock">
                        <div class="h-10"></div>
                        <div class="row">
                            @foreach($plans as $plan)
                                <div class="col-md-3 col-xs-12 plan-box tab-con">
                                    <div class="price-section">{{{ $plan->title or '' }}}</div>
                                    <div class="plan-box-section plan-box-section-s">{{{ currencySign() }}}{{{ $plan->price or 0 }}}</div>
                                    <div class="plan-box-section plan-box-section-r">{{{ $plan->day or '0' }}} {{{ trans('main.days') }}}</div>
                                    <div class="plan-box-section plan-box-section-e">{{{ $plan->description or 'No Description' }}}</div>
                                    <div class="plan-box-section"><a href="/user/video/promotion/buy/{{{ $plan->id or 0 }}}" class="btn btn-custom">{{{ trans('main.purchase_plan') }}}</a></div>
                                </div>
                            @endforeach
                        </div>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
@endsection