@extends('admin.layouts.app')
@section('title', 'Add Expense')
@section('content')


<!--begin::App Content Header-->
<div class="app-content-header">
    <!--begin::Container-->
    <div class="container-fluid">
      <!--begin::Row-->
      <div class="row">
        <div class="col-sm-6"><h3 class="mb-0">Add Expense</h3></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-end">
            <li><a href="{{ route('admin.expenses.index') }}" class="btn me-5 btn-success text-white">All Expenses</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Add Expense</li>
          </ol>
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
<!--end::App Content Header-->
<hr>

  <!--begin::App Content-->
  <div class="app-content">
    <div class="container">
       <div class="col-lg-6">

       </div>
       <div class="col-lg-6 card p-3">
            <form action="{{ route('admin.expenses.store') }}" method="POST">
                @csrf

                <div class="form-group mb-4">
                    <label for="title">Expense Title</label>
                    <input type="text" value="{{ old('title') }}" name="title" class="form-control @error('title') is-invalid @enderror" placeholder="Enter Category title Here">
                    @error('title')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="amount">Expense Amount</label>
                    <input type="number" value="{{ old('amount') }}" name="amount" class="form-control @error('amount') is-invalid @enderror" placeholder="Enter Category amount Here">
                    @error('amount')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="date">Expense Date</label>
                    <input type="date" value="{{ old('date') }}" name="date" class="form-control @error('date') is-invalid @enderror" placeholder="Enter Category date Here">
                    @error('date')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="purpose">Purpose of the Expense(Optional)</label>
                    <textarea name="purpose" id="" cols="5" rows="5" class="form-control">{{ old('purpose') }}</textarea>
                </div>
                <div class="form-group mb-4">
                    <button type="submit" class="btn btn-success">SAVE EXPENSE</button>
                </div>

            </form>
       </div>
       <div class="col-lg-4">

       </div>
    </div>
</div>
  <!--end::App Content-->


@endsection