layouts/app.blade.php
**
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Blog</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="{{ asset('css/styles.css') }}" rel="stylesheet" />
<style>
.user_name{
font-size:14px;
font-weight: bold;
}
.comments-list .media{
border-bottom: 1px dotted #ccc;
}
.custom-hover:hover {
background-color: #f0f8ff; /* Light blue background on hover */
transition: background-color 0.3s ease; /* Smooth transition */
}
</style>
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="{{ route('financial.index') }}">B L O G</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="{{ route('financial.index') }}">{{ __('Home') }}</a></li>
<li class="nav-item"><a class="nav-link" href="{{ route('financial.import') }}">{{ __('Import') }}</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="{{ url('../../adminblog/public') }}">{{ __('Log In') }}</a> </li>
<li class="nav-item"><a class="nav-link" href="{{ url('../../adminblog/public') }}">{{ __('Register') }}</a> </li>
-->
<!-- Language Switcher -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
{{ strtoupper(app()->getLocale()) }}
</a>
<ul class="dropdown-menu" aria-labelledby="languageDropdown">
<li><a href="">English</a></li>
<li><a href="">Hrvatski</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
@yield('content')
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Your Website 2023</p>
</div>
</footer>
<script>
document.addEventListener("DOMContentLoaded", function() {
let lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
let active = false;
const lazyLoad = function() {
if (active === false) {
active = true;
setTimeout(function() {
lazyImages.forEach(function(lazyImage) {
if ((lazyImage.getBoundingClientRect().top <= window.innerHeight &&
lazyImage.getBoundingClientRect().bottom >= 0) &&
getComputedStyle(lazyImage).display !== "none") {
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazy");
lazyImages = lazyImages.filter(function(image) {
return image !== lazyImage;
});
if (lazyImages.length === 0) {
document.removeEventListener("scroll", lazyLoad);
window.removeEventListener("resize", lazyLoad);
window.removeEventListener("orientationchange", lazyLoad);
}
}
});
active = false;
}, 200);
}
};
document.addEventListener("scroll", lazyLoad);
window.addEventListener("resize", lazyLoad);
window.addEventListener("orientationchange", lazyLoad);
});
</script>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="{{ asset('js/scripts.js') }}"></script>
</body>
</html>
**
**
@extends('layouts.app')
@section('content')
<div class="container">
<h2>Financial Reports</h2>
<form action="{{ route('financial.import') }}" method="POST" enctype="multipart/form-data">
@csrf
<input type="file" name="file" required>
<button type="submit">Upload</button>
</form>
<h3>Financial Data</h3>
<table border="1">
<tr>
<th>Category</th>
<th>Amount</th>
</tr>
@foreach($reports as $report)
<tr>
<td>{{ $report->category }}</td>
<td>{{ $report->amount }}</td>
</tr>
@endforeach
</table>
<h3>Account Balances</h3>
<table border="1">
<tr>
<th>Year</th>
<th>Account</th>
<th>Balance</th>
</tr>
@foreach($balances as $balance)
<tr>
<td>{{ $balance->year }}</td>
<td>{{ $balance->fkonto }}</td>
<td>{{ $balance->pocdug }}</td>
</tr>
@endforeach
</table>
</div>
@endsection
**