@extends('layouts.app')

@section('title', 'Bank Book')
@section('page', 'bank-book')
@section('bankNav', 'entries')

@php
  $typeVariant = fn ($t) => $t === 'In' ? 'success' : 'danger';
  $statusVariant = fn ($s) => $s === 'Active' ? 'success' : 'danger';
  $presetCategories = [
    'Opening Balance',
    'Deposit',
    'Withdrawal',
    'Cheque',
    'Transfer',
    'Interest',
    'Sales',
  ];
  $categoryOptions = collect($presetCategories)
    ->merge($expenseCategories ?? [])
    ->merge($categories ?? [])
    ->unique()
    ->sort()
    ->values();
  $defaultAccountId = $selectedAccountId ?: ($bankAccounts->first()?->id);
@endphp

@section('content')
  @include('partials.account-bank-nav')

  @if (session('success'))
    <x-alert class="mb-3" variant="success" icon="bi-check-circle">{{ session('success') }}</x-alert>
  @endif

  @if ($errors->any())
    <x-alert class="mb-3" variant="danger" icon="bi-exclamation-triangle">{{ $errors->first() }}</x-alert>
  @endif

  <x-data-table
    id="bank-book-table"
    class="catalog-table bank-book-table"
    title="Bank Book"
    subtitle="Track bank deposits, withdrawals, and running balance by account."
    search-placeholder="Search bank book..."
    :selectable="false"
    :page-size="15"
  >
    <x-slot:toolbarActions>
      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#bankBookModal" data-bank-book-add @disabled($bankAccounts->isEmpty())>
        <i class="bi bi-plus-lg"></i> Add Entry
      </button>
    </x-slot:toolbarActions>
    <x-slot:filters>
      <x-date-range-filter
        :action="route('account.bank-book')"
        :date-from="$dateFrom"
        :date-to="$dateTo"
        :filter-month="$filterMonth"
        :show-month="false"
      >
        <x-slot:before>
          @if ($selectedAccountId)
            <input type="hidden" name="bank_account_id" value="{{ $selectedAccountId }}">
          @endif
        </x-slot:before>
      </x-date-range-filter>
      <select class="form-select form-select-sm" aria-label="Bank Account" data-bank-account-filter>
        <option value="">All Accounts</option>
        @foreach ($bankAccounts as $account)
          <option value="{{ $account->id }}" @selected((int) $selectedAccountId === (int) $account->id)>
            {{ $account->name }}
          </option>
        @endforeach
      </select>
      <select class="form-select form-select-sm" data-edt-col-filter="category" aria-label="Category">
        <option value="">All Categories</option>
        @foreach ($categoryOptions as $category)
          <option>{{ $category }}</option>
        @endforeach
      </select>
      <select class="form-select form-select-sm" data-edt-col-filter="status" aria-label="Status">
        <option value="">All Statuses</option>
        <option>Active</option>
        <option>Cancel</option>
      </select>
    </x-slot:filters>
    <x-slot:afterToolbar>
      <div class="product-stats-panel">
        <div class="row g-3 product-stats product-stats--4 justify-content-start">
          <div class="col-6 col-md-3 product-stat-col">
            <div class="product-kpi product-kpi--warning">
              <span class="product-kpi__icon" aria-hidden="true">
                <span class="product-kpi__glyph"><i class="bi bi-sunrise"></i></span>
              </span>
              <div class="product-kpi__body">
                <p class="product-kpi__label">Opening Balance</p>
                <p class="product-kpi__value">{{ money($openingBalance) }}</p>
                <p class="product-kpi__meta">Balance before {{ $dateFrom }}</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-md-3 product-stat-col">
            <div class="product-kpi product-kpi--success">
              <span class="product-kpi__icon" aria-hidden="true">
                <span class="product-kpi__glyph"><i class="bi bi-arrow-down-left"></i></span>
              </span>
              <div class="product-kpi__body">
                <p class="product-kpi__label">Total In</p>
                <p class="product-kpi__value">{{ money($totalIn) }}</p>
                <p class="product-kpi__meta">Bank deposits</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-md-3 product-stat-col">
            <div class="product-kpi product-kpi--danger">
              <span class="product-kpi__icon" aria-hidden="true">
                <span class="product-kpi__glyph"><i class="bi bi-arrow-up-right"></i></span>
              </span>
              <div class="product-kpi__body">
                <p class="product-kpi__label">Total Out</p>
                <p class="product-kpi__value">{{ money($totalOut) }}</p>
                <p class="product-kpi__meta">Bank withdrawals</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-md-3 product-stat-col">
            <div class="product-kpi product-kpi--primary">
              <span class="product-kpi__icon" aria-hidden="true">
                <span class="product-kpi__glyph"><i class="bi bi-bank"></i></span>
              </span>
              <div class="product-kpi__body">
                <p class="product-kpi__label">Closing Balance</p>
                <p class="product-kpi__value">{{ money($currentBalance) }}</p>
                <p class="product-kpi__meta">As of {{ $dateTo }}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </x-slot:afterToolbar>
    <x-slot:head>
      <x-data-table-th label="Date" col="entry_date" />
      <x-data-table-th label="Account" col="account" />
      <x-data-table-th label="Category" col="category" />
      <x-data-table-th label="Notes" col="notes" />
      <x-data-table-th label="In" col="amount_in" sort-type="number" />
      <x-data-table-th label="Out" col="amount_out" sort-type="number" />
      <x-data-table-th label="Balance" col="balance" sort-type="number" />
      <x-data-table-th label="Status" col="status" />
    </x-slot:head>
    <x-slot:body>
      @forelse ($entries as $row)
        <tr data-id="{{ $row->id }}">
          <td data-col="entry_date">{{ $row->entry_date->format('Y-m-d') }}</td>
          <td data-col="account">{{ $row->bankAccount?->name ?? ($selectedAccountName ?? '—') }}</td>
          <td data-col="category" class="cell-primary">{{ $row->category }}</td>
          <td data-col="notes">{{ preg_match('/^(Bill No\s+\d+)/i', (string) $row->notes, $m) ? $m[1] : ($row->notes ?: '—') }}</td>
          <td data-col="amount_in">{{ $row->type === 'In' ? money((float) $row->amount) : '—' }}</td>
          <td data-col="amount_out">{{ $row->type === 'Out' ? money((float) $row->amount) : '—' }}</td>
          <td data-col="balance" class="fw-semibold">{{ money((float) $row->running_balance) }}</td>
          <td data-col="status"><x-badge :variant="$statusVariant($row->status)">{{ $row->status }}</x-badge></td>
          <td data-edt-actions>
            <div class="edt-row-actions product-actions">
              <button
                type="button"
                class="btn btn-sm btn-icon product-action product-action--edit"
                title="Edit"
                aria-label="Edit"
                data-edt-action="edit"
                data-backend
                data-bank-book-edit
                data-id="{{ $row->id }}"
                data-bank-account-id="{{ $row->bank_account_id }}"
                data-entry-date="{{ $row->entry_date->format('Y-m-d') }}"
                data-type="{{ $row->type }}"
                data-category="{{ $row->category }}"
                data-amount="{{ $row->amount }}"
                data-notes="{{ $row->notes }}"
                data-status="{{ $row->status }}"
                data-update-url="{{ route('account.bank-book.update', $row) }}"
              >
                <i class="bi bi-pencil" aria-hidden="true"></i>
              </button>
              <button
                type="button"
                class="btn btn-sm btn-icon product-action product-action--delete"
                title="Delete"
                aria-label="Delete"
                data-edt-action="delete"
                data-backend
                data-delete-open
                data-delete-url="{{ route('account.bank-book.destroy', $row) }}"
                data-delete-label="{{ $row->entry_date->format('Y-m-d') }} · {{ $row->category }} ({{ $row->type }} {{ number_format((float) $row->amount, 2) }})"
                data-delete-type="bank book entry"
              >
                <i class="bi bi-trash" aria-hidden="true"></i>
              </button>
            </div>
          </td>
        </tr>
      @empty
        <tr data-edt-empty-row>
          <td colspan="9" class="text-center text-muted py-4">
            @if ($bankAccounts->isEmpty())
              Add a bank and bank account first, then record entries.
            @else
              No bank book entries yet. Add your first entry.
            @endif
          </td>
        </tr>
      @endforelse
    </x-slot:body>
  </x-data-table>

  <div class="modal fade" id="bankBookModal" tabindex="-1" aria-labelledby="bankBookModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content edt-modal">
        <form id="bank-book-form" method="post" action="{{ route('account.bank-book.store') }}" data-store-url="{{ route('account.bank-book.store') }}" data-filter-date-from="{{ $dateFrom }}" data-filter-date-to="{{ $dateTo }}" data-filter-bank-account-id="{{ $selectedAccountId }}">
          @csrf
          <input type="hidden" name="_method" id="bank_book_form_method" value="POST">
          <input type="hidden" name="filter_date_from" value="{{ $dateFrom }}">
          <input type="hidden" name="filter_date_to" value="{{ $dateTo }}">
          @if ($filterMonth)
            <input type="hidden" name="filter_month" value="{{ $filterMonth }}">
          @endif
          @if ($selectedAccountId)
            <input type="hidden" name="filter_bank_account_id" value="{{ $selectedAccountId }}">
          @endif
          <div class="modal-header">
            <h2 class="modal-title fs-5" id="bankBookModalLabel">Add bank book entry</h2>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="row g-3">
              <div class="col-md-6">
                <label class="form-label" for="bank_account_id">Bank Account</label>
                <select class="form-select" id="bank_account_id" name="bank_account_id" required>
                  @forelse ($bankAccounts as $account)
                    <option value="{{ $account->id }}" @selected((string) old('bank_account_id', $defaultAccountId) === (string) $account->id)>
                      {{ $account->name }}
                    </option>
                  @empty
                    <option value="">No accounts — add a bank account first</option>
                  @endforelse
                </select>
              </div>
              <div class="col-md-3">
                <label class="form-label" for="bank_entry_date">Date</label>
                <input type="date" class="form-control" id="bank_entry_date" name="entry_date" required value="{{ old('entry_date', now()->toDateString()) }}">
              </div>
              <div class="col-md-3">
                <label class="form-label" for="bank_type">Type</label>
                <select class="form-select" id="bank_type" name="type" required>
                  <option value="In" @selected(old('type', 'In') === 'In')>In</option>
                  <option value="Out" @selected(old('type') === 'Out')>Out</option>
                </select>
              </div>
              <div class="col-md-4">
                <label class="form-label" for="bank_amount">Amount</label>
                <input type="number" step="0.01" min="0.01" class="form-control" id="bank_amount" name="amount" required value="{{ old('amount') }}">
              </div>
              <div class="col-md-4">
                <label class="form-label" for="bank_category">Category</label>
                <input
                  type="text"
                  class="form-control"
                  id="bank_category"
                  name="category"
                  list="bank-category-list"
                  required
                  maxlength="100"
                  placeholder="e.g. Deposit, Withdrawal, Cheque"
                  value="{{ old('category') }}"
                >
                <datalist id="bank-category-list">
                  @foreach ($categoryOptions as $category)
                    <option value="{{ $category }}"></option>
                  @endforeach
                </datalist>
              </div>
              <div class="col-md-4">
                <label class="form-label" for="bank_status">Status</label>
                <select class="form-select" id="bank_status" name="status" required>
                  <option value="Active" @selected(old('status', 'Active') === 'Active')>Active</option>
                  <option value="Cancel" @selected(old('status') === 'Cancel')>Cancel</option>
                </select>
              </div>
              <div class="col-12">
                <label class="form-label" for="bank_notes">Notes</label>
                <input type="text" class="form-control" id="bank_notes" name="notes" maxlength="1000" value="{{ old('notes') }}" placeholder="Optional note">
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
            <button type="submit" class="btn btn-primary" id="bank-book-form-submit">Save</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content edt-modal">
        <form id="delete-confirm-form" method="post" action="#">
          @csrf
          @method('DELETE')
          <input type="hidden" name="filter_date_from" value="{{ $dateFrom }}">
          <input type="hidden" name="filter_date_to" value="{{ $dateTo }}">
          @if ($filterMonth)
            <input type="hidden" name="filter_month" value="{{ $filterMonth }}">
          @endif
          @if ($selectedAccountId)
            <input type="hidden" name="filter_bank_account_id" value="{{ $selectedAccountId }}">
          @endif
          <div class="modal-header">
            <h2 class="modal-title fs-5" id="deleteConfirmModalLabel">Delete bank book entry</h2>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p class="mb-0">Are you sure you want to delete <strong id="delete-confirm-name">this entry</strong>? This action cannot be undone.</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
            <button type="submit" class="btn btn-danger"><i class="bi bi-trash"></i> Delete</button>
          </div>
        </form>
      </div>
    </div>
  </div>
@endsection

@push('styles')
  <link href="{{ asset('assets/css/pages/products.css') }}" rel="stylesheet">
@endpush

@push('scripts')
  <script src="{{ asset('assets/js/pages/bank-book.js') }}"></script>
@endpush