@extends('dashboard.layouts.app')

@section('title', __('dashboard.Add New Expense Category'))
@section('page_heading', __('dashboard.Add New Expense Category'))

@section('content')
<div class="card card-flush">
    <div class="card-header">
        <h2 class="card-title">{{ __('dashboard.Add New Expense Category') }}</h2>
    </div>
    <div class="card-body pt-5">
        <form action="{{ route('dashboard.expense_categories.store') }}" method="POST">
            @csrf

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Name') }}</label>
                <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
            </div>

            <div class="mb-7">
                <label class="form-label">{{ __('dashboard.Type') }}</label>
                <select name="type" class="form-select" required>
                    <option value="recurring" @if(old('type')=='recurring') selected @endif>recurring</option>
                    <option value="variable" @if(old('type')=='variable') selected @endif>variable</option>
                </select>
            </div>

            <div class="d-flex justify-content-end">
                <a href="{{ route('dashboard.expense_categories.index') }}" class="btn btn-light me-3">
                    {{ __('dashboard.Cancel') }}
                </a>
                <button type="submit" class="btn btn-primary">
                    {{ __('dashboard.Save') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection