{% extends "base.html" %}
{% block title %}Installer Registration — KiwiCrib{% endblock %}
{% block content %}
<h1 class="text-2xl font-bold mb-4">Installer Registration</h1>
{% if error %}
<div class="bg-red-100 text-red-700 p-3 rounded mb-4">
    {{ error }}
</div>
{% endif %}
<form method="post" class="space-y-4 max-w-lg">
    {% csrf_token %}
    <div>
        <label for="id_email" class="block font-semibold">Email*</label>
        <input type="email" name="email" id="id_email" required class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_password" class="block font-semibold">Password*</label>
        <input type="password" name="password" id="id_password" required class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_company_name" class="block font-semibold">Company Name*</label>
        <input type="text" name="company_name" id="id_company_name" required class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_abn_nzbn" class="block font-semibold">ABN / NZBN*</label>
        <input type="text" name="abn_nzbn" id="id_abn_nzbn" required class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_license_number" class="block font-semibold">License / Certificate Number*</label>
        <input type="text" name="license_number" id="id_license_number" required class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_skills" class="block font-semibold">Skills (comma‑separated)</label>
        <input type="text" name="skills" id="id_skills" class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_regions" class="block font-semibold">Regions Served (comma‑separated)</label>
        <input type="text" name="regions" id="id_regions" class="border rounded w-full p-2">
    </div>
    <div>
        <label for="id_rate" class="block font-semibold">Hourly Rate (optional)</label>
        <input type="number" step="0.01" name="rate" id="id_rate" class="border rounded w-full p-2">
    </div>
    <button type="submit" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded">Register</button>
</form>
{% endblock %}