<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<div class="dialbunny-admin-wrap">
    <div class="dialbunny-card">
        <h2 class="dialbunny-title">Phone Number Availability</h2>
        <p class="dialbunny-description">DialBunny integrates with Twilio to offer voice and SMS-enabled phone numbers globally. Any phone number supported by Twilio is compatible with DialBunny. However, limitations on phone number types and capabilities may apply due to telecommunications regulations in certain countries or regions, rather than Twilio itself.</p>
        <p class="dialbunny-description">You can find regulatory requirements for all Twilio phone numbers <a href="https://www.twilio.com/guidelines/regulatory/" target="_blank" class="dialbunny-link">on this page</a>.</p>

        <h3 class="dialbunny-subtitle">Feature Overview and Country-Specific Limitations</h3>
        <div class="dialbunny-table-container">
            <table class="dialbunny-table">
                <thead>
                    <tr>
                        <th>Feature</th>
                        <th>Description</th>
                        <th>Regulation Impact</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Send Texts (SMS)</td>
                        <td>Send outbound text messages to customers or leads.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-danger">Limited in Some Countries</span></td>
                    </tr>
                    <tr>
                        <td>Receive Texts (SMS)</td>
                        <td>Receive inbound text messages from customers.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Make Phone Calls</td>
                        <td>Place outbound calls to customers, leads, or contacts.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-danger">Limited in Some Countries</span></td>
                    </tr>
                    <tr>
                        <td>Receive Phone Calls</td>
                        <td>Receive inbound phone calls from customers.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Forward Phone Calls</td>
                        <td>Automatically route incoming calls to a chosen number.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Manage Contacts</td>
                        <td>Organize and manage your customer contact list.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Setup AI Assistant</td>
                        <td>Create a virtual voice assistant to interact with callers.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Setup Automated Responses</td>
                        <td>Configure automated responses to incoming calls.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                    <tr>
                        <td>Setup Timetable</td>
                        <td>Schedule business hours and configure how calls are handled outside of them.</td>
                        <td><span class="dialbunny-badge dialbunny-badge-success">None</span></td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h3 class="dialbunny-subtitle">Availability of Toll-Free, Mobile, and Local Numbers</h3>
        <div class="dialbunny-table-container">
            <table class="dialbunny-table">
                <thead>
                    <tr>
                        <th>Number Type</th>
                        <th>General Availability</th>
                        <th>Country-Specific Limitations</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Toll-Free</strong></td>
                        <td>Available in many countries, mainly North America and parts of Europe</td>
                        <td>May not support SMS in some countries; not always available in developing regions</td>
                    </tr>
                    <tr>
                        <td><strong>Mobile</strong></td>
                        <td>Widely available and supported globally</td>
                        <td>Subject to SMS regulations or filtering in some countries; opt-in required in many</td>
                    </tr>
                    <tr>
                        <td><strong>Local</strong></td>
                        <td>Available in most countries with regional or city-level targeting</td>
                        <td>Some countries restrict foreign businesses from obtaining local numbers</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<style>
    .dialbunny-admin-wrap {
        max-width: 800px;
        margin: 20px auto;
        padding: 0 20px;
    }

    .dialbunny-page-title {
        font-size: 28px;
        font-weight: 600;
        color: #1e293b;
        margin: 0 0 20px;
        line-height: 1.2;
    }

    .dialbunny-card {
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        padding: 24px;
        margin-bottom: 20px;
        border: 1px solid #e2e8f0;
    }

    .dialbunny-title {
        font-size: 22px;
        font-weight: 600;
        color: #1e293b;
        margin: 0 0 12px;
        line-height: 1.3;
    }

    .dialbunny-subtitle {
        font-size: 18px;
        font-weight: 500;
        color: #1e293b;
        margin: 16px 0 8px;
        line-height: 1.3;
    }

    .dialbunny-description {
        font-size: 14px;
        color: #64748b;
        margin: 0 0 16px;
        line-height: 1.5;
    }

    .dialbunny-list {
        font-size: 14px;
        color: #64748b;
        margin: 0 0 16px;
        padding-left: 20px;
        line-height: 1.6;
    }

    .dialbunny-list li {
        margin-bottom: 8px;
    }

    .dialbunny-list strong {
        color: #1e293b;
    }

    @media (max-width: 782px) {
        .dialbunny-admin-wrap {
            padding: 0 10px;
        }

        .dialbunny-page-title {
            font-size: 24px;
        }

        .dialbunny-card {
            padding: 16px;
        }
    }
    .dialbunny-table-container {
        overflow-x: auto;
        margin-bottom: 24px;
    }

    .dialbunny-table {
        width: 100%;
        border-collapse: collapse;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        font-size: 14px;
        color: #1e293b;
    }

    .dialbunny-table th,
    .dialbunny-table td {
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid #e2e8f0;
        vertical-align: middle;
    }

    .dialbunny-table th {
        background: #f8fafc;
        font-weight: 600;
        color: #1e293b;
    }

    .dialbunny-table tr:last-child td {
        border-bottom: none;
    }

    .dialbunny-table tr:nth-child(even) {
        background: #f8fafc;
    }

    .dialbunny-badge {
        display: inline-block;
        padding: 4px 8px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 4px;
        line-height: 1.2;
    }

    .dialbunny-badge-success {
        background: #e6ffed;
        color: #2ecc71;
    }

    .dialbunny-badge-danger {
        background: #ffe6e6;
        color: #e74c3c;
    }

    @media (max-width: 782px) {
        .dialbunny-admin-wrap {
            padding: 0 10px;
        }

        .dialbunny-page-title {
            font-size: 24px;
        }

        .dialbunny-card {
            padding: 16px;
        }

        .dialbunny-table th,
        .dialbunny-table td {
            padding: 10px 12px;
        }

        .dialbunny-table-container {
            overflow-x: auto;
        }
    }
</style>
