@extends('layouts.app')

@section('title','Add Expense')

@section('content')
<h3 class="mb-3">Add Expense</h3>

<form action="{{ route('expenses.store') }}" method="POST" class="row g-3">
  @csrf
  <div class="col-md-3">
    <label class="form-label">Date</label>
    <input type="date" name="date" class="form-control" required value="{{ old('date', date('Y-m-d')) }}">
  </div>

  <div class="col-md-3">
    <label class="form-label">Category</label>
    <input type="text" name="category" class="form-control" required placeholder="e.g. Office Rent" value="{{ old('category') }}">
  </div>

  <div class="col-md-6">
    <label class="form-label">Description</label>
    <input type="text" name="description" class="form-control" placeholder="Optional details" value="{{ old('description') }}">
  </div>

  <div class="col-md-4">
    <label class="form-label">Amount (৳)</label>
    <input type="number" name="amount" step="0.01" class="form-control" required value="{{ old('amount') }}">
  </div>

  <div class="col-12 d-flex gap-2">
    <button class="btn btn-success">Save Expense</button>
    <a href="{{ route('expenses.index') }}" class="btn btn-outline-secondary">View All</a>
  </div>
</form>
@endsection