@extends('layouts/layoutMaster')

@section('title', 'Penyusutan Aset')

@section('vendor-style')
@vite([
'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'resources/assets/vendor/libs/select2/select2.scss'
])
@endsection

@section('vendor-script')
@vite([
'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'resources/assets/vendor/libs/select2/select2.js'
])
@endsection

@section('page-script')
@vite('Modules/Akuntansi/resources/assets/js/asset-depreciation.js')
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="card-title">Penyusutan Aset</h5>
    </div>
    <div class="card-datatable table-responsive">
        <table class="datatables-assets table table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>#</th>
                    <th>Nama Aset</th>
                    <th>Periode Pembelian</th>
                    {{-- <th>Nilai</th> --}}
                    <th>Metode</th>
                    {{-- <th>Jumlah Penyusutan</th> --}}
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($assets as $asset)
                @if(!$asset->depreciations->isEmpty())
                <tr>
                    <td>{{ $asset->id }}</td>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $asset->name }}</td>
                    <td>{{ formatTanggalIndonesia($asset->acquisition_date) }} s/d {{ formatTanggalIndonesia(\Carbon\Carbon::now()) }}</td>
                    {{-- <td>{{ $asset->useful_life }}</td> --}}
                    <td>{{ ucfirst(str_replace('-', ' ', $asset->depreciation_method)) ?? 'Tidak Ada Penyusutan' }}</td>
                    {{-- <td>{{ rupiah_format($asset->calculated_depreciation, 2) }}</td> --}}
                    <td>
                        <button class="btn btn-primary view-details" data-id="{{ $asset->id }}">Detail</button>
                    </td>
                </tr>
                @endif
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<!-- Modal for Depreciation Details -->
<div class="modal fade" id="depreciationDetailModal" tabindex="-1" aria-labelledby="depreciationDetailModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="depreciationDetailModalLabel">Detail Penyusutan untuk Aset: <span
                        id="assetName"></span></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Tahun</th>
                            <th>Total Penyusutan</th>
                            <th>Nilai Buku</th>
                        </tr>
                    </thead>
                    <tbody id="depreciationDetailsTableBody">
                        <!-- Depreciation details will be appended here dynamically -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection