@extends('biz.layout')
@section('title', 'Wahandisi · BizLedger')
@section('content')

@if($isOwner)
<div class="bg-white rounded-2xl shadow p-5 mb-4">
    <h2 class="text-lg font-bold mb-3">Ongeza Kasieri Mpya</h2>
    <form method="POST" action="{{ url('biz/cashiers') }}" class="grid md:grid-cols-5 gap-3 text-sm items-end">
        @csrf
        <div><label class="block font-medium mb-1">Jina</label>
            <input name="name" required class="w-full border rounded-xl px-3 py-2" placeholder="Amina J."></div>
        <div><label class="block font-medium mb-1">Simu namba</label>
            <input name="phone" required class="w-full border rounded-xl px-3 py-2" placeholder="07XX XXX XXX"></div>
        <div><label class="block font-medium mb-1">PIN (4–8)</label>
            <input name="pin" type="password" required minlength="4" maxlength="8" class="w-full border rounded-xl px-3 py-2"></div>
        <div><label class="block font-medium mb-1">Kamishoni %</label>
            <input name="commission" type="number" step="0.01" min="0" max="100" value="0" class="w-full border rounded-xl px-3 py-2"></div>
        <div><button class="w-full bg-mpesa text-white font-bold rounded-xl py-2 hover:opacity-90">ONGEZA</button></div>
    </form>
    <p class="text-xs text-gray-500 mt-2">Kasieri atatumia simu namba + PIN hizi kuingia kwenye app ya simu.</p>
</div>

<div class="bg-white rounded-2xl shadow overflow-hidden mb-4">
    <h2 class="text-lg font-bold p-4 pb-2">Orodha ya Wakasieri</h2>
    <table class="w-full text-sm">
        <thead class="bg-gray-50 text-left"><tr>
            <th class="px-3 py-3">Jina</th><th class="px-3 py-3">Simu</th>
            <th class="px-3 py-3">Kamishoni</th><th class="px-3 py-3">Hali</th>
        </tr></thead>
        <tbody>
        @forelse($cashiers as $c)
        <tr class="border-t">
            <td class="px-3 py-2 font-medium">{{ $c->name }}</td>
            <td class="px-3 py-2">{{ $c->phone }}</td>
            <td class="px-3 py-2">{{ number_format((float)$c->commission_percent, 2) }}%</td>
            <td class="px-3 py-2"><span class="text-xs px-2 py-1 rounded-full {{ $c->is_active ? 'bg-green-100 text-green-700' : 'bg-gray-200 text-gray-600' }}">{{ $c->is_active ? 'HAI' : 'IMEZIBWA' }}</span></td>
        </tr>
        @empty
        <tr><td colspan="4" class="px-3 py-6 text-center text-gray-400">Hakuna wakasieri bado — ongeza mmoja hapo juu.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endif

<div class="grid md:grid-cols-2 gap-4">
    <div>
        <h1 class="text-xl font-bold mb-3">Vipindi vya Kasieri</h1>
        <div class="bg-white rounded-2xl shadow overflow-hidden">
            <table class="w-full text-sm">
                <thead class="bg-gray-50 text-left"><tr>
                    <th class="px-3 py-3">Kasieri</th><th class="px-3 py-3">Kilichomo</th><th class="px-3 py-3">Tayari</th>
                    <th class="px-3 py-3">Halisi</th><th class="px-3 py-3">Tofauti</th><th class="px-3 py-3">Hali</th>
                </tr></thead>
                <tbody>
                @forelse($sessions as $s)
                <tr class="border-t">
                    <td class="px-3 py-2">{{ $s->cashier?->name }}</td>
                    <td class="px-3 py-2">{{ number_format($s->opening_cash, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($s->expected_cash, 2) }}</td>
                    <td class="px-3 py-2">{{ $s->actual_cash !== null ? number_format($s->actual_cash, 2) : '-' }}</td>
                    <td class="px-3 py-2 font-bold {{ $s->status === 'closed' && (float)$s->variance != 0 ? 'text-red-600' : 'text-green-700' }}">
                        {{ $s->status === 'closed' ? number_format($s->variance, 2) : '-' }}</td>
                    <td class="px-3 py-2"><span class="text-xs px-2 py-1 rounded-full {{ $s->status === 'open' ? 'bg-yellow-100 text-yellow-800' : 'bg-gray-100' }}">{{ strtoupper($s->status) }}</span></td>
                </tr>
                @empty
                <tr><td colspan="6" class="px-3 py-8 text-center text-gray-400">Hakuna vipindi bado</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-3">{{ $sessions->links() }}</div>
    </div>
    <div>
        <h1 class="text-xl font-bold mb-3">Shughuli za Live (Leo)</h1>
        <div class="bg-white rounded-2xl shadow p-4 space-y-3 max-h-[600px] overflow-y-auto">
            @forelse($activity as $tx)
            <div class="flex justify-between items-center border-b pb-2 text-sm">
                <div>
                    <div class="font-medium">{{ $isOwner ? ($tx->creator?->name ?? '—') . ': ' : '' }}{{ $tx->description ?? $tx->product?->name ?? $tx->type }}</div>
                    <div class="text-xs text-gray-400">{{ $tx->created_at->format('H:i') }} · {{ strtoupper($tx->payment_method) }} {!! $tx->is_verified ? '· ✅' : '· ✍️' !!}</div>
                </div>
                <div class="font-bold {{ in_array($tx->type, ['sale','debt']) ? 'text-green-700' : 'text-red-600' }}">{{ number_format($tx->amount, 2) }}</div>
            </div>
            @empty
            <p class="text-gray-400 text-center py-8">Hakuna shughuli leo</p>
            @endforelse
        </div>
    </div>
</div>
@endsection