@extends('dashboard.layouts.app')

@section('title', __('dashboard.General Discounts'))
@section('page_heading', __('dashboard.General Discounts'))

@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 text-muted">
    <span class="bullet bg-gray-500 w-5px h-2px"></span>
</li>
<li class="breadcrumb-item text-muted">{{ __('dashboard.General Discounts') }}</li>
@endsection

@section('content')
<div class="card card-flush">
    <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.General Discounts') }}</span>
            <span class="text-gray-400 mt-1 fw-semibold fs-6">{{ $discounts->total() }} {{ trans_choice('dashboard.Discount|Discounts', $discounts->total()) }}</span>
        </h3>
        <div class="card-toolbar">
            <a href="{{ route('dashboard.general-discounts.create') }}" class="btn btn-primary">{{ __('dashboard.Add Discount') }}</a>
        </div>
    </div>
    <div class="card-body pt-6">
        @if($discounts->isEmpty())
        <div class="alert alert-info">
            {{ __('dashboard.No discounts available') }}.
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-striped table-row-bordered 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 text-start">{{ __('dashboard.ID') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Name') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Applies To') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Discount Type') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Discount Value') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Max Uses') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Start Date') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.End Date') }}</th>
                        <th class="p-0 pb-3 ">{{ __('dashboard.Is Active') }}</th>
                        <th class="p-0 pb-3 text-end">{{ __('dashboard.Actions') }}</th> {{-- Removed min-width --}}
                    </tr>
                </thead>
                <tbody>
                    @foreach($discounts as $discount)
                    <tr>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ $discount->id }}</span>
                        </td>
                        <td>
                            <span class="text-gray-800 fw-bold fs-6">{{ $discount->name }}</span>
                        </td>
                        <td>
                            <span class="text-gray-800 fw-bold fs-6 text-wrap">
                                @if($discount->applicability == 'all')
                                {{ __('dashboard.All') }}
                                @else
                                @php
                                $appliesTo = [];
                                if (!empty($discount->track_filters)) {
                                $appliesTo[] = __('dashboard.Tracks');
                                }
                                if (!empty($discount->placement_test_filters)) {
                                $appliesTo[] = __('dashboard.Placement Tests');
                                }
                                if ($discount->applies_to_gift_calls) {
                                $appliesTo[] = __('dashboard.Gift Calls');
                                }
                                if ($discount->applies_to_discussion_groups) {
                                $appliesTo[] = __('dashboard.Discussion Groups');
                                }
                                @endphp
                                {{ implode(', ', $appliesTo) ?: __('dashboard.N/A') }}
                                @endif
                            </span>
                        </td>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ $discount->discount_type == 'percentage' ? __('dashboard.Percentage') : __('dashboard.Fixed') }}</span>
                        </td>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ number_format($discount->discount_value, 2) }}</span>
                        </td>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ $discount->max_uses ?? __('dashboard.Unlimited') }}</span>
                        </td>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ $discount->start_date->format('Y-m-d H:i') }}</span>
                        </td>
                        <td>
                            <span class="text-gray-600 fw-bold fs-6">{{ $discount->end_date->format('Y-m-d H:i') }}</span>
                        </td>
                        <td>
                            <span class="badge {{ $discount->is_active ? 'badge-light-success' : 'badge-light-danger' }}">
                                {{ $discount->is_active ? __('dashboard.Yes') : __('dashboard.No') }}
                            </span>
                        </td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end flex-shrink-0">
                                <a href="{{ route('dashboard.general-discounts.show', $discount) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="{{ __('dashboard.View') }}">
                                    <i class="bi bi-eye-fill fs-3"></i>
                                </a>
                                <a href="{{ route('dashboard.general-discounts.edit', $discount) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="{{ __('dashboard.Edit Discount') }}">
                                    <i class="bi bi-pencil-square fs-3"></i>
                                </a>
                                <a href="{{ route('dashboard.general-discounts.toggle-status', $discount) }}"
                                    class="btn btn-icon btn-bg-light {{ $discount->is_active ? 'btn-active-color-warning' : 'btn-active-color-success' }} btn-sm me-1"
                                    title="{{ $discount->is_active ? __('dashboard.Deactivate') : __('dashboard.Activate') }}">
                                    <i class="bi {{ $discount->is_active ? 'bi-toggle-on' : 'bi-toggle-off' }} fs-3"></i>
                                </a>
                                <form action="{{ route('dashboard.general-discounts.destroy', $discount) }}" method="POST" id="delete-form-{{ $discount->id }}" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button" class="btn btn-icon btn-bg-light btn-active-color-danger btn-sm"
                                            onclick="confirmDelete('delete-form-{{ $discount->id }}')" title="{{ __('dashboard.Delete') }}">
                                        <i class="bi bi-trash fs-3"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
</div>
        <div class="d-flex justify-content-end mt-5">
            {{ $discounts->links() }}
        </div>
        @endif
    </div>
</div>
@endsection

@push('styles')
<style>
    .table th,
    .table td {
        vertical-align: middle;
    }

    .badge {
        padding: 5px 10px;
    }
     .text-wrap {
        white-space: normal !important; /* Allow text to wrap */
        word-break: break-word; /* Wrap long words */
    }
</style>
@endpush

@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