@extends('layouts.app')
@section('title','Shares — '.$member->name)
@section('page-title','Share Registry')

@section('content')
<div class="d-flex align-items-center gap-3 mb-4">
    <a href="{{ route('admin.shares.index') }}" class="btn btn-outline-navy" style="padding:7px 14px;">
        <i class="fa-solid fa-arrow-left me-1"></i> Back
    </a>
    <div>
        <div class="section-title">{{ $member->name }}'s Share Account</div>
        <div class="section-sub">{{ $member->member_id }} · {{ $member->department }}</div>
    </div>
    <div class="ms-auto d-flex gap-2">
        <a href="{{ route('admin.shares.create') }}?member_id={{ $member->id }}" class="btn btn-gold">
            <i class="fa-solid fa-plus me-1"></i> Issue More Shares
        </a>
    </div>
</div>

@php $priceUsd = \App\Services\ShareService::pricePerShareUsd(); @endphp

<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="stat-card gold">
            <div class="stat-icon gold"><i class="fa-solid fa-chart-pie"></i></div>
            <div class="stat-value">{{ number_format($ledger->total_shares) }}</div>
            <div class="stat-label">Shares Held</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card blue">
            <div class="stat-icon blue"><i class="fa-solid fa-dollar-sign"></i></div>
            <div class="stat-value">${{ number_format($ledger->total_invested_usd,2) }}</div>
            <div class="stat-label">Total Invested (USD)</div>
            <div class="stat-change up">L${{ number_format($ledger->total_invested_lrd,2) }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card green">
            <div class="stat-icon green"><i class="fa-solid fa-arrow-trend-up"></i></div>
            <div class="stat-value">${{ number_format($ledger->total_shares * $priceUsd,2) }}</div>
            <div class="stat-label">Current Value (USD)</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card gold">
            <div class="stat-icon gold"><i class="fa-solid fa-coins"></i></div>
            <div class="stat-value">${{ number_format($ledger->total_dividends_usd,2) }}</div>
            <div class="stat-label">Total Dividends Earned</div>
            <div class="stat-change up">L${{ number_format($ledger->total_dividends_lrd,2) }}</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <div class="card-header-title">Transaction History</div>
        <span class="badge-status active" style="font-size:.78rem;padding:4px 12px;">{{ ucfirst($ledger->status) }}</span>
    </div>
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>Reference</th><th>Type</th><th>Shares</th>
                    <th>Amount (USD)</th><th>Amount (LRD)</th>
                    <th>Method</th><th>Instalment</th><th>Status</th><th>Date</th><th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($transactions as $txn)
                <tr>
                    <td><code style="font-size:.72rem;">{{ $txn->reference }}</code></td>
                    <td>
                        @php $typeColors = ['purchase'=>'active','deduction'=>'paid','dividend'=>'disbursed','refund'=>'rejected']; @endphp
                        <span class="badge-status {{ $typeColors[$txn->type]??'pending' }}">{{ $txn->getTypeLabel() }}</span>
                    </td>
                    <td style="font-weight:600;font-family:'DM Mono',monospace;">{{ number_format($txn->shares) }}</td>
                    <td><span class="amount" style="color:{{ $txn->type==='refund'?'#c0392b':'#2e7d52' }};font-weight:500;">
                        {{ $txn->type==='refund'?'-':'+' }}${{ number_format($txn->amount_usd,2) }}
                    </span></td>
                    <td><span class="amount" style="color:#1565c0;font-size:.8rem;">L${{ number_format($txn->amount_lrd,2) }}</span></td>
                    <td style="font-size:.8rem;">{{ ucfirst(str_replace('_',' ',$txn->payment_method)) }}</td>
                    <td style="font-size:.8rem;color:#6b7a8d;">
                        @if($txn->instalment_number)
                            {{ $txn->instalment_number }} of {{ $txn->total_instalments }}
                        @else —
                        @endif
                    </td>
                    <td>
                        <span class="badge-status {{ $txn->status==='completed'?'active':($txn->status==='pending'?'pending':'rejected') }}">
                            {{ ucfirst($txn->status) }}
                        </span>
                    </td>
                    <td style="font-size:.78rem;color:#6b7a8d;">{{ $txn->transaction_date?->format('d M Y') ?? '—' }}</td>
                    <td>
                        @if($txn->status==='pending')
                        <form method="POST" action="{{ route('admin.shares.deduction.confirm',$txn) }}">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-gold" style="padding:3px 10px;font-size:.75rem;">Confirm</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="10" class="text-center py-4" style="color:#aaa;">No transactions yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($transactions->hasPages())
    <div class="card-body" style="border-top:1px solid var(--border);padding:16px 24px;">{{ $transactions->links() }}</div>
    @endif
</div>
@endsection