@extends('biz.layout')
@section('title', 'Ingia · BizLedger')
@section('content')
<div class="max-w-md mx-auto mt-16">
    <div class="bg-white rounded-2xl shadow p-8">
        <h1 class="text-2xl font-bold mpesa mb-1">Ingia BizLedger</h1>
        <p class="text-gray-500 text-sm mb-6">Rekodi mauzo, stoo na madeni — ripoti za benki zilizo thibitishwa.</p>
        <form method="POST" action="{{ url('biz/login') }}" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium mb-1">Simu namba</label>
                <input name="phone" required placeholder="07XX XXX XXX" class="w-full border rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">PIN</label>
                <input name="pin" type="password" required minlength="4" class="w-full border rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500">
            </div>
            <button class="w-full bg-mpesa text-white font-bold py-3 rounded-xl hover:opacity-90">INGIA</button>
        </form>
        <p class="text-sm text-center mt-4">Mpya? <a href="{{ url('biz/register') }}" class="mpesa font-semibold">Jisajili Biashara</a></p>
    </div>
</div>
@endsection