example-auto-usage.php

<?php
/**
 * Example usage of Resume Parser Auto-Detection Feature
 * 
 * This file demonstrates how to use the new auto-detection feature
 * that automatically converts any field with the 'resume-parser-field' class
 * into a resume parser input field.
 */

// Example 1: Basic WordPress form with auto-parser
function example_job_application_form() {
    ob_start();
    ?>
    <div class="job-application-form">
        <h3>Job Application Form</h3>
        <form method="post" action="">
            <?php wp_nonce_field('job_application_submit', 'job_app_nonce'); ?>
            
            <div class="form-group">
                <label for="applicant_name">Full Name *</label>
                <!-- Adding resume-parser-field class enables auto-parsing -->
                <input type="text" 
                       id="applicant_name" 
                       name="applicant_name" 
                       class="resume-parser-field" 
                       required>
            </div>
            
            <div class="form-group">
                <label for="applicant_email">Email Address *</label>
                <input type="email" 
                       id="applicant_email" 
                       name="applicant_email" 
                       class="resume-parser-field" 
                       required>
            </div>
            
            <div class="form-group">
                <label for="applicant_phone">Phone Number</label>
                <input type="tel" 
                       id="applicant_phone" 
                       name="applicant_phone" 
                       class="resume-parser-field">
            </div>
            
            <div class="form-group">
                <label for="position_applied">Position Applied For</label>
                <input type="text" 
                       id="position_applied" 
                       name="position_applied">
            </div>
            
            <div class="form-group">
                <label for="work_experience">Work Experience</label>
                <textarea id="work_experience" 
                          name="work_experience" 
                          class="resume-parser-field" 
                          rows="5"></textarea>
            </div>
            
            <div class="form-group">
                <label for="education">Education Background</label>
                <textarea id="education" 
                          name="education" 
                          class="resume-parser-field" 
                          rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="skills">Technical Skills</label>
                <textarea id="skills" 
                          name="skills" 
                          class="resume-parser-field" 
                          rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="cover_letter">Cover Letter</label>
                <textarea id="cover_letter" 
                          name="cover_letter" 
                          rows="5"></textarea>
            </div>
            
            <button type="submit" name="submit_application" class="btn btn-primary">
                Submit Application
            </button>
        </form>
    </div>
    
    <style>
    .job-application-form {
        max-width: 600px;
        margin: 20px auto;
        padding: 20px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .form-group {
        margin-bottom: 20px;
    }
    
    .form-group label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: #333;
    }
    
    .form-group input,
    .form-group textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        box-sizing: border-box;
    }
    
    .form-group textarea {
        resize: vertical;
    }
    
    .btn {
        padding: 12px 24px;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }
    
    .btn-primary {
        background: #007cba;
        color: white;
    }
    
    .btn-primary:hover {
        background: #005a87;
    }
    </style>
    <?php
    return ob_get_clean();
}

// Example 2: Handle form submission and process resume data
function handle_job_application_submission() {
    if (isset($_POST['submit_application']) && wp_verify_nonce($_POST['job_app_nonce'], 'job_application_submit')) {
        
        // Get regular form fields
        $applicant_data = array(
            'name' => sanitize_text_field($_POST['applicant_name']),
            'email' => sanitize_email($_POST['applicant_email']),
            'phone' => sanitize_text_field($_POST['applicant_phone']),
            'position' => sanitize_text_field($_POST['position_applied']),
            'work_experience' => sanitize_textarea_field($_POST['work_experience']),
            'education' => sanitize_textarea_field($_POST['education']),
            'skills' => sanitize_textarea_field($_POST['skills']),
            'cover_letter' => sanitize_textarea_field($_POST['cover_letter'])
        );
        
        // Get parsed resume data (if any resume was uploaded)
        $resume_data = array();
        foreach ($_POST as $key => $value) {
            if (strpos($key, 'resume_') === 0 && $key !== 'resume_parser_used' && $key !== 'resume_parser_target') {
                $clean_key = str_replace('resume_', '', $key);
                $resume_data[$clean_key] = sanitize_textarea_field($value);
            }
        }
        
        // Check if resume parser was used
        $resume_parser_used = false;
        foreach ($_POST as $key => $value) {
            if (strpos($key, 'resume_parser_used_') === 0) {
                $resume_parser_used = true;
                break;
            }
        }
        
        // Save application data
        $application_id = wp_insert_post(array(
            'post_type' => 'job_application',
            'post_title' => 'Application from ' . $applicant_data['name'],
            'post_content' => $applicant_data['cover_letter'],
            'post_status' => 'private',
            'meta_input' => array(
                '_applicant_data' => $applicant_data,
                '_resume_data' => $resume_data,
                '_resume_parser_used' => $resume_parser_used,
                '_application_date' => current_time('mysql')
            )
        ));
        
        if ($application_id) {
            echo '<div class="notice notice-success"><p>Application submitted successfully! ID: ' . $application_id . '</p></div>';
            
            // Debug: Show what data was captured
            if ($resume_parser_used) {
                echo '<div class="notice notice-info"><p><strong>Resume Parser Data Captured:</strong></p>';
                echo '<pre>' . print_r($resume_data, true) . '</pre></div>';
            }
        } else {
            echo '<div class="notice notice-error"><p>Error submitting application. Please try again.</p></div>';
        }
    }
}

// Example 3: Shortcode for the job application form
function job_application_form_shortcode($atts) {
    // Handle form submission
    handle_job_application_submission();
    
    // Return the form
    return example_job_application_form();
}
add_shortcode('job_application_form', 'job_application_form_shortcode');

// Example 4: Contact form with resume parser
function example_contact_form_with_resume() {
    ob_start();
    ?>
    <div class="contact-form-with-resume">
        <h3>Contact Us</h3>
        <p>Fill out this form to get in touch. You can upload your resume to auto-fill your information.</p>
        
        <form method="post" action="">
            <div class="form-row">
                <div class="form-group">
                    <label for="contact_name">Your Name</label>
                    <input type="text" 
                           id="contact_name" 
                           name="contact_name" 
                           class="resume-parser-field">
                </div>
                
                <div class="form-group">
                    <label for="contact_email">Email</label>
                    <input type="email" 
                           id="contact_email" 
                           name="contact_email" 
                           class="resume-parser-field">
                </div>
            </div>
            
            <div class="form-group">
                <label for="subject">Subject</label>
                <input type="text" 
                       id="subject" 
                       name="subject">
            </div>
            
            <div class="form-group">
                <label for="message">Message</label>
                <textarea id="message" 
                          name="message" 
                          rows="5"></textarea>
            </div>
            
            <button type="submit" name="submit_contact" class="btn btn-primary">
                Send Message
            </button>
        </form>
    </div>
    <?php
    return ob_get_clean();
}

// Example usage in WordPress
/*
// To use these examples, add them to your theme's functions.php or create a custom plugin

// 1. Add the shortcode to any page/post:
[job_application_form]

// 2. Or call directly in template:
echo example_job_application_form();

// 3. Handle the auto-detection:
// The resume-parser-field class will automatically be detected by the JavaScript
// and resume parser interfaces will be added dynamically.

// 4. Form submission data will include:
// - Regular form fields (applicant_name, applicant_email, etc.)
// - Parsed resume fields (resume_name, resume_email, resume_phone, etc.)
// - Tracking fields (resume_parser_used_fieldname, resume_parser_target_fieldname)
*/

// Example 5: Admin interface to view applications with resume data
function view_applications_with_resume_data() {
    if (!current_user_can('manage_options')) {
        return;
    }
    
    $applications = get_posts(array(
        'post_type' => 'job_application',
        'posts_per_page' => -1,
        'post_status' => 'private'
    ));
    
    echo '<div class="wrap">';
    echo '<h1>Job Applications</h1>';
    
    foreach ($applications as $app) {
        $applicant_data = get_post_meta($app->ID, '_applicant_data', true);
        $resume_data = get_post_meta($app->ID, '_resume_data', true);
        $resume_used = get_post_meta($app->ID, '_resume_parser_used', true);
        
        echo '<div style="background: #fff; padding: 20px; margin: 10px 0; border: 1px solid #ddd;">';
        echo '<h3>' . esc_html($app->post_title) . '</h3>';
        echo '<p><strong>Date:</strong> ' . get_the_date('Y-m-d H:i:s', $app->ID) . '</p>';
        
        if ($resume_used) {
            echo '<p><strong>Resume Parser Used:</strong> Yes</p>';
            echo '<h4>Parsed Resume Data:</h4>';
            echo '<ul>';
            foreach ($resume_data as $key => $value) {
                if (!empty($value)) {
                    echo '<li><strong>' . ucfirst($key) . ':</strong> ' . esc_html($value) . '</li>';
                }
            }
            echo '</ul>';
        }
        
        echo '<h4>Form Data:</h4>';
        echo '<ul>';
        foreach ($applicant_data as $key => $value) {
            if (!empty($value)) {
                echo '<li><strong>' . ucfirst(str_replace('_', ' ', $key)) . ':</strong> ' . esc_html($value) . '</li>';
            }
        }
        echo '</ul>';
        echo '</div>';
    }
    
    echo '</div>';
}

// Register custom post type for job applications
function register_job_application_post_type() {
    register_post_type('job_application', array(
        'labels' => array(
            'name' => 'Job Applications',
            'singular_name' => 'Job Application'
        ),
        'public' => false,
        'show_ui' => true,
        'show_in_menu' => 'users.php',
        'capability_type' => 'post',
        'capabilities' => array(
            'create_posts' => 'manage_options',
        ),
        'map_meta_cap' => true,
    ));
}
add_action('init', 'register_job_application_post_type');
?>