@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : [],
        $noCardView ?? true,
        [],
        []
    )
)
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="container-fluid mt-4">

    {{-- Dynamic Splits Card --}}
    <div class="project-box p-3">
        <div class="d-flex align-items-center justify-content-between mb-3">
            <h5 class="mb-0 fw-bold">Dynamic Split Rules</h5>
            <button type="button" class="btn green-btn-inner" id="btnAddDynamicSplit">
                <i class="bx bx-plus me-1"></i> Add Dynamic Split Rule
            </button>
        </div>

        {{-- DataTable --}}
        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}" id="dynamicSplitsTable">
                <thead class="{{ \Config::get('view.table.table_head_class') }}">
                    <tr>
                        <th>Name</th>
                        <th>Condition</th>
                        <th>Action</th>
                        <th>Priority</th>
                        <th>Status</th>
                        <th width="12%" style="text-align: right;">Options</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rules ?? [] as $rule)
                    <tr data-id="{{ $rule->id }}">
                        <td>{{ $rule->name }}</td>
                        <td>{{ $rule->condition_summary ?? $rule->condition }}</td>
                        <td>{{ $rule->action_summary ?? $rule->action }}</td>
                        <td>{{ $rule->priority ?? 0 }}</td>
                        <td>
                            <div class="form-check form-switch">
                                <input type="checkbox" class="form-check-input toggle-split-status"
                                       data-id="{{ $rule->id }}"
                                       {{ ($rule->status ?? 1) == 1 ? 'checked' : '' }}>
                            </div>
                        </td>
                        <td class="text-end">
                            <span class="badge bg-success btn-edit-split" role="button" data-id="{{ $rule->id }}" title="Edit">
                                <i class="bx bx-pencil"></i>
                            </span>
                            <span class="badge bg-danger btn-delete-split" role="button" data-id="{{ $rule->id }}" title="Delete">
                                <i class="bx bx-trash"></i>
                            </span>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="text-center py-5">
                            <div class="text-muted">
                                <i class="bx bx-transfer-alt" style="font-size: 48px;"></i>
                                <p class="mt-2 mb-0">No dynamic split rules have been configured yet.</p>
                                <p class="small">Click "Add Dynamic Split Rule" to create your first rule.</p>
                            </div>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('page_script')
<script>
(function($) {
    'use strict';

    var csrf = '{{ csrf_token() }}';

    // Add Dynamic Split Rule (placeholder - opens form or modal)
    $(document).on('click', '#btnAddDynamicSplit', function() {
        if (typeof showSuccessToast === 'function') {
            showSuccessToast('Dynamic split rule creation will be available soon.');
        }
    });

    // Toggle status
    $(document).on('change', '.toggle-split-status', function() {
        var $toggle = $(this);
        var id = $toggle.data('id');
        var newStatus = $toggle.is(':checked') ? 1 : 0;
        // Placeholder for status toggle AJAX
    });

    // Edit split rule
    $(document).on('click', '.btn-edit-split', function() {
        var id = $(this).data('id');
        // Placeholder for edit modal/page navigation
    });

    // Delete split rule
    $(document).on('click', '.btn-delete-split', function() {
        var id = $(this).data('id');

        if (typeof confirmDialog === 'function') {
            confirmDialog({
                title: 'Delete Split Rule?',
                text: 'This action cannot be undone. Do you want to continue?',
                confirmButtonText: 'Delete',
            }).then(function(result) {
                if (result.isConfirmed) {
                    // Placeholder for delete AJAX
                    if (typeof showSuccessToast === 'function') {
                        showSuccessToast('Split rule deletion will be available soon.');
                    }
                }
            });
        }
    });

})(jQuery);
</script>
@endpush