@extends('biz.layout')
@section('title', 'Jisajili · BizLedger')
@section('content')
<div class="max-w-md mx-auto mt-10">
    <div class="bg-white rounded-2xl shadow p-8">
        <h1 class="text-2xl font-bold mpesa mb-6">Sajili Biashara Mpya</h1>
        <form method="POST" action="{{ url('biz/register') }}" class="space-y-4">
            @csrf
            <div><label class="block text-sm font-medium mb-1">Jina la Biashara</label>
                <input name="business_name" required class="w-full border rounded-xl px-4 py-3"></div>
            <div><label class="block text-sm font-medium mb-1">Jina la Mmiliki</label>
                <input name="owner_name" required class="w-full border rounded-xl px-4 py-3"></div>
            <div><label class="block text-sm font-medium mb-1">Simu namba (07XX...)</label>
                <input name="phone" required class="w-full border rounded-xl px-4 py-3"></div>
            <div><label class="block text-sm font-medium mb-1">PIN (namba 4-8)</label>
                <input name="pin" type="password" required minlength="4" maxlength="8" class="w-full border rounded-xl px-4 py-3"></div>
            <div><label class="block text-sm font-medium mb-1">County</label>
                <input name="county" class="w-full border rounded-xl px-4 py-3"></div>
            <div><label class="block text-sm font-medium mb-1">Aina ya Biashara</label>
                <select name="business_type" class="w-full border rounded-xl px-4 py-3">
                    <option value="salon">Salon</option><option value="shop">Duka</option>
                    <option value="bar">Bar</option><option value="restaurant">Mgahawa</option>
                    <option value="other">Nyingine</option>
                </select></div>
            <button class="w-full bg-mpesa text-white font-bold py-3 rounded-xl">SAJILI NA ANZA</button>
        </form>
        <p class="text-sm text-center mt-4">Tayari una akaunti? <a href="{{ url('biz/login') }}" class="mpesa font-semibold">Ingia</a></p>
    </div>
</div>
@endsection