@extends('layouts.app')
@section('title', __('expenses.expenses'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('expenses.expenses') }}</h5>
<div class="row g-3">
  <div class="col-lg-4">
    <div class="card mb-3"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('expenses.add') }}</h6>
      <form method="POST" action="{{ route('expenses.store') }}" class="row g-2">@csrf
        <div class="col-12">
          <select name="expense_category_id" class="form-select form-select-sm">
            <option value="">{{ __('expenses.category') }} —</option>
            @foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->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 type="date" name="date" value="{{ now()->toDateString() }}" class="form-control form-control-sm" required></div>
        <div class="col-6">
          <select name="treasury_account_id" class="form-select form-select-sm">
            <option value="">{{ __('treasury.account') }} —</option>
            @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
          </select></div>
        <div class="col-6">
          <select name="branch_id" class="form-select form-select-sm">
            <option value="">{{ __('app.branch') }} —</option>
            @foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach
          </select></div>
        <div class="col-12"><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">{{ __('expenses.add_category') }}</h6>
      <form method="POST" action="{{ route('expenses.categories.store') }}" class="d-flex gap-2">@csrf
        <input name="name" class="form-control form-control-sm" placeholder="{{ __('app.name') }}" required>
        <button class="btn btn-outline-primary btn-sm">{{ __('app.add') }}</button>
      </form>
      <div class="mt-2">
        @foreach($categories as $category)<span class="badge text-bg-light me-1 mb-1">{{ $category->name }}</span>@endforeach
      </div>
    </div></div>
  </div>

  <div class="col-lg-8">
    <div class="card"><div class="card-body">
      <form class="row g-2 mb-3">
        <div class="col-md-4">
          <select name="category_id" class="form-select form-select-sm" onchange="this.form.submit()">
            <option value="">{{ __('expenses.category') }} — {{ __('app.all') }}</option>
            @foreach($categories as $category)<option value="{{ $category->id }}" @selected(request('category_id')==$category->id)>{{ $category->name }}</option>@endforeach
          </select></div>
        <div class="col-md-3"><input type="date" name="from" value="{{ request('from') }}" class="form-control form-control-sm"></div>
        <div class="col-md-3"><input type="date" name="to" value="{{ request('to') }}" class="form-control form-control-sm"></div>
        <div class="col-auto"><button class="btn btn-outline-primary btn-sm">{{ __('app.filter') }}</button></div>
      </form>
      <div class="table-responsive">
      <table class="table table-hover align-middle">
        <thead><tr><th>{{ __('app.date') }}</th><th>{{ __('expenses.category') }}</th><th>{{ __('app.amount') }}</th><th>{{ __('app.description') }}</th><th></th></tr></thead>
        <tbody>
          @forelse($expenses as $expense)
          <tr>
            <td>{{ $expense->date->format('Y-m-d') }}</td>
            <td>{{ $expense->category->name ?? '—' }}</td>
            <td class="fw-bold text-danger">{{ money($expense->amount) }}</td>
            <td class="small text-secondary">{{ $expense->description }}</td>
            <td class="text-end">
              <form method="POST" action="{{ route('expenses.destroy', $expense) }}" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
              </form>
            </td>
          </tr>
          @empty
          <tr><td colspan="5" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
          @endforelse
        </tbody>
      </table>
      </div>
      {{ $expenses->links() }}
    </div></div>
  </div>
</div>
@endsection