@extends('layouts.app')

@section('title', 'M-Pesa Agent Dashboard')

@section('content')

<section class="content-header">
    <h1>M-Pesa Agent <small>Dashboard</small></h1>
</section>

<section class="content">

    {{-- Date Range Filter --}}
    <div class="box box-solid" style="border-top: 3px solid #00a650;">
        <div class="box-body">
            <form method="GET" action="{{ route('mpesa-agent.index') }}" class="form-inline">
                <div class="form-group">
                    <label>From:</label>
                    <input type="date" name="from" value="{{ $from }}" class="form-control input-sm" />
                </div>
                <div class="form-group" style="margin-left: 10px;">
                    <label>To:</label>
                    <input type="date" name="to" value="{{ $to }}" class="form-control input-sm" />
                </div>
                <button type="submit" class="btn btn-success btn-sm" style="margin-left: 10px;">
                    <i class="fas fa-filter"></i> Filter
                </button>
                <a href="{{ route('mpesa-agent.index') }}" class="btn btn-default btn-sm" style="margin-left: 5px;">Today</a>
            </form>
        </div>
    </div>

    {{-- Balance Cards --}}
    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="info-box" style="border-left: 4px solid #00a650;">
                <span class="info-box-icon" style="background: #e8f9ef; color: #00a650;">
                    <i class="fas fa-mobile-alt"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">M-Pesa Float</span>
                    <span class="info-box-number" style="color: #00a650; font-size: 22px;">
                        KES {{ number_format($summary['closing_mpesa']) }}
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box" style="border-left: 4px solid #f59e0b;">
                <span class="info-box-icon" style="background: #fef3c7; color: #f59e0b;">
                    <i class="fas fa-money-bill-wave"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">Cash in Hand</span>
                    <span class="info-box-number" style="color: #f59e0b; font-size: 22px;">
                        KES {{ number_format($summary['closing_cash']) }}
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box" style="border-left: 4px solid #00a650;">
                <span class="info-box-icon bg-green"><i class="fas fa-arrow-down"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Deposits (Sales)</span>
                    <span class="info-box-number">
                        KES {{ number_format($summary['deposits']) }}
                        <small>({{ $summary['deposit_count'] }} txns)</small>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box" style="border-left: 4px solid #e8363d;">
                <span class="info-box-icon bg-red"><i class="fas fa-arrow-up"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Withdrawals (Agent)</span>
                    <span class="info-box-number">
                        KES {{ number_format($summary['withdrawals']) }}
                        <small>({{ $summary['withdrawal_count'] }} txns)</small>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        {{-- Transaction Summary Table --}}
        <div class="col-md-7">
            <div class="box box-success">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fas fa-table"></i> Transaction Summary</h3>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Type</th>
                                <th class="text-center">Count</th>
                                <th class="text-right">Total (KES)</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><span class="label label-success">↓ M-Pesa Deposit</span></td>
                                <td class="text-center">{{ $summary['deposit_count'] }}</td>
                                <td class="text-right" style="font-weight:700">{{ number_format($summary['deposits']) }}</td>
                            </tr>
                            <tr>
                                <td><span class="label label-danger">↑ M-Pesa Withdrawal</span></td>
                                <td class="text-center">{{ $summary['withdrawal_count'] }}</td>
                                <td class="text-right" style="font-weight:700">{{ number_format($summary['withdrawals']) }}</td>
                            </tr>
                            <tr>
                                <td><span class="label label-primary">⟳ Float Top-Up</span></td>
                                <td class="text-center">{{ $summary['float_count'] }}</td>
                                <td class="text-right" style="font-weight:700">{{ number_format($summary['floats']) }}</td>
                            </tr>
                            <tr style="background: #f8fafc; font-weight: 700;">
                                <td>TOTAL</td>
                                <td class="text-center">{{ $summary['total_count'] }}</td>
                                <td class="text-right">{{ number_format($summary['deposits'] + $summary['withdrawals'] + $summary['floats']) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- Double-Entry Journal --}}
        <div class="col-md-5">
            <div class="box box-success">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fas fa-book"></i> Journal Entries</h3>
                </div>
                <div class="box-body">
                    @if($summary['deposits'] > 0)
                    <div style="padding:8px 12px; background:#f0fdf4; border-left:3px solid #00a650; border-radius:4px; margin-bottom:8px; font-size:13px;">
                        <strong style="color:#00a650;">M-Pesa Deposit</strong><br>
                        <span class="label label-info" style="font-size:10px;">DR</span> M-Pesa Wallet
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['deposits']) }}</span><br>
                        <span class="label label-warning" style="font-size:10px;">CR</span> Sales Revenue
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['deposits']) }}</span>
                    </div>
                    @endif

                    @if($summary['withdrawals'] > 0)
                    <div style="padding:8px 12px; background:#fef2f2; border-left:3px solid #e8363d; border-radius:4px; margin-bottom:8px; font-size:13px;">
                        <strong style="color:#e8363d;">M-Pesa Withdrawal</strong><br>
                        <span class="label label-info" style="font-size:10px;">DR</span> Cash Register
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['withdrawals']) }}</span><br>
                        <span class="label label-warning" style="font-size:10px;">CR</span> M-Pesa Wallet
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['withdrawals']) }}</span>
                    </div>
                    @endif

                    @if($summary['floats'] > 0)
                    <div style="padding:8px 12px; background:#eff6ff; border-left:3px solid #2970ff; border-radius:4px; margin-bottom:8px; font-size:13px;">
                        <strong style="color:#2970ff;">Float Top-Up</strong><br>
                        <span class="label label-info" style="font-size:10px;">DR</span> M-Pesa Wallet
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['floats']) }}</span><br>
                        <span class="label label-warning" style="font-size:10px;">CR</span> Cash Register
                        <span class="pull-right" style="font-weight:700">{{ number_format($summary['floats']) }}</span>
                    </div>
                    @endif

                    @if($summary['total_count'] == 0)
                        <p class="text-muted text-center" style="padding:20px 0;">No transactions in this period</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Per-Cashier Breakdown --}}
    @if($byCashier->count() > 0)
    <div class="box box-success">
        <div class="box-header with-border">
            <h3 class="box-title"><i class="fas fa-users"></i> By Cashier</h3>
        </div>
        <div class="box-body no-padding">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Cashier</th>
                        <th class="text-right text-success">Deposits</th>
                        <th class="text-right text-danger">Withdrawals</th>
                        <th class="text-right text-primary">Float</th>
                        <th class="text-center">Txns</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($byCashier as $userId => $items)
                        @php
                            $user = $items->first()->createdBy;
                            $name = $user ? ($user->first_name . ' ' . $user->last_name) : 'Unknown';
                            $dep  = $items->where('type', 'deposit')->sum('total');
                            $wd   = $items->where('type', 'withdrawal')->sum('total');
                            $fl   = $items->where('type', 'float')->sum('total');
                            $cnt  = $items->sum('txn_count');
                        @endphp
                        <tr>
                            <td><strong>{{ $name }}</strong></td>
                            <td class="text-right text-success" style="font-weight:600">{{ number_format($dep) }}</td>
                            <td class="text-right text-danger" style="font-weight:600">{{ number_format($wd) }}</td>
                            <td class="text-right text-primary" style="font-weight:600">{{ number_format($fl) }}</td>
                            <td class="text-center">{{ $cnt }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

    {{-- Quick Links --}}
    <div class="row">
        <div class="col-md-4">
            <a href="{{ route('mpesa-agent.cashier') }}" class="btn btn-success btn-lg btn-block" style="padding:15px;">
                <i class="fas fa-cash-register"></i> Open Cashier POS
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{ route('mpesa-agent.transactions') }}" class="btn btn-default btn-lg btn-block" style="padding:15px;">
                <i class="fas fa-list"></i> View All Transactions
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{ route('mpesa-agent.reconcile') }}" class="btn btn-warning btn-lg btn-block" style="padding:15px;">
                <i class="fas fa-check-double"></i> Daily Reconciliation
            </a>
        </div>
    </div>

</section>

@endsection