@extends('front.user.layout')
@section('title', 'Coupons')
@section('content')
    <div class="cartSec">
        <div class="container-fluid">
            <div class="main-padingbdy">
                <div class="contentBox">
                    <div class="contentHeader">
                        <h2>Coupon</h2>

                        {{--                        <div class="contentHeaderBtn">--}}
                        {{--                            <div class="dropdown">--}}
                        {{--                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                        {{--                                    10 02 2020--}}
                        {{--                                </a>--}}
                        {{--                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">--}}
                        {{--                                    <a class="dropdown-item" href="#">Action</a>--}}
                        {{--                                    <a class="dropdown-item" href="#">Another action</a>--}}
                        {{--                                    <a class="dropdown-item" href="#">Something else here</a>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <h3>To</h3>--}}
                        {{--                            <div class="dropdown">--}}
                        {{--                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                        {{--                                    10 02 2020--}}
                        {{--                                </a>--}}
                        {{--                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink1">--}}
                        {{--                                    <a class="dropdown-item" href="#">Action</a>--}}
                        {{--                                    <a class="dropdown-item" href="#">Another action</a>--}}
                        {{--                                    <a class="dropdown-item" href="#">Something else here</a>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}
                    </div>
                    <div class="table-responsive ">
                        <table class="table order-table">
                            <thead>
                            <tr>
                                <th>S.NO</th>
                                <th>Code</th>
                                <th>Discount</th>
                                <th>Expiry</th>
                                <th>Active/Inactive</th>
                            </tr>
                            </thead>
                            <tbody>


                            @php $counter = 1; @endphp
                            @forelse($coupons as $coupon)
                                <tr class="coupon">
                                    <td>{{$counter}}</td>
                                    <td>{{$coupon->code}}</td>

                                    <td class="name percent">
                                        @if($coupon->type == 'percentage')
                                            <h3>{{$coupon->value}}% OFF</h3>
                                        @else
                                            <h3>${{$coupon->value}} OFF</h3>
                                        @endif
                                    </td>
                                    <td class="date">
                                        <a href="#">{{$coupon->expiration_date}}</a>
                                    </td>

                                    @if($coupon->status == 1 && $coupon->expiration_date >= date('Y-m-d'))
                                        <td class="status"><p>active</p></td>
                                    @else
                                        <td class="status inactive"><p>inactive</p></td>
                                    @endif
                                </tr>
                                @php $counter++; @endphp
                            @empty
                            @endforelse

                            </tbody>
                        </table>
                        {{$coupons->links('vendor.pagination.user-dashboard')}}

                    </div>
                </div>
                    <div class="contentBox pointBox">
                        <div class="contentHeader">
                            <h2>Point</h2>

                            {{--                        <div class="contentHeaderBtn">--}}
                            {{--                            <div class="dropdown">--}}
                            {{--                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                            {{--                                    10 02 2020--}}
                            {{--                                </a>--}}
                            {{--                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">--}}
                            {{--                                    <a class="dropdown-item" href="#">Action</a>--}}
                            {{--                                    <a class="dropdown-item" href="#">Another action</a>--}}
                            {{--                                    <a class="dropdown-item" href="#">Something else here</a>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                            <h3>To</h3>--}}
                            {{--                            <div class="dropdown">--}}
                            {{--                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                            {{--                                    10 02 2020--}}
                            {{--                                </a>--}}
                            {{--                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink1">--}}
                            {{--                                    <a class="dropdown-item" href="#">Action</a>--}}
                            {{--                                    <a class="dropdown-item" href="#">Another action</a>--}}
                            {{--                                    <a class="dropdown-item" href="#">Something else here</a>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            {{--                        </div>--}}
                        </div>

                        <div class="table-responsive ">
                            <table class="table order-table">
                                <thead>
                                <tr>
                                    <th>Total Points</th>
                                    <th>Expiry</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>



                            <tr class="coupan">
                                <td><span>{{$point->points_count ?? 0}}</span></td>
                                <td class="date">
                                    <a>{{$point->expiry ?? ''}}</a>
                                </td>
                                <td class="status">
                                    <p><a class="text-white" href="{{route('user.redeemPoints')}}">REDEEM</a></p>
                                </td>
                            </tr>
                                </tbody>
                            </table>
                        </div>
                        {{--                    <div class="contentList">--}}
                        {{--                        @php $counter = 1; @endphp--}}
                        {{--                        @forelse($coupons as $coupon)--}}
                        {{--                            <div class="cell coupon">--}}
                        {{--                                <span>{{$counter}}</span>--}}
                        {{--                                <span>{{$coupon->code}}</span>--}}

                        {{--                                <div class="name percent">--}}
                        {{--                                    @if($coupon->type == 'percentage')--}}
                        {{--                                        <h3>{{$coupon->value}}% OFF</h3>--}}
                        {{--                                    @else--}}
                        {{--                                        <h3>${{$coupon->value}} OFF</h3>--}}
                        {{--                                    @endif--}}
                        {{--                                </div>--}}
                        {{--                                <div class="date">--}}
                        {{--                                    <a href="#">{{$coupon->expiration_date}}</a>--}}
                        {{--                                </div>--}}

                        {{--                                @if($coupon->status == 1 && $coupon->expiration_date >= date('Y-m-d'))--}}
                        {{--                                    <div class="status"> <p>active</p> </div>--}}
                        {{--                                @else--}}
                        {{--                                    <div class="status inactive"><p>inactive</p></div>--}}
                        {{--                                @endif--}}
                        {{--                            </div>--}}
                        {{--                            @php $counter++; @endphp--}}
                        {{--                        @empty--}}
                        {{--                        @endforelse--}}

                        {{--                        {{$coupons->links('vendor.pagination.user-dashboard')}}--}}
                        {{--                    </div>--}}
                    </div>
                </div>

        </div>

@endsection