@extends('layouts.layout-horizontal')

@section('title', 'View Bank Account')

@section('content')
<div class="">
  <div class="card mb-3">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">{{ $bankAccount->name }}</h5>
        <div>
            <a class="btn btn-secondary btn-sm" href="{{ route('admin.bank-accounts.index') }}"><i class="ph-duotone ph-arrow-left me-1"></i> Back</a>
            <a class="btn btn-primary btn-sm" href="{{ route('admin.bank-accounts.edit', $bankAccount) }}">Edit</a>
            <a class="btn btn-dark btn-sm" href="{{ route('admin.bank-accounts.openings.index', $bankAccount) }}">Openings</a>
        </div>
    </div>
    <div class="card-body">
      <div class="row">
        <div class="col-md-4">
          <div class="detail-meta">
          <div><strong>Bank:</strong> {{ $bankAccount->bank_name ?? '—' }}</div>
          <div><strong>Branch:</strong> {{ $bankAccount->branch ?? '—' }}</div>
          <div><strong>Account No:</strong> {{ $bankAccount->account_no }}</div>
          <div><strong>IFSC:</strong> {{ $bankAccount->ifsc ?? '—' }}</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="detail-meta">
          @if($bankAccount->mode !== 'cash')
          <div><strong>Opening Balance:</strong> {{ indian_number($bankAccount->opening_balance,2) }}</div>
          @endif
          <div><strong>Current Balance:</strong> {{ indian_number($bankAccount->current_balance,2) }}</div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header d-flex align-items-center justify-content-between"><h5 class="mb-0">Openings</h5></div>
    <div class="table-responsive">
      <table class="table table-hover table-sm align-middle mb-0">
        <thead class="table-light"><tr><th>Date</th><th class="text-end">Amount</th><th>Note</th></tr></thead>
        <tbody>
          @forelse($bankAccount->openings as $o)
            <tr>
              <td>{{ $o->effective_date->format('d-M-Y') }}</td>
              <td class="text-end">{{ indian_number($o->amount,2) }}</td>
              <td>{{ $o->note }}</td>
            </tr>
          @empty
            <tr><td colspan="3" class="text-center text-muted py-3">No openings yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection