<h2>Apply for Resource</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="level">Level:</label>
<input type="text" id="level" name="level" required>
<label for="resource">Resource:</label>
<select id="resource" name="resource[]" multiple class="multi-select" required>
<option value="Land">Land</option>
<option value="Animal">Animal</option>
<option value="Tractor">Tractor</option>
<option value="Products">Products</option>
<option value="Others">Others</option>
</select>
<label for="purpose">Purpose:</label>
<textarea id="purpose" name="purpose" rows="3" required></textarea>
<label for="site">Site:</label>
<input type="text" id="site" name="site" required>
<label for="quantity">Quantity / Period:</label>
<input type="text" id="quantity" name="quantity" required>
<label>Service Type:</label>
<div class="radio-group">
<label><input type="radio" name="service_type" value="Paid" required> Paid Service</label>
<label><input type="radio" name="service_type" value="Unpaid"> Unpaid Service (For fixed Resource)</label>
</div>
<div class="notice">
<strong>Notice for Unpaid Service:</strong><br>
1. Unpaid service only available for official purpose.<br>
2. For student research, funded researches should pay for the resources.<br>
3. For commercial cultivation, all are obliged to pay for the resources.<br>
4. The services will be made available based on farm work schedules.<br>
5. QR payment can be made.
</div>
<button type="submit" style="margin-top: 20px;">Submit Application</button>
</form>