@extends('layouts.app')
@section('content')
<section class="content">
    <h2>{{ $account->chartAccount->name ?? 'N/A' }} Details</h2>
    <table class="table table-bordered">
        <tbody>
            <tr>
                <th style="width:150px;">Account Holder</th>
                <td>{{ $account->account_holder_name }}</td>
                
                <th style="width:150px;">Opening Balance</th>
                <td>{{ number_format($account->opening_balance, 2) }}</td>
            </tr>
            <tr>
                <th style="width:150px;">Account Number</th>
                <td>{{ $account->account_number }}</td>
                
                <th style="width:150px;">Current Balance</th>
                <td>{{ number_format($account->current_balance, 2) }}</td>
            </tr>
            
        </tbody>
    </table>

    <h3>Transaction History</h3>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Date</th>
                <th>Type</th>
                <th>Amount</th>
                <th>Description</th>
                <th>Created By</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($transactions as $transaction)
                <tr>
                    <td>{{ $transaction->created_at->format('d/m/y H:i:s') }}</td>
                    <td>{{ ucfirst($transaction->type) }}</td>
                    <td>{{ number_format($transaction->amount, 2) }}</td>
                    <td>{{ $transaction->description ?? 'N/A' }}</td>
                    <td>{{ $transaction->creator->username ?? 'N/A' }}</td>
                    <td>
                        <a href="{{ route('shareholder-account.transaction.edit', [$account->id, $transaction->id]) }}" class="btn btn-sm btn-warning">Edit</a>
                        <form action="{{ route('shareholder-account.transaction.destroy', [$account->id, $transaction->id]) }}" method="POST" style="display: inline-block;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Delete this transaction?')">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <a href="{{ route('shareholder-account.index') }}" class="btn btn-secondary">Back to Accounts</a>
</section>
<div class="mt-5 mb-5"></div>
@endsection