Invalid request method.







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

        .form-container {
            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="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="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: #068535;
        }
    </style>
    <form action="" method="post"><div class="form-container">
        <h1>SMME Finder</h1>

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

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

            <div class='mb-3'>
                <label for="contact_number">Contact Number:</label>
                <input type="tel" id="contact_number" name="contact" required>
            </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="request">Request:</label>
                <input type="text" id="request" name="request" required>
            </div>

            <div class='mb-3'>
                <label for="work_type">What type of work is required?</label>
                <select id="work_type" name="work_required" required>
                    <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>
            </div>

            <div class='mb-3'>
                <label for="hectares">How many hectares of work required?</label>
                <input type="number" id="hectares" name="number_of_hectares" min="0" required>
            </div>

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