@extends('layouts.layout-horizontal')

@section('title', ' Bank Accounts')

@section('content')

    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="mb-0">Bank Accounts</h5>
            <div>
                <a class="btn btn-primary btn-sm" href="{{ route('admin.bank-accounts.create') }}">Add Account</a>
            </div>
        </div>
        <div class="card-body">
            <div data-st data-st-export="excel">
            <div class="table-responsive">
                <table class="table table-hover table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Bank</th>
                            <th>Account No</th>
                            <th>IFSC</th>
                            <th class="text-center no-sort no-export">Default</th>
                            <th class="text-end">Current Bal.</th>
                            <th class="text-center no-sort no-export">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($accounts as $a)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>
                                    {{ $a->name }}
                                    @if($a->is_default)
                                        <span class="badge bg-success ms-1">Default</span>
                                    @endif
                                </td>
                                <td>{{ $a->bank_name ?? '—' }}</td>
                                <td>{{ $a->account_no }}</td>
                                <td>{{ $a->ifsc ?? '—' }}</td>
                                <td class="text-center">
                                    @if($a->is_default)
                                        <i class="ti ti-check text-success"></i>
                                    @else
                                        <form action="{{ route('admin.bank-accounts.set-default', $a) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-primary" title="Set as Default">
                                                Set Default
                                            </button>
                                        </form>
                                    @endif
                                </td>
                                <td class="text-end">{{ indian_number($a->current_balance, 2) }}</td>

                                <td class="text-center">
                                    <div class="tbl-actions">
                                        <a href="{{ route('admin.bank-accounts.show', $a) }}" class="tbl-act" data-bs-toggle="tooltip" title="View"><i class="ph-duotone ph-eye"></i></a>
                                        <a href="{{ route('admin.bank-accounts.edit', $a) }}" class="tbl-act" data-bs-toggle="tooltip" title="Edit"><i class="ph-duotone ph-pencil-simple"></i></a>
                                        <a href="{{ route('admin.bank-accounts.openings.index', $a) }}" class="tbl-act" data-bs-toggle="tooltip" title="Openings"><i class="ph-duotone ph-calendar-blank"></i></a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            </div>
        </div>
    </div>

@endsection