Invalid request method.

    <style>
        body {
            font-family: Tahoma, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }

        .registration-form {
            background-color: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            max-width: 600px;
            margin: 0 auto;
        }

        h1 {
            text-align: center;
            color: #333;
        }

        .mb-3 {
            margin-bottom: 1.5rem;
        }

        label {
            display: block;
            font-weight: bold;
            margin-bottom: 0.5rem;
            color: #555;
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="url"],
        input[type="number"],
        select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            transition: border-color 0.3s;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus,
        input[type="url"]:focus,
        input[type="number"]:focus,
        select:focus {
            border-color: #007bff;
            outline: none;
        }

        button[type="submit"] {
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px 15px;
            cursor: pointer;
            transition: background-color 0.3s;
            width: 100%;
        }

        button[type="submit"]:hover {
            background-color: #09aa64;
        }

        input[type="file"] {
            margin-top: 0.5rem;
        }
    </style>

    
    <h1>Register New SMME</h1>

    <form action="" method="POST" enctype="multipart/form-data" class="registration-form">
        

        <div class='mb-3'>
            <label for="business_name">Business Name:</label>
            <input type="text" id="business_name" name="business_name" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="business_owner_name">Business Owner Name:</label>
            <input type="text" id="business_owner_name" name="business_owner_name" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="company_registration">Company Registration Number:</label>
            <input type="text" id="company_registration" name="company_registration" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="coida_uif">COIDA and UIF Registration:</label>
            <input type="text" id="coida_uif" name="coida_uif" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="qualification">Owner Qualification:</label>
            <input type="text" id="qualification" name="qualification" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="contact">Contact Number:</label>
            <input type="tel" id="contact" name="contact" required><br><br>
        </div>

        <div class="mb-3">
            <label for="province">Province:</label>
            <select id="province" name="province" required>
                <option value="">--Select--</option>
                <option value="Eastern Cape">Eastern Cape</option>
                <option value="Free State">Free State</option>
                <option value="Gauteng">Gauteng</option>
                <option value="KwaZulu-Natal">KwaZulu-Natal</option>
                <option value="Limpopo">Limpopo</option>
                <option value="Mpumalanga">Mpumalanga</option>
                <option value="Northern Cape">Northern Cape</option>
                <option value="North West">North West</option>
                <option value="Western Cape">Western Cape</option>
            </select>
        </div>
        

        <div class='mb-3'>
            <label for="years_in_vegetation">Number of Years in Vegetation Management:</label>
            <input type="number" id="years_in_vegetation" name="years_in_vegetation" min="0" required><br><br>
        </div>

        <div class='mb-3'>
            <label for="service_offered">Service Offered:</label>
            <select id="service_offered" name="service_offered">
                <option value="fire_management">Fire Management (Veld Fire Suppression)</option>
                <option value="alien_clearing">Alien Clearing</option>
                <option value="trails_management">Trails Management</option>
            </select><br><br>
        </div>

        <div class="mb-3">
            <label for="number_of_employee">Number of Employees:</label>
            <input type="number" id="number_of_employee" name="number_of_employee" min="0" required><br><br>
        </div>

        <h3>Resources</h3>
        <div class="mb-3">
            <label for="no_of_vehicles">How many vehicles do you have?:</label>
            <input type="number" id="no_of_vehicles" name="no_of_vehicles" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="no_of_chainsaws">How many chainsaws do you have?:</label>
            <input type="number" id="no_of_chainsaws" name="no_of_chainsaws" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="no_of_brushcutters"> How many brushcutters do you have?:</label>
            <input type="number" id="no_of_brushcutters" name="no_of_brushcutters" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="no_of_loopers">How many loopers do you have?:</label>
            <input type="number" id="no_of_loopers" name="no_of_loopers" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="no_of_handsaws">How many handsaws do you have?:</label>
            <input type="number" id="no_of_handsaws" name="no_of_handsaws" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="chainsaw_operators">How many chainsaw operators do you have?:</label>
            <input type="number" id="chainsaw_operators" name="chainsaw_operators" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="brushcutter_operators">How many brushcutter operators do you have?:</label>
            <input type="number" id="brushcutter_operators" name="brushcutter_operators" min="0" required><br><br>
        </div>

        <div class="mb-3">
            <label for="health_safety">Do you have a Health and Safety Officer?</label>
            <select id="health_safety" name="health_safety" required>
                <option value="">--Select--</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
            </select>
        </div>
    
        <div class="mb-3">
            <label for="herbicide_applicator">Do you have a Herbicide Applicator?</label>
            <select id="herbicide_applicator" name="herbicide_applicator" required>
                <option value="">--Select--</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
            </select>
        </div>

        <div class="mb-3">
            <label for="first_aider">Do you have a First Aider?</label>
            <select id="first_aider" name="first_aider" required>
                <option value="">--Select--</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
            </select>
        </div>

        <button name="submit" type="submit">Submit</button>
    </form>