@extends('layouts.app')
@section('title', __('treasury.treasury'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('treasury.treasury') }}</h5>
  <div>
    <a href="{{ route('treasury.transactions') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-clock-history"></i> {{ __('treasury.transactions') }}</a>
    <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#accountModal"><i class="bi bi-plus-lg"></i> {{ __('treasury.add_account') }}</button>
  </div>
</div>

<div class="row g-3 mb-4">
  @foreach($accounts as $account)
  <div class="col-md-4 col-xl-3">
    <div class="card h-100"><div class="card-body">
      <div class="d-flex align-items-center gap-2 mb-2">
        <i class="bi {{ ['cash' => 'bi-cash-stack', 'bank' => 'bi-bank', 'wallet' => 'bi-phone'][$account->type] ?? 'bi-safe' }} fs-4 text-primary"></i>
        <div>
          <div class="fw-bold">{{ $account->name }}</div>
          <div class="small text-secondary">{{ __('treasury.' . $account->type) }} @if($account->branch) — {{ $account->branch->name }}@endif</div>
        </div>
      </div>
      <div class="fs-5 fw-bold {{ $account->balance < 0 ? 'text-danger' : 'text-success' }}">{{ money($account->balance) }}</div>
    </div></div>
  </div>
  @endforeach
</div>

<div class="row g-3">
  <div class="col-lg-5">
    <div class="card mb-3"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('treasury.receipt') }} / {{ __('treasury.payment') }}</h6>
      <form method="POST" action="{{ route('treasury.transactions.store') }}" class="row g-2">@csrf
        <div class="col-6">
          <select name="treasury_account_id" class="form-select form-select-sm" required>
            @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
          </select></div>
        <div class="col-6">
          <select name="type" class="form-select form-select-sm" required>
            <option value="receipt">{{ __('treasury.receipt') }}</option>
            <option value="payment">{{ __('treasury.payment') }}</option>
            <option value="deposit">{{ __('treasury.deposit') }}</option>
            <option value="withdraw">{{ __('treasury.withdraw') }}</option>
          </select></div>
        <div class="col-6"><input type="number" step="0.01" min="0.01" name="amount" class="form-control form-control-sm" placeholder="{{ __('app.amount') }}" required></div>
        <div class="col-6"><input name="description" class="form-control form-control-sm" placeholder="{{ __('app.description') }}"></div>
        <div class="col-12"><button class="btn btn-primary btn-sm w-100">{{ __('app.save') }}</button></div>
      </form>
    </div></div>

    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('treasury.transfer') }}</h6>
      <form method="POST" action="{{ route('treasury.transfer') }}" class="row g-2">@csrf
        <div class="col-6">
          <select name="from_account_id" class="form-select form-select-sm" required>
            @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
          </select></div>
        <div class="col-6">
          <select name="to_account_id" class="form-select form-select-sm" required>
            @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
          </select></div>
        <div class="col-6"><input type="number" step="0.01" min="0.01" name="amount" class="form-control form-control-sm" placeholder="{{ __('app.amount') }}" required></div>
        <div class="col-6"><input name="description" class="form-control form-control-sm" placeholder="{{ __('app.description') }}"></div>
        <div class="col-12"><button class="btn btn-outline-primary btn-sm w-100">{{ __('treasury.transfer') }}</button></div>
      </form>
    </div></div>
  </div>

  <div class="col-lg-7">
    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('treasury.transactions') }}</h6>
      @forelse($recent as $tx)
      <div class="d-flex justify-content-between border-bottom py-2 small">
        <div>
          <span class="badge text-bg-{{ in_array($tx->type, ['receipt', 'deposit', 'transfer_in']) ? 'success' : 'danger' }}">{{ __('treasury.' . $tx->type) }}</span>
          <span class="ms-1">{{ $tx->account->name ?? '' }}</span>
          <span class="text-secondary">— {{ $tx->description }}</span>
        </div>
        <span class="fw-bold {{ in_array($tx->type, ['receipt', 'deposit', 'transfer_in']) ? 'text-success' : 'text-danger' }}">{{ money($tx->amount) }}</span>
      </div>
      @empty
      <p class="text-secondary small">{{ __('app.no_data') }}</p>
      @endforelse
    </div></div>
  </div>
</div>

<div class="modal fade" id="accountModal"><div class="modal-dialog"><div class="modal-content">
  <form method="POST" action="{{ route('treasury.accounts.store') }}">@csrf
    <div class="modal-header"><h6 class="modal-title fw-bold">{{ __('treasury.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-12"><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">
          <option value="cash">{{ __('treasury.cash') }}</option>
          <option value="bank">{{ __('treasury.bank') }}</option>
          <option value="wallet">{{ __('treasury.wallet') }}</option>
        </select></div>
      <div class="col-6"><label class="form-label">{{ __('treasury.opening_balance') }}</label><input type="number" step="0.01" name="opening_balance" value="0" class="form-control"></div>
    </div>
    <div class="modal-footer"><button class="btn btn-primary">{{ __('app.save') }}</button></div>
  </form>
</div></div></div>
@endsection