<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Visa Application Form Generator</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            background: linear-gradient(135deg, #e0f7ff 0%, #f5f9ff 100%);
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        .container {
            max-width: 1000px;
            margin: 0 auto;
            background: white;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-radius: 15px;
        }
        header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 3px solid #2c6b9e;
            background: linear-gradient(to right, #2c6b9e, #3a7bb8);
            color: white;
            padding: 25px;
            border-radius: 10px;
        }
        .logo {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .logo i {
            margin-right: 15px;
            font-size: 32px;
        }
        h1 {
            margin-bottom: 10px;
            font-size: 32px;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        }
        h2 {
            color: #2c6b9e;
            margin: 25px 0 15px 0;
            padding-bottom: 8px;
            border-bottom: 2px solid #a4c6e8;
            font-size: 24px;
        }
        .instructions {
            background-color: #e8f1fc;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 25px;
            border-left: 5px solid #2c6b9e;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        .steps {
            margin: 20px 0;
            padding-left: 30px;
        }
        .steps li {
            margin-bottom: 12px;
            padding-left: 10px;
        }
        .btn-container {
            text-align: center;
            margin: 30px 0;
        }
        .btn {
            display: inline-block;
            background-color: #2c6b9e;
            color: white;
            padding: 18px 35px;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            font-size: 20px;
            font-weight: bold;
            transition: all 0.3s;
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
        .btn:hover {
            background-color: #1f4e75;
            transform: translateY(-3px);
            box-shadow: 0 8px 15px rgba(0,0,0,0.2);
        }
        .btn:active {
            transform: translateY(1px);
        }
        .btn i {
            margin-right: 12px;
            font-size: 24px;
        }
        .form-content {
            background-color: #f9f9f9;
            padding: 25px;
            border-radius: 10px;
            border: 2px dashed #2c6b9e;
            white-space: pre-wrap;
            font-family: 'Courier New', Courier, monospace;
            max-height: 500px;
            overflow-y: auto;
            margin: 20px 0;
            line-height: 1.8;
            font-size: 15px;
            display: none;
        }
        .footer {
            text-align: center;
            margin-top: 40px;
            padding-top: 25px;
            border-top: 1px solid #ddd;
            color: #777;
            font-size: 16px;
        }
        .tip {
            background-color: #fff8e1;
            padding: 15px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #ffc107;
        }
        .success-message {
            background-color: #e8f5e9;
            color: #2e7d32;
            padding: 15px;
            border-radius: 8px;
            margin: 15px 0;
            text-align: center;
            display: none;
            border-left: 4px solid #2e7d32;
        }
        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            .btn {
                width: 100%;
                padding: 15px;
                font-size: 18px;
            }
            h1 {
                font-size: 26px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="logo"><i class="fas fa-passport"></i> Comnectica Migration</div>
            <h1>Humanitarian Visa Application Form Generator</h1>
            <p>Create a fillable Word document for your clients</p>
        </header>

        <div class="instructions">
            <h2>How to Create Your Fillable Word Document</h2>
            <ol class="steps">
                <li>Click the "Generate Form Template" button below</li>
                <li>The form template will appear in the text area</li>
                <li>Copy the entire generated text (Ctrl+A then Ctrl+C)</li>
                <li>Open Microsoft Word and create a new document</li>
                <li>Paste the copied content into Word (Ctrl+V)</li>
                <li>Save the document as a Word Template (.dotx) or Word Document (.docx)</li>
                <li>Send the document to your clients to fill out</li>
            </ol>
            <div class="tip">
                <strong><i class="fas fa-lightbulb"></i> Pro Tip:</strong> To make the form fields fillable in Word, enable the Developer tab (File > Options > Customize Ribbon > Check "Developer") and use Rich Text/Text Form Fields.
            </div>
        </div>

        <div class="btn-container">
            <button class="btn" onclick="generateForm()"><i class="fas fa-file-word"></i> Generate Form Template</button>
        </div>

        <div class="success-message" id="successMessage">
            <i class="fas fa-check-circle"></i> Form template generated successfully! Please copy the text below.
        </div>

        <div id="formOutput" class="form-content">
            <!-- The form content will be generated here -->
        </div>

        <div class="footer">
            <p>Comnectica Migration • Global Special Humanitarian (Subclass 202) Visa</p>
            <p>Form Generator Version 1.0</p>
        </div>
    </div>

    <script>
        function generateForm() {
            const formContent = `Global Special Humanitarian (Subclass 202) Visa Application
=================================================================

Instructions for filling out this form:
1. Please click on "Enable Editing" if prompted at the top of the document
2. Click on each form field to enter your information
3. Use the Tab key to move between fields
4. Save the completed form and return it to Comnectica Migration

Personal Information
--------------------

Primary Applicant Name: _________________________________________
Date of Birth: _________________________
Country of Birth: _________________________
Nationality: _________________________
Passport Number: _________________________

Education History
-----------------
Please provide information about the education of each person in the application.

Name of Person	Date From	Date To	Name of School/Institute/Uni	Qualification/Grade	Status of Study	Address of School	Country
______________	__________	________	__________________________	___________________	______________	_________________	_______
______________	__________	________	__________________________	___________________	______________	_________________	_______
______________	__________	________	__________________________	___________________	______________	_________________	_______
______________	__________	________	__________________________	___________________	______________	_________________	_______
______________	__________	________	__________________________	___________________	______________	_________________	_______
______________	__________	________	__________________________	___________________	______________	_________________	_______

Employment History
------------------
Please provide information about the employment or unemployment history of each person in the application.

Name of Person	Date From	Date To	Name of Business/Employer	Type of Business	Job and Duties	Address	Country
______________	__________	________	_______________________	________________	_____________	_______	_______
______________	__________	________	_______________________	________________	_____________	_______	_______
______________	__________	________	_______________________	________________	_____________	_______	_______
______________	__________	________	_______________________	________________	_____________	_______	_______
______________	__________	________	_______________________	________________	_____________	_______	_______
______________	__________	________	_______________________	________________	_____________	_______	_______

Address History
---------------
Please provide information about the address history of each person in the application.

Name of Person	Date From	Date To	Address	Country	Status of Residence
______________	__________	________	_____________________________	_______	__________________
______________	__________	________	_____________________________	_______	__________________
______________	__________	________	_____________________________	_______	__________________
______________	__________	________	_____________________________	_______	__________________
______________	__________	________	_____________________________	_______	__________________
______________	__________	________	_____________________________	_______	__________________

Family Members Not Included in Application
------------------------------------------
Please provide information about the primary applicant's family members who are not included in the visa application.

Complete Name	Date of Birth	Address	Relationship to Primary Applicant	Visa Status / Citizenship
______________	______________	_____________________________	_______________________________	________________________
______________	______________	_____________________________	_______________________________	________________________
______________	______________	_____________________________	_______________________________	________________________
______________	______________	_____________________________	_______________________________	________________________
______________	______________	_____________________________	_______________________________	________________________
______________	______________	_____________________________	_______________________________	________________________

Relatives in Australia
----------------------
Please provide information about the people in the visa application's relatives who live in Australia.

Complete Name	Date of Birth	Address in Australia	Relationship to Sponsor	Visa Status / Citizenship
______________	______________	_____________________________	______________________	________________________
______________	______________	_____________________________	______________________	________________________
______________	______________	_____________________________	______________________	________________________
______________	______________	_____________________________	______________________	________________________
______________	______________	_____________________________	______________________	________________________
______________	______________	_____________________________	______________________	________________________

Required Supporting Documents
-----------------------------
Please provide colour scans of the following documents:
[ ] 1. National identity documents
[ ] 2. Passports
[ ] 3. UNHCR cards or other refugee registration cards
[ ] 4. Any other identity documents such as voting registration cards, military discharge cards, employee identification cards
[ ] 5. Two passport-sized photos of each person (not more than 6 months old)
[ ] 6. Any documents from the applicants' education
[ ] 7. Any documents from the applicants' employment
[ ] 8. Any supporting documents that support your protection claims such as photos, newspaper reports, police reports, court documents

Personal Statements
-------------------
Please answer the following questions in detail, providing information about the visa applicants' personal experiences rather than the general situation.

1. Why do they fear returning to their home country?
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________

2. Why did they leave their home country?
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________

3. How did they leave their home country? For example was it legally or illegally, by road/plane/boat
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________

4. Do they think that the authorities in their home country can protect them? Why or why not?
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________

------------------------------------------------------------------
Comnectica Migration - Confidential Document
Form Version 1.0 - Global Special Humanitarian (Subclass 202) Visa
------------------------------------------------------------------`;

            const formOutput = document.getElementById('formOutput');
            const successMessage = document.getElementById('successMessage');
            
            formOutput.textContent = formContent;
            formOutput.style.display = 'block';
            successMessage.style.display = 'block';
            
            // Scroll to the form output
            formOutput.scrollIntoView({ behavior: 'smooth' });
            
            // Select the text for easy copying
            const range = document.createRange();
            range.selectNode(formOutput);
            window.getSelection().removeAllRanges();
            window.getSelection().addRange(range);
        }
    </script>
</body>
</html>