@extends('layouts.app')
@section('title', __('accounting.chart'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('accounting.chart') }}</h5>
  <div>
    <a href="{{ route('accounting.journal') }}" class="btn btn-outline-secondary btn-sm">{{ __('accounting.journal') }}</a>
    <a href="{{ route('accounting.trial-balance') }}" class="btn btn-outline-secondary btn-sm">{{ __('accounting.trial_balance') }}</a>
    <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#accountModal"><i class="bi bi-plus-lg"></i> {{ __('accounting.add_account') }}</button>
  </div>
</div>
<div class="card"><div class="card-body">
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('accounting.code') }}</th><th>{{ __('app.name') }}</th><th>{{ __('app.type') }}</th><th>{{ __('accounting.debit') }}</th><th>{{ __('accounting.credit') }}</th></tr></thead>
    <tbody>
      @foreach($accounts as $account)
      <tr class="{{ !$account->parent_id ? 'table-light fw-bold' : '' }}">
        <td>{{ $account->code }}</td>
        <td>{{ $account->parent_id ? '— ' : '' }}{{ $account->name }}</td>
        <td><span class="badge text-bg-light">{{ __('accounting.' . $account->type) }}</span></td>
        <td>{{ money($account->debit_total) }}</td>
        <td>{{ money($account->credit_total) }}</td>
      </tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>

<div class="modal fade" id="accountModal"><div class="modal-dialog"><div class="modal-content">
  <form method="POST" action="{{ route('accounting.accounts.store') }}">@csrf
    <div class="modal-header"><h6 class="modal-title fw-bold">{{ __('accounting.add_account') }}</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
    <div class="modal-body row g-3">
      <div class="col-4"><label class="form-label">{{ __('accounting.code') }} *</label><input name="code" class="form-control" required></div>
      <div class="col-8"><label class="form-label">{{ __('app.name') }} *</label><input name="name" class="form-control" required></div>
      <div class="col-6"><label class="form-label">{{ __('app.type') }} *</label>
        <select name="type" class="form-select" required>
          @foreach(['asset','liability','equity','revenue','expense'] as $t)<option value="{{ $t }}">{{ __('accounting.' . $t) }}</option>@endforeach
        </select></div>
      <div class="col-6"><label class="form-label">{{ __('accounting.chart') }}</label>
        <select name="parent_id" class="form-select"><option value="">—</option>
          @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->code }} — {{ $account->name }}</option>@endforeach
        </select></div>
    </div>
    <div class="modal-footer"><button class="btn btn-primary">{{ __('app.save') }}</button></div>
  </form>
</div></div></div>
@endsection