@extends('dashboard.layouts.app')

@section('title', __('dashboard.Coupons'))
@section('page_heading', __('dashboard.Coupons'))

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">{{ __('dashboard.Coupons') }}</li>
@endsection

@section('actions')
    <a href="{{ route('dashboard.coupons.create') }}" class="btn btn-primary">
        {{ __('dashboard.Add New Coupon') }}
    </a>
@endsection

@section('content')
    <div class="row g-7">
        <div class="col-xl-12">
            <div class="card card-flush h-lg-100">
                <div class="card-header pt-7">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-gray-800">{{ __('dashboard.Coupons') }}</span>
                        <span class="text-gray-400 mt-1 fw-semibold fs-6">{{ $coupons->count() }} {{ trans_choice('dashboard.Coupon', $coupons->count()) }}</span>
                    </h3>
                </div>
                <div class="card-body pt-6">
                    @if($coupons->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
                                <thead>
                                    <tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
                                        <th class="p-0 pb-3 min-w-50px text-start">{{ __('dashboard.ID') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Code') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.User') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Discount Type') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Discount Value') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Start Date') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.End Date') }}</th>
                                        <th class="p-0 pb-3 min-w-50px">{{ __('dashboard.Active') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Gift Calls') }}</th>
                                        <th class="p-0 pb-3 min-w-100px">{{ __('dashboard.Discussion Groups') }}</th>
                                        <th class="p-0 pb-3 min-w-100px text-end">{{ __('dashboard.Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($coupons as $coupon)
                                        <tr>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $coupon->id }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{ $coupon->code }}</span>
                                            </td>
                                            <td>
                                                @if($coupon->user)
                                                    <a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{ $coupon->user->name }}</a>
                                                @else
                                                    <span class="text-gray-600 fw-bold fs-6">{{ __('dashboard.N/A') }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $coupon->discount_type == 'percentage' ? __('dashboard.Percentage') : __('dashboard.Fixed') }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $coupon->discount_value }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $coupon->start_date->format('Y-m-d H:i') }}</span>
                                            </td>
                                            <td>
                                                <span class="text-gray-600 fw-bold fs-6">{{ $coupon->end_date->format('Y-m-d H:i') }}</span>
                                            </td>
                                            <td>
                                                <span class="badge {{ $coupon->is_active ? 'badge-light-success' : 'badge-light-danger' }}">{{ $coupon->is_active ? __('dashboard.Active') : __('dashboard.Inactive') }}</span>
                                            </td>
                                            <td>
                                                <span class="badge {{ $coupon->applies_to_gift_calls ? 'badge-light-success' : 'badge-light-secondary' }}">{{ $coupon->applies_to_gift_calls ? __('dashboard.Yes') : __('dashboard.No') }}</span>
                                            </td>
                                            <td>
                                                <span class="badge {{ $coupon->applies_to_discussion_groups ? 'badge-light-success' : 'badge-light-secondary' }}">{{ $coupon->applies_to_discussion_groups ? __('dashboard.Yes') : __('dashboard.No') }}</span>
                                            </td>
                                            <td class="text-end">
                                                <div class="d-flex justify-content-end flex-shrink-0">
                                                    <a href="{{ route('dashboard.coupons.show', $coupon) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
                                                        <i class="bi bi-eye-fill fs-3"></i>
                                                    </a>
                                                    <a href="{{ route('dashboard.coupons.edit', $coupon) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
                                                        <i class="bi bi-pencil-square fs-3"></i>
                                                    </a>
                                                    <form action="{{ route('dashboard.coupons.destroy', $coupon) }}" method="POST" id="delete-form-{{$coupon->id}}">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm" onclick="confirmDelete('delete-form-{{$coupon->id}}')">
                                                            <i class="bi bi-trash fs-3"></i>
                                                        </button>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!-- Pagination Links -->
                        <div class="d-flex justify-content-end mt-5">
                            {{ $coupons->links() }}
                        </div>
                    @else
                        <div class="alert alert-warning">
                            {{ __('dashboard.No coupons found.') }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
    function confirmDelete(formId) {
        Swal.fire({
            title: "{{ __('dashboard.Are you sure?') }}",
            text: "{{ __('dashboard.You will not be able to revert this!') }}",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "{{ __('dashboard.Yes, delete it!') }}",
            cancelButtonText: "{{ __('dashboard.Cancel') }}"
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(formId).submit();
            }
        });
    }
</script>
@endsection