97 lines
4.3 KiB
PHP
97 lines
4.3 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', 'Create Expense')
|
|
|
|
@section('breadcrumb')
|
|
<ol class="breadcrumb border-0 m-0">
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ route('expenses.index') }}">Expenses</a></li>
|
|
<li class="breadcrumb-item active">Add</li>
|
|
</ol>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="container-fluid">
|
|
<form id="expense-form" action="{{ route('expenses.store') }}" method="POST">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
@include('utils.alerts')
|
|
<div class="form-group">
|
|
<button class="btn btn-primary">Create Expense <i class="bi bi-check"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="form-row">
|
|
<div class="col-lg-6">
|
|
<div class="form-group">
|
|
<label for="reference">Reference <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="reference" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="form-group">
|
|
<label for="date">Date <span class="text-danger">*</span></label>
|
|
<input type="date" class="form-control" name="date" required value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="col-lg-6">
|
|
<div class="form-group">
|
|
<label for="category_id">Category <span class="text-danger">*</span></label>
|
|
<select name="category_id" id="category_id" class="form-control" required>
|
|
<option value="" selected>Select Category</option>
|
|
@foreach(\Modules\Expense\Entities\ExpenseCategory::all() as $category)
|
|
<option value="{{ $category->id }}">{{ $category->category_name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="form-group">
|
|
<label for="amount">Amount <span class="text-danger">*</span></label>
|
|
<input id="amount" type="text" class="form-control" name="amount" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="details">Details</label>
|
|
<textarea class="form-control" rows="6" name="details"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('page_scripts')
|
|
<script src="{{ asset('js/jquery-mask-money.js') }}"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#amount').maskMoney({
|
|
prefix:'$',
|
|
thousands:',',
|
|
decimal:'.',
|
|
});
|
|
$('#amount').maskMoney({
|
|
prefix:'$',
|
|
thousands:',',
|
|
decimal:'.',
|
|
});
|
|
|
|
$('#expense-form').submit(function () {
|
|
var amount = $('#amount').maskMoney('unmasked')[0];
|
|
$('#amount').val(amount);
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
|