@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <section class="content">
        <div class="row mb-4">
            <div class="col-md-6">
                <h2>Shareholders Accounts</h2>
            </div>
<br>
            <div class="col-md-6 text-right">
                <a href="{{ route('shareholder-account.create') }}" class="btn btn-primary">
                    Add Account
                </a>
            </div>
        </div>

        {{-- Search --}}
        <div class="row mb-4">
            <div class="col-md-9">
                <form action="{{ route('shareholder-account.index') }}" method="GET">
                    <div class="input-group">
                        <div class="row">
                            <div class="col-md-6">
                        <input
                            type="text"
                            name="search"
                            class="form-control"
                            placeholder="Search by Name"
                            value="{{ request('search') }}"
                        >
                        </div>
                         <div class="col-md-6">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="submit">
                                Search
                            </button>
                            <a href="{{ route('shareholder-account.index') }}" class="btn btn-outline-secondary">
                                Clear
                            </a>
                        </div>
                        </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        {{-- Table --}}
        <br>
        <div class="box box-primary">
        <div class="card">
            <div class="card-body p-0">
                <table class="table table-bordered table-striped mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th>Account Holder</th>
                            <th>Account Name</th>
                            <th>Account Number</th>
                            <th class="text-right">Opening Balance</th>
                            <th class="text-right">Current Balance</th>
                            <th>Created By</th>
                            <th class="text-center">Actions</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse ($shareholderAccounts as $account)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $account->account_holder_name }}</td>
                                <td>{{ $account->chartAccount->name ?? 'N/A' }}</td>
                                <td>{{ $account->account_number }}</td>
                                <td class="text-right">{{ number_format($account->opening_balance, 2) }}</td>
                                <td class="text-right">{{ number_format($account->current_balance, 2) }}</td>
                                <td>{{ $account->creator->username ?? 'N/A' }}</td>
                                <td class="text-center">
                                    <div class="dropdown">
                                        <button
                                            class="btn btn-info btn-sm dropdown-toggle"
                                            type="button"
                                            data-toggle="dropdown"
                                        >
                                            Actions
                                        </button>

                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a class="dropdown-item" href="{{ route('shareholder-account.show', $account->id) }}">
                                                View
                                            </a>
                                            <a class="dropdown-item" href="{{ route('shareholder-account.edit', $account->id) }}">
                                                Edit
                                            </a>
                                            <a class="dropdown-item" href="{{ route('shareholder-account.deposit.create', $account->id) }}">
                                                Deposit
                                            </a>
                                            <a class="dropdown-item" href="{{ route('shareholder-account.withdraw.create', $account->id) }}">
                                                Withdraw
                                            </a>
                                            <div class="dropdown-divider"></div>
                                            <form action="{{ route('shareholder-account.destroy', $account->id) }}" method="POST">
                                                @csrf
                                                @method('DELETE')
                                                <button
                                                    type="submit"
                                                    class="dropdown-item text-danger"
                                                    onclick="return confirm('Delete this account?')"
                                                >
                                                    Delete
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center">
                                    No accounts found.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>

                    <tfoot>
                        <tr class="font-weight-bold">
                            <td colspan="4" class="text-right">Totals:</td>
                            <td class="text-right">
                                {{ number_format($shareholderAccounts->sum('opening_balance'), 2) }}
                            </td>
                            <td class="text-right">
                                {{ number_format($shareholderAccounts->sum('current_balance'), 2) }}
                            </td>
                            <td colspan="2"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
             </div>
        </div>
    </section>
</div>
@endsection