183 lines
11 KiB
PHP
183 lines
11 KiB
PHP
@extends('layoutadmin.app')
|
|
@section('content')
|
|
<nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl" id="navbarBlur" data-scroll="true">
|
|
<div class="container-fluid py-1 px-3">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
|
|
<li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="javascript:;">Pages</a></li>
|
|
<li class="breadcrumb-item text-sm text-dark active" aria-current="page">Pengeluaran</li>
|
|
</ol>
|
|
<h6 class="font-weight-bolder mb-0">Pengeluaran</h6>
|
|
</nav>
|
|
<div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
|
|
<div class="ms-md-auto pe-md-5 d-flex align-items-center">
|
|
<div class="input-group input-group-outline">
|
|
<label class="form-label">Type here...</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<ul class="navbar-nav pe-md-3">
|
|
<!-- Tambahkan Profile Icon di sini -->
|
|
<li class="nav-item d-flex align-items-center">
|
|
<a href="{{ route('profile') }}" class="nav-link text-body font-weight-bold px-2">
|
|
<i class="fas fa-user-circle me-sm-1"></i>
|
|
<span class="d-sm-inline d-none">Profile</span>
|
|
</a>
|
|
</li>
|
|
<!-- Ikon Logout -->
|
|
<li class="nav-item d-flex align-items-center">
|
|
<a href="javascript:void(0);" class="nav-link text-body font-weight-bold px-2" id="logout-link">
|
|
<i class="fa fa-sign-out me-sm-1"></i>
|
|
<span class="d-sm-inline d-none">Logout</span>
|
|
</a>
|
|
</li>
|
|
<script>
|
|
document.getElementById('logout-link').addEventListener('click', function(event) {
|
|
event.preventDefault(); // Mencegah tindakan default link
|
|
|
|
// Menampilkan konfirmasi dengan SweetAlert
|
|
Swal.fire({
|
|
title: 'Are you sure?',
|
|
text: "You will be logged out.",
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Yes, logout',
|
|
cancelButtonText: 'No, cancel',
|
|
reverseButtons: true
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
window.location.href =
|
|
'{{ route('home') }}'; // Arahkan ke route logout jika konfirmasi diterima
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container-fluid py-4">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card my-4">
|
|
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
|
<div
|
|
class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3 d-flex justify-content-between align-items-center">
|
|
<h6 class="text-white text-capitalize ps-3">table Pengeluaran</h6>
|
|
<a href="{{ route('tambahpengeluaran') }}" class="btn btn-sm btn-outline-light me-4"
|
|
style="font-size: 14px; padding: 6px 12px; border-radius: 5px; ">
|
|
Tambah
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body px-0 pb-2">
|
|
<div class="table-responsive p-0">
|
|
<table class="table align-items-center mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">No
|
|
</th>
|
|
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Tanggal</th>
|
|
<th
|
|
class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
|
|
Jumlah</th>
|
|
<th
|
|
class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Keterangan</th>
|
|
<th
|
|
class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
|
|
Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($pengeluarans as $pengeluaran)
|
|
<tr>
|
|
<td>
|
|
<div class="d-flex px-2 py-1">
|
|
<div class="d-flex flex-column justify-content-center">
|
|
<h6 class="mb-0 text-sm ">
|
|
{{ $loop->iteration + ($pengeluarans->currentPage() - 1) * $pengeluarans->perPage() }}
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="d-flex px-2 py-1">
|
|
<div class="d-flex flex-column justify-content-center">
|
|
<h6 class="mb-0 text-sm">{{ $pengeluaran->tanggal }}</h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="text-xs font-weight-bold mb-0">
|
|
Rp{{ number_format($pengeluaran->jumlah, 0, ',', '.') }}
|
|
</p>
|
|
</td>
|
|
|
|
<td class="align-middle text-center text-sm">
|
|
<span class="text-xs">{{ $pengeluaran->keterangan }}</span>
|
|
</td>
|
|
<td class="align-middle text-center">
|
|
<!-- Tombol Edit -->
|
|
<a href="#" class="text-secondary font-weight-bold text-xs"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#editPengeluaranModal-{{ $pengeluaran->id }}">
|
|
<i class="fas fa-edit"></i> Edit
|
|
</a>
|
|
<span class="mx-2">|</span>
|
|
|
|
<!-- Tombol Hapus -->
|
|
<a href="#" class="text-danger font-weight-bold text-xs"
|
|
onclick="confirmDelete('{{ $pengeluaran->id }}')">
|
|
<i class="fas fa-trash"></i> Hapus
|
|
</a>
|
|
|
|
<form id="delete-form-{{ $pengeluaran->id }}"
|
|
action="{{ route('deletepengeluaran', $pengeluaran->id) }}"
|
|
method="POST" style="display: none;">
|
|
@csrf
|
|
@method('DELETE')
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
@include('admin.modal.editpengeluaran')
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
<!-- Tautan Pagination -->
|
|
<div class="d-flex justify-content-center mt-4 text-black">
|
|
<ul class="pagination">
|
|
{{-- Previous Page Link --}}
|
|
<li class="page-item {{ $pengeluarans->onFirstPage() ? 'disabled' : '' }}">
|
|
<a class="page-link" href="{{ $pengeluarans->previousPageUrl() }}"
|
|
aria-label="Previous">
|
|
<span aria-hidden="true">«</span>
|
|
</a>
|
|
</li>
|
|
|
|
{{-- Pagination Elements --}}
|
|
@foreach ($pengeluarans->links()->elements[0] as $page => $url)
|
|
<li class="page-item {{ $page == $pengeluarans->currentPage() ? 'active' : '' }}">
|
|
<a class="page-link" href="{{ $url }}">{{ $page }}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
{{-- Next Page Link --}}
|
|
<li class="page-item {{ $pengeluarans->hasMorePages() ? '' : 'disabled' }}">
|
|
<a class="page-link" href="{{ $pengeluarans->nextPageUrl() }}" aria-label="Next">
|
|
<span aria-hidden="true">»</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|