Viewing file:  expense_manager.blade.php (6.86 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.navigation')
@section('content')
<div class="mainSection-title">
<div class="row">
<div class="col-12">
<div
class="d-flex justify-content-between align-items-center flex-wrap gr-15"
>
<div class="d-flex flex-column">
<h4>{{ get_phrase('Expense') }}</h4>
<ul class="d-flex align-items-center eBreadcrumb-2">
<li><a href="#">{{ get_phrase('Home') }}</a></li>
<li><a href="#">{{ get_phrase('Accounting') }}</a></li>
<li><a href="#">{{ get_phrase('Expense Manager') }}</a></li>
</ul>
</div>
<div class="export-btn-area">
<a href="javascript:;" class="export_btn" onclick="rightModal('{{ route('admin.expenses.open_modal') }}', '{{ get_phrase('Create Expense') }}')"><i class="bi bi-plus"></i>{{ get_phrase('Add New Expense') }}</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="eSection-wrap-2">
<form method="GET" enctype="multipart/form-data" class="d-block ajaxForm" action="{{ route('admin.expense.list') }}">
<div class="row">
<div class="row justify-content-md-center">
@if(isset($selected_category) && $selected_category != "")
<div class="col-xl-3 mb-3">
<input type="text" class="form-control eForm-control" name="eDateRange"
value="{{ date('m/d/Y', $date_from).' - '.date('m/d/Y', $date_to) }}" />
</div>
<div class="col-xl-4 mb-3">
<select class="form-select eForm-select eChoice-multiple-with-remove" name="expense_category_id" id="expense_category_id">
<option value="all">{{ get_phrase('Expense category') }}</option>
@foreach ($expense_categories as $expense_category)
<option value="{{ $expense_category->id }}" {{ $selected_category->id == $expense_category->id ? 'selected':'' }}>{{ $expense_category->name }}</option>
@endforeach
</select>
</div>
@else
<div class="col-xl-3 mb-3">
<input type="text" class="form-control eForm-control" name="eDateRange"
value="{{ date('m/d/Y', $date_from).' - '.date('m/d/Y', $date_to) }}" />
</div>
<div class="col-xl-4 mb-3">
<select class="form-select eForm-select eChoice-multiple-with-remove" name="expense_category_id" id="expense_category_id">
<option value="all">{{ get_phrase('Select expense category') }}</option>
@foreach ($expense_categories as $expense_category)
<option value="{{ $expense_category->id }}">{{ $expense_category->name }}</option>
@endforeach
</select>
</div>
@endif
<div class="col-xl-2 mb-3">
<button type="submit" class="eBtn eBtn btn-secondary form-control">{{ get_phrase('Filter') }}</button>
</div>
@if(count($expenses) > 0)
<div class="col-md-2">
<div class="position-relative">
<button class="eBtn-3 dropdown-toggle float-end" type="button" id="defaultDropdown" data-bs-toggle="dropdown" data-bs-auto-close="true" aria-expanded="false">
<span class="pr-10">
<svg xmlns="http://www.w3.org/2000/svg" width="12.31" height="10.77" viewBox="0 0 10.771 12.31">
<path id="arrow-right-from-bracket-solid" d="M3.847,1.539H2.308a.769.769,0,0,0-.769.769V8.463a.769.769,0,0,0,.769.769H3.847a.769.769,0,0,1,0,1.539H2.308A2.308,2.308,0,0,1,0,8.463V2.308A2.308,2.308,0,0,1,2.308,0H3.847a.769.769,0,1,1,0,1.539Zm8.237,4.39L9.007,9.007A.769.769,0,0,1,7.919,7.919L9.685,6.155H4.616a.769.769,0,0,1,0-1.539H9.685L7.92,2.852A.769.769,0,0,1,9.008,1.764l3.078,3.078A.77.77,0,0,1,12.084,5.929Z" transform="translate(0 12.31) rotate(-90)" fill="#00a3ff"></path>
</svg>
</span>
{{ get_phrase('Export')}}
</button>
<ul class="dropdown-menu dropdown-menu-end eDropdown-menu-2">
<li>
<a class="dropdown-item" id="pdf" href="javascript:;" onclick="generatePDF()">{{ get_phrase('PDF') }}</a>
</li>
<li>
<a class="dropdown-item" id="print" href="javascript:;" onclick="printableDiv('expense_report')">{{ get_phrase('Print') }}</a>
</li>
</ul>
</div>
</div>
@endif
</div>
</div>
</form>
<div class="expense_content">
@include('admin.expenses.list')
</div>
</div>
</div>
</div>
<script type="text/javascript">
"use strict";
function generatePDF() {
// Choose the element that our invoice is rendered in.
const element = document.getElementById("expense_report");
// clone the element
var clonedElement = element.cloneNode(true);
// change display of cloned element
$(clonedElement).css("display", "block");
// Choose the clonedElement and save the PDF for our user.
var opt = {
margin: 1,
filename: 'expense_report.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 }
};
// New Promise-based usage:
html2pdf().set(opt).from(clonedElement).save();
// remove cloned element
clonedElement.remove();
}
function printableDiv(printableAreaDivId) {
var printContents = document.getElementById(printableAreaDivId).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
@endsection
|