@extends ('back_office.layouts.app')

@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex flex-row justify-content-between">
                        <div>
                            <h5 class="mb-0">All Discount Coupons</h5>
                        </div>
                        <a href="{{ route('coupons.create') }}" class="btn bg-gradient-primary btn-sm mb-0" type="button">+&nbsp; New Coupon</a>
                    </div>
                </div>
                <div class="card-body" id="customers">
                    <div class="table-responsive">
                        <table class="table align-items-center mb-0 text-center">
                            <thead>
                            <tr>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">CODE</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">TYPE</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">VALUE</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">CUSTOMER TYPE</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">IS USED</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">IS USED AT</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">IS USED BY</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">IS USED ON</th>
                                <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">EXPIRED AT</th>
                                @can('area-management')
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Action</th>
                                @endcan
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($coupons as $key => $coupon)
                                <tr>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                <h6 class="mb-0 text-xs">{{$coupon->code}}</h6>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->type == 'percent')
                                                    <h6 class="mb-0 text-xs">Percent (%)</h6>
                                                @else
                                                    <h6 class="mb-0 text-xs">Flat amount</h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->type == 'percent')
                                                    <h6 class="mb-0 text-xs">{{$coupon->amount}} <small>%</small></h6>
                                                @else
                                                    <h6 class="mb-0 text-xs">{{$coupon->amount}} <small>QAR</small></h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->customer_type == 'wise_customer')
                                                    <h6 class="mb-0 text-xs">Wise Customer</h6>
                                                @else
                                                    <h6 class="mb-0 text-xs">All Customers</h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->customer_type == 'wise_customer')
                                                    @if($coupon->is_used_at)
                                                        <h6 class="mb-0 text-xs">YES</h6>
                                                    @else
                                                        <h6 class="mb-0 text-xs">NO</h6>
                                                    @endif
                                                @else
                                                    <h6 class="mb-0 text-xs">--</h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->is_used_at)
                                                    <h6 class="mb-0 text-xs">{{date('d-m-Y H:i', strtotime($coupon->is_used_at))}}</h6>
                                                @else
                                                    <h6 class="mb-0 text-xs"> -- </h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->user_id)
                                                    <h6 class="mb-0 text-xs">{{ @$coupon->user->name }}</h6>
                                                @else
                                                    <h6 class="mb-0 text-xs"> -- </h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                @if($coupon->subscription_id)
                                                    <h6 class="mb-0 text-xs">{{ @$coupon->subscription->package->name }}</h6>
                                                @else
                                                    <h6 class="mb-0 text-xs"> -- </h6>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex px-4">
                                            <div class="my-auto">
                                                <h6 class="mb-0 text-xs">{{date('d-m-Y H:i', strtotime($coupon->expired_at))}}</h6>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{route('coupons.edit', $coupon->id)}}" class="badge badge-sm bg-gradient-info" title="Edit"><i class="fas fa-pen fa-fw"></i></a>
                                        <a type="button" onclick="deleteCoupon({{ $coupon->id }})" class="badge badge-sm bg-gradient-danger" title="Delete"><i class="fas fa-trash-alt fa-fw"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js')  }}"></script>
    <script type="text/javascript">
        function deleteCoupon(id) {
            Swal.fire({
                title: "Are you sure?",
                text: "You will not be able to recover this data!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: '#36c6d3',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Confirm',
                cancelButtonText: 'Cancel'
            }).then(function(result) {
                if (result.value) {
                    $.ajax({
                        url: "/admin/coupons/delete/" + id,
                        type: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}",
                        },
                        success: function() {
                            location.reload();
                        }
                    });

                } else if (result.dismiss == 'cancel') {
                    console.log('cancel')
                }

            });
        }
    </script>
@endsection