<?php
if (!defined('ABSPATH')) exit;
?>
        <!-- TAB: Integration Info -->
        <div id="tab-integration" class="mtcam-tab-content">
            <h2>📡 <?php esc_html_e('Integration Information', 'my-trail-camera'); ?></h2>
            <p><?php esc_html_e('Technical details for integrating with your trail cameras.', 'my-trail-camera'); ?></p>

            <div class="mtcam-white-box-clean">
                <h3 class="mtcam-mt-0">🎯 <?php esc_html_e('API Endpoint', 'my-trail-camera'); ?></h3>
                <p><?php esc_html_e('Use this URL in your HTML bait files:', 'my-trail-camera'); ?></p>
                <div class="mtcam-code-box">
                    <?php echo esc_html(site_url('/wp-json/mtcam/v1/log')); ?>
                </div>
                <button type="button" data-mtcam-copy="<?php echo esc_attr(site_url('/wp-json/mtcam/v1/log')); ?>" class="mtcam-copy-button" aria-label="<?php esc_attr_e('Copy API endpoint to clipboard', 'my-trail-camera'); ?>">
                    📋 <?php esc_html_e('Copy to Clipboard', 'my-trail-camera'); ?>
                </button>

                <h3 class="mtcam-mt-30">🛡️ MTC Sentinel</h3>
                <p><?php esc_html_e('Forward EXE detections to an external Sentinel instance.', 'my-trail-camera'); ?></p>
                <table class="form-table">
                    <tr>
                        <th><label for="sentinel_url"><?php esc_html_e('Sentinel API URL', 'my-trail-camera'); ?></label></th>
                        <td>
                            <input type="url" name="sentinel_url" id="sentinel_url" class="large-text"
                                   value="<?php echo esc_attr(get_option('mtcam_sentinel_url', '')); ?>"
                                   placeholder="https://example.com/sentinel/api.php">
                            <p class="description"><?php esc_html_e('Leave empty to disable. Only EXE/Python detections are forwarded.', 'my-trail-camera'); ?></p>
                        </td>
                    </tr>
                </table>

                <h3 class="mtcam-mt-30">📄 <?php esc_html_e('Public Widget Shortcode', 'my-trail-camera'); ?></h3>
                <p><?php esc_html_e('Display public records on any page:', 'my-trail-camera'); ?></p>
                <div class="mtcam-code-box">
                    [mtcam_public_logs limit="5"]
                </div>
                <p class="mtcam-mt-10"><strong><?php esc_html_e('Optional parameters:', 'my-trail-camera'); ?></strong></p>
                <ul class="mtcam-ml-20">
                    <li><code>limit="10"</code> - <?php esc_html_e('Number of records to display', 'my-trail-camera'); ?></li>
                    <li><code>device="CAM-001"</code> - <?php esc_html_e('Filter by specific camera', 'my-trail-camera'); ?></li>
                </ul>
                <p><strong><?php esc_html_e('Examples:', 'my-trail-camera'); ?></strong></p>
                <div class="mtcam-code-box">
                    [mtcam_public_logs limit="10"]
                </div>
                <div class="mtcam-code-box">
                    [mtcam_public_logs limit="5" device="CAM-001"]
                </div>

            </div>
        </div>
