@extends('dashboard.admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ $title }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">{{ $title }}</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ $title }}</h4>
                            <div class="card-header-action">
                                <a href="{{ route('admin.coupons.create') }}" class="btn btn-primary">
                                    <i class="fa fa-plus" aria-hidden="true"></i> New
                                </a>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th>
                                                #
                                            </th>
                                            <th>Name</th>
                                            <th>Code</th>
                                            <th>Quantity</th>
                                            <th>Max use per person</th>
                                            <th>Start date</th>
                                            <th>End date</th>
                                            <th>Discount type</th>
                                            <th>Discount</th>
                                            <th>Total used</th>
                                            <th>Status</th>
                                            <th width="100">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($coupons as $key => $coupon)
                                            <tr>
                                                <td>
                                                    {{ $key + 1 }}
                                                </td>
                                                <td>
                                                    {{ $coupon->name }}
                                                </td>
                                                <td>
                                                    {{ $coupon->code }}
                                                </td>
                                                <td>
                                                    {{ $coupon->quantity }}
                                                </td>
                                                <td>
                                                    {{ $coupon->max_use_per_person }}
                                                </td>
                                                <td>
                                                    {{ $coupon->start_date }}
                                                </td>
                                                <td>
                                                    {{ $coupon->end_date }}
                                                </td>
                                                <td>
                                                    {{ $coupon->discount_type }}
                                                </td>
                                                <td>
                                                    @if ($coupon->discount_type == 'percent')
                                                        {{ $coupon->discount . '%' }}
                                                    @elseif ($coupon->discount_type == 'amount')
                                                        {{ formatAmount($coupon->discount, $settings) }}
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ $coupon->total_used }}
                                                </td>
                                                <td>
                                                    @if ($coupon->status == 1)
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" checked name="custom-switch-checkbox"
                                                                data-id="{{ $coupon->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @else
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" name="custom-switch-checkbox"
                                                                data-id="{{ $coupon->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ route('admin.coupons.edit', $coupon->id) }}"
                                                        class="btn btn-primary"><i class="fa fa-edit"
                                                            aria-hidden="true"></i></a>
                                                    <a href="{{ route('admin.coupons.destroy', $coupon->id) }}"
                                                        class="btn btn-danger delete-item"><i class="fa fa-trash"
                                                            aria-hidden="true"></i></a>
                                                </td>
                                            </tr>
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('scripts')
        <script>
            $(document).ready(function() {

                $('body').on('click', '.change-status', function() {

                    let isChecked = $(this).is(':checked');

                    let id = $(this).data('id');

                    $.ajax({
                        url: "{{ route('admin.coupons.change.status') }}",
                        method: 'PUT',
                        data: {
                            status: isChecked,
                            id: id
                        },

                        success: function(data) {
                            toastr.success(data.message);
                        },
                        error: function(xr, status, error) {
                            console.log(error);
                        }
                    })
                })
            })
        </script>
    @endpush
@endsection