@php use App\Models\Coupon; @endphp
@extends('cms.layouts.frame')

@section('content')
    <main>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link  {{ $activeNavLink("manual") }}" href="{{ route("cms.coupon.index") }}">
                        手動產生優惠券
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeNavLink("auto") }}"
                       href="{{ route("cms.coupon.index", ["tab" => "auto"]) }}">系統產生優惠券
                    </a>
                </li>

            </div>
        </nav>
        <div class="tab-content pt-3" id="nav-tabContent">
            {{-- 列表 --}}
            <div class="tab-pane active" id="nav-index" role="tabpanel"
                 aria-labelledby="nav-index-tab" tabindex="0">

                @if ($tab == "manual")
                    @can("couponCreate", Coupon::class)
                        <div class="row">
                            <div class="col-auto">
                                <a class="btn btn-primary"
                                   role="button"
                                   href="{{ route("cms.coupon.create", ['redirect' => url()->full()]) }}">新增
                                </a>
                            </div>
                        </div>
                    @endcan
                @endif


                <table class="table min-w-1280  mt-2">
                    <thead>
                    <tr>
                        <th scope="col">優惠券</th>
                        <th scope="col">折扣碼</th>
                        <th scope="col">使用次數</th>
                        <th scope="col">開始時間</th>
                        <th scope="col">截止時間</th>
                        <th scope="col">建立時間</th>
                        @canany(["couponUpdate", "couponDelete"], Coupon::class)
                            <th scope="col">操作</th>
                        @endcanany
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($coupons as $coupon)
                        <tr>
                            <td>
                                <div>{{ $coupon->title }}</div>
                                <div class="text-secondary">{{ $discountType($coupon) }}
                                    : {{ $discountValue($coupon) }}</div>
                            </td>
                            <td>
                                <a hidden href="{{ $QRCode($coupon) }}" target="_blank">{{ $coupon->code }}</a>
                                <a>{{ $coupon->code }}</a>
                            </td>
                            <td>{{ number_format($coupon->user_relationships_count)  }} 次</td>
                            <td>{{ $coupon->start_at }}</td>
                            <td>{{ $coupon->end_at }}</td>
                            <td>{{ $coupon->created_at }}</td>
                            <td>
                                @can("couponUpdate", Coupon::class)
                                    <a class="btn btn-primary btn-sm"
                                       href="{{ route("cms.coupon.edit", [$coupon['id']]) }}"
                                       role="button">{!! App\Libraries\Icon::edit() !!}
                                    </a>
                                @endcan

                                @can("couponDelete", Coupon::class)
                                    <form method="post" action="{{ route("cms.coupon.destroy", [$coupon->id]) }}"
                                          style="display: inline-block">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit"
                                                class="btn btn-secondary btn-sm js-confirm-delete">{!! App\Libraries\Icon::delete() !!}
                                        </button>
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
                {{ $coupons->links() }}

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