@php($wfLeadId = $lead->id ?? request()->get('lead_id'))
@php($wfCompanyId = auth()->user()->company_id ?? 0)

<div class="p-3 project-form">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="mb-0">Email Web Forms</h5>
        <a href="javascript:void(0)" class="lead-icon-btn" title="Edit Layout"><i class="bx bx-edit-alt"></i></a>
    </div>

    {{-- Form share selector and generate button --}}
    <div class="row mb-3">
        <div class="col-md-7">
            <div class="project-form form-line">
                <select class="form-control form-control-lg select2" id="webFormShareSelect">
                    <option value="">Select Form Share</option>
                </select>
            </div>
        </div>
        <div class="col-md-5 d-flex align-items-center justify-content-end">
            <div class="btn-group">
                <button type="button" class="lead-outline-btn" id="btnGenerateWebFormEmail">
                    <i class="bx bx-envelope"></i> Generate & Send Email
                </button>
                <button type="button" class="lead-outline-btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="visually-hidden">Toggle Dropdown</span>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="javascript:void(0)" id="btnCopyWebFormLink"><i class="bx bx-copy"></i> Copy Link</a></li>
                </ul>
            </div>
        </div>
    </div>

    {{-- Web forms table --}}
    <div class="project-table">
        <table class="table mb-0 lead-tab-table-primary" id="webFormsTabTable">
            <thead>
                <tr>
                    <th>Web Form Name <i class="bx bx-sort-alt-2"></i></th>
                    <th>Status <i class="bx bx-sort-alt-2"></i></th>
                    <th>Updated At <i class="bx bx-sort-alt-2"></i></th>
                    <th>Created By <i class="bx bx-sort-alt-2"></i></th>
                    <th>Actions <i class="bx bx-sort-alt-2"></i></th>
                    <th>Archived <i class="bx bx-sort-alt-2"></i></th>
                </tr>
            </thead>
            <tbody id="webFormsTabList">
                <tr>
                    <td colspan="6" class="text-center py-5">
                        <div class="text-muted">
                            <img src="{{ asset('assets/images/no-data.svg') }}" alt="" class="mb-3" style="max-width: 120px;" onerror="this.style.display='none'">
                            <p>There are no results in this table.</p>
                            <small class="text-muted">You can try expanding your search terms or changing the filters.</small>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    <div class="d-flex justify-content-end align-items-center mt-2 small text-muted">
        <span>Items per page:</span>
        <select class="form-select form-select-sm ms-1" style="width: auto;" id="webFormsPerPage">
            <option value="25" selected>25</option>
            <option value="50">50</option>
            <option value="100">100</option>
        </select>
        <span class="ms-3" id="webFormsPagination">0-0 of 0</span>
        <button class="lead-outline-btn-icon ms-1" disabled><i class="bx bx-chevron-left"></i></button>
        <button class="lead-outline-btn-icon ms-1" disabled><i class="bx bx-chevron-right"></i></button>
    </div>
</div>

@push('page_script')
<script>
(function ($) {
    $(document).ready(function () {
        var leadId = {{ (int)($wfLeadId ?? 0) }};
        if (!leadId) return;

        var webFormsRoute = '{{ route("manages.web-forms.index") }}';

        $.ajax({
            url: webFormsRoute,
            method: 'GET',
            headers: { 'X-Requested-With': 'XMLHttpRequest' },
            success: function (res) {
                if (typeof res === 'string') {
                    // HTML response - leave as "no results" if no AJAX API exists
                }
            },
            error: function () {
                // Leave the default "no results" message
            }
        });
    });
})(jQuery);
</script>
@endpush