@extends(getTemplate() . '.panel.layouts.panel_layout')

@push('styles_top')
    <link rel="stylesheet" href="/assets/default/vendors/daterangepicker/daterangepicker.min.css">
@endpush

@section('content')

    <section class="mt-35">
        <h2 class="section-title">{{ trans('panel.my_coupons') }}</h2>

        @if (!empty($coupons) and !$coupons->isEmpty())
            <div class="panel-section-card py-20 px-25 mt-20">
                <div class="row">
                    <div class="col-12 ">
                        <div class="table-responsive">
                            <table class="table custom-table text-center ">
                                <thead>
                                    <tr>
                                        <th width="150">{{ trans('admin/main.title') }}</th>
                                        <th width="150">{{ trans('admin/main.type') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.code') }}</th>
                                        <th width="150">{{ trans('admin/main.amount') }}</th>
                                        <th width="50">{{ trans('admin/main.status') }}</th>
                                        <th width="250">{{ trans('admin/main.created_date') }}</th>
                                        <th width="250">{{ trans('admin/main.ext_date') }}</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($coupons as $coupon)
                                        <tr>
                                            <td class="text-left align-middle" width="35%">
                                                {{ $coupon->title }}
                                            </td>
                                            <td class="text-left">
                                                @if ($coupon->discount_type == \App\Models\Discount::$discountTypeFixedAmount)
                                                    {{ trans('update.fixed_amount') }}
                                                @else
                                                    {{ trans('admin/main.percentage') }}
                                                @endif
                                            </td>
                                            <td class="text-left align-middle" width="35%">
                                                {{ $coupon->code }}
                                            </td>
                                            <td class="text-left align-middle" width="35%">
                                                {{ handlePrice($coupon->amount) }}
                                            </td>
                                            <td class="text-left">
                                                @if ($coupon->expired_at < time())
                                                    <span class="text-danger">{{ trans('panel.expired') }}</span>
                                                @else
                                                    <span class="text-primary">{{ trans('admin/main.active') }}</span>
                                                @endif
                                            </td>

                                            <td class="text-dark-blue text-left font-weight-500 align-middle">
                                                {{ dateTimeFormat($coupon->created_at, 'j M Y | H:i') }}</td>

                                            <td class="text-left">{{ dateTimeFormat($coupon->expired_at, 'Y M d - H:i') }}</td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @else
            @include(getTemplate() . '.includes.no-result', [
                'file_name' => 'comment.png',
                'title' => trans('panel.my_comments_no_result'),
                'hint' => nl2br(trans('panel.my_comments_no_result_hint')),
            ])
        @endif
    </section>

    <div class="my-30">
        {{ $coupons->appends(request()->input())->links('vendor.pagination.panel') }}
    </div>
@endsection

@push('scripts_bottom')
    <script src="/assets/default/vendors/moment.min.js"></script>
    <script src="/assets/default/vendors/daterangepicker/daterangepicker.min.js"></script>
    <script>
        var commentLang = '{{ trans('panel.comment') }}';
        var replyToCommentLang = '{{ trans('panel.reply_to_the_comment') }}';
        var editCommentLang = '{{ trans('panel.edit_comment') }}';
        var saveLang = '{{ trans('public.save') }}';
        var closeLang = '{{ trans('public.close') }}';
        var failedLang = '{{ trans('quiz.failed') }}';
    </script>
    <script src="/assets/default/js/panel/comments.min.js"></script>
@endpush