@extends(\Auth::user()->role != 10 ? 'layout' : 'layoutfrontdesk')

@section('title', 'Asset Management')

@section('css')
<style type="text/css">
	.datatable-column-width{
		overflow: hidden; text-overflow: ellipsis; max-width: 200px;
	}
    .datatable-basic th,
    .datatable-basic td {
        white-space: nowrap;
    }
    .table-depreciation th,
    .table-depreciation td {
        white-space: nowrap;
    }
</style>
@endsection

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Asset Management</span></h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
			<div class="d-flex">
				<a href="{{ route('asset-management.create') }}" class="btn btn-success"><i class="fas fa-plus-circle"></i>&nbsp;&nbsp;Add New Asset</a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">

		<!-- Hover rows -->
		<div class="card">
            <div class="card-body">
				<ul class="nav nav-tabs nav-tabs-highlight">
					<li class="nav-item"><a href="#active-asset" class="nav-link active" data-toggle="tab">Active Asset</a></li>
					<li class="nav-item"><a href="#released-asset" class="nav-link" data-toggle="tab">Released Asset</a></li>
					<li class="nav-item"><a href="#depreciation-asset" class="nav-link" data-toggle="tab">Depreciation Asset</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane fade active show" id="active-asset">
						<table class="table datatable-basic table-hover">
							<thead>
								<tr>
                                    <th>No</th>
									<th>Acq. Date</th>
									<th>Asset Name</th>
									<th>COA</th>
									<th>Department</th>
									<th>Acq. Cost</th>
									<th>Book Value</th>
									<th style="text-align: center">Action</th>
								</tr>
							</thead>
							<tbody>
                                @php $i = 1 @endphp
								@foreach($active_assets as $active_asset)
								<tr>
                                    <td>{{$i}}</td>
									<td>{{ date('d-m-Y', strtotime($active_asset->tanggal_akuisisi)) }}</td>
									<td>({{ $active_asset->nomor_aset}}) {{ $active_asset->nama_aset }}</td>
									<td>({{ $active_asset->coaAsset->account_no }}) {{ $active_asset->description }}</td>
									<td>{{ $active_asset->department ? $active_asset->department : "-"}}</td>
									<td>{{ ribuanWithComma($active_asset->biaya_akuisisi) }}</td>
									<td>
										@php
										$total_depresiasi = $active_asset->assetDepreciations ? $active_asset->assetDepreciations->sum('depreciation_nominal') : 0;
										$nilai_buku = $active_asset->biaya_akuisisi - $active_asset->akumulasi_penyusutan - $total_depresiasi;
										@endphp
										{{ ribuanWithComma($nilai_buku) }}
									</td>
									<td style="text-align:center">
										<div class="btn-group">
											<button type="button"
													class="btn btn-primary dropdown-toggle"
													data-toggle="dropdown"
													aria-expanded="false"
											>
												<i class="far fa-file-alt"></i>
											</button>
											<div class="dropdown-menu dropdown-menu-right"
												 x-placement="bottom-end"
												 style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(106px, 36px, 0px);"
											>
												<a href="{{ route('asset-management.release', $active_asset->id) }}" class="dropdown-item">Release Asset</a>
												<a href="{{ route('asset-management.edit', $active_asset->id) }}" class="dropdown-item"> Edit</a>
												<a class="dropdown-item delbutton" data-toggle="modal" data-target="#modal_theme_danger" data-description="Deleting an active asset will also delete all asset information" data-uri="{{ route('asset-management.destroy', $active_asset->id) }}"> Delete</a>
											</div>
										</div>
									</td>
								</tr>
                                @php $i++ @endphp
								@endforeach
							</tbody>
						</table>
					</div>
					<div class="tab-pane fade" id="released-asset">
						<table class="table datatable-basic table-hover">
							<thead>
								<tr>
                                    <th>No</th>
									<th>Released date</th>
									<th>Asset Name</th>
                                    <th>Department</th>
									<th>Trans No</th>
									<th>Sell</th>
									<th>Profit(Loss)</th>
									<th class="text-center">Action</th>
								</tr>
							</thead>
							<tbody>
                                @php $i = 1 @endphp
                                @foreach($released_assets as $released_asset)
                                    @php
                                    $profit_or_loss = $released_asset->releasedAsset->harga_jual - $released_asset->biaya_akuisisi;
                                    @endphp
                                    <tr>
                                        <td>{{$i}}</td>
                                        <td>{{ date('d-m-Y', strtotime($released_asset->releasedAsset->tanggal_transaksi)) }}</td>
                                        <td>({{ $released_asset->nomor_aset }}) {{ $released_asset->nama_aset }}</td>
                                        <td>{{ $released_asset->department ? $released_asset->department : "-"}}</td>
                                        <td>{{ str_pad($released_asset->releasedAsset->id, 4, '0', STR_PAD_LEFT) }}</td>
                                        <td>{{ ribuanWithComma($released_asset->releasedAsset->harga_jual) }}</td>
                                        <td>
                                            @if($profit_or_loss < 0)
                                            ({{ ribuanWithComma($profit_or_loss) }})
                                            @else
                                            {{ ribuanWithComma($profit_or_loss) }}
                                            @endif
                                        </td>
                                        <td style="text-align:center">
                                            <a class="btn btn-danger text-white delbutton"
                                            data-toggle="modal"
                                            data-target="#modal_theme_danger"
                                            data-description="Released asset will be return to the active asset"
                                            data-uri="{{ route('asset-management.unrelease', $released_asset->releasedAsset->id) }}"
                                            >
                                                Cancel
                                            </a>
                                        </td>
                                    </tr>
                                    @php $i++ @endphp
                                @endforeach
							</tbody>
						</table>
					</div>
					<div class="tab-pane fade" id="depreciation-asset">
						<h4>Depreciation Schedule</h4>
						<form action="{{route('asset-management.apply-all-depreciation')}}" method="post">
							@csrf
							<button type="submit" class="btn btn-success mb-1" id="btn-apply-all-depreciation" style="display: none">Apply Depreciation</button>
							<table class="table table-bordered table-striped table-hover table-depreciation">
								<thead>
									<tr>
										<th style="width: 1%">
											<input type="checkbox" id="checkAll">
										</th>
                                        <th>No</th>
										<th>Asset Detail</th>
                                        <th>Department</th>
										<th>Period</th>
										<th>Deprec. Val</th>
										<th style="text-align: right">Acq. Value</th>
										<th style="text-align: right">Book Value</th>
										<th style="text-align: right">Next. Book val</th>
										<th style="text-align: center"></th>
									</tr>
								</thead>
								<tbody>
                                    @if(count($depreciation_list) > 0)
                                        @php
                                        $idx_depreciation = 0;
                                        $i = 1;
                                        @endphp

                                        @foreach($depreciation_list as $depreciation)
                                            @php
                                            $total_depresiasi = $depreciation->assetDepreciations ? $depreciation->assetDepreciations->sum('depreciation_nominal') : 0;
                                            $nilai_buku = $depreciation->biaya_akuisisi - $depreciation->akumulasi_penyusutan - $total_depresiasi;
                                            $nilai_depresiasi = $depreciation->biaya_akuisisi * ($depreciation->nilai_per_tahun / 100);
                                            $next_book_value = $nilai_buku - $nilai_depresiasi;
                                            @endphp
                                            <tr id="row_{{$idx_depreciation}}">
                                                <td>
                                                    <input type="checkbox" name="check_depreciation[]" id="check_depreciation_{{$idx_depreciation}}" value="{{$idx_depreciation}}">
                                                    <input type="hidden" name="asset_id[]" id="asset_id_{{$idx_depreciation}}" value="{{ $depreciation->id }}" disabled>
                                                    <input type="hidden" name="depreciation_nominal[]" id="depreciation_nominal_{{$idx_depreciation}}" value="{{ $nilai_depresiasi }}" disabled>
                                                    <input type="hidden" name="depreciation_date[]" id="depreciation_date_{{$idx_depreciation}}" value="{{ date('Y-m-d') }}" disabled>
                                                    <input type="hidden" name="periode[]" id="periode_{{$idx_depreciation}}" value="{{ date('d/m/Y', strtotime($depreciation->tanggal_akuisisi)) }} - {{ date('d/m/Y', strtotime('+1 years', strtotime($depreciation->tanggal_akuisisi))) }}" disabled>
                                                    <input type="hidden" name="coa_id[]" id="coa_id_{{$idx_depreciation}}" value="{{ $depreciation->coa_penyusutan }}" disabled>
                                                </td>
                                                <td>{{$i}}</td>
                                                <td>({{ $depreciation->nomor_aset }}) {{ $depreciation->nama_aset }}</td>
                                                <td>{{ $depreciation->department ? $depreciation->department : "-"}}</td>
                                                <td>{{ date('d/m/Y', strtotime($depreciation->tanggal_akuisisi)) }} - {{ date('d/m/Y', strtotime('+1 years', strtotime($depreciation->tanggal_akuisisi))) }}</td>
                                                <td>{{ $depreciation->nilai_per_tahun }}%</td>
                                                <td style="text-align: right">{{ ribuanWithComma($active_asset->biaya_akuisisi) }}</td>
                                                <td style="text-align: right">{{ ribuanWithComma($nilai_buku) }}</td>
                                                <td style="text-align: right">{{ ribuanWithComma($next_book_value) }}</td>
                                                <td style="text-align: center">
                                                    <button type="button"
                                                            data-id="{{$depreciation->id}}"
                                                            data-depreciation_nominal="{{$nilai_depresiasi}}"
                                                            data-depreciation_date="{{date('Y-m-d')}}"
                                                            data-periode="{{date('d/m/Y', strtotime($depreciation->tanggal_akuisisi)) }} - {{ date('d/m/Y', strtotime('+1 years', strtotime($depreciation->tanggal_akuisisi)))}}"
                                                            data-coa_id="{{$depreciation->coa_penyusutan}}"
                                                            class="btn btn-success btn-depreciation"
                                                            data-toggle="modal"
                                                            data-target="#modal_depreciation"
                                                    >
                                                        Apply Depreciation
                                                    </button>
                                                </td>
                                            </tr>

                                            @php
                                            $idx_depreciation++;
                                            $i++;
                                            @endphp
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="8" style="text-align:center">No Data</td>
                                        </tr>
                                    @endif
								</tbody>
							</table>
						</form>
					</div>
				</div>
            </div>
		</div>
		<!-- /hover rows -->

	</div>
	<!-- /content area -->

    <!-- Danger modal -->
	<div id="modal_theme_danger" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-danger" align="center">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<form action="" method="post" id="delform">
				    @csrf
				    @method('DELETE')
					<div class="modal-body" align="center">
						<h3 id="description_delete"> Deleting an active asset will also delete all asset information </h3>
					</div>

					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
						<button type="submit" class="btn bg-danger">OK</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- /default modal -->

	<!-- Depreciation Modal -->
	<div id="modal_depreciation" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-success" align="center">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<form action="{{ route('asset-management.apply-depreciation') }}" method="post">
				    @csrf
					<div class="modal-body" align="center">
						<h3>Are you sure you want to apply depreciation to this item</h3>
						<input type="hidden" name="asset_id" id="asset_id">
						<input type="hidden" name="depreciation_nominal" id="depreciation_nominal">
						<input type="hidden" name="depreciation_date" id="depreciation_date">
						<input type="hidden" name="periode" id="periode">
						<input type="hidden" name="coa_id" id="coa_id">
					</div>

					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success">Yes</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- /Depreciation Modal -->
@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script>
		//Select Asset Depreciation
		$('#checkAll').on('click', function(){
			let is_checked = $(this).is(':checked');

			if(is_checked){
				$('[name="check_depreciation[]"]').prop('checked', true);
				$('#btn-apply-all-depreciation').show();

				$('[name="asset_id[]"]').removeAttr('disabled');
				$('[name="depreciation_nominal[]"]').removeAttr('disabled');
				$('[name="depreciation_date[]"]').removeAttr('disabled');
				$('[name="periode[]"]').removeAttr('disabled');
				$('[name="coa_id[]"]').removeAttr('disabled');
			}
			else{
				$('[name="check_depreciation[]"]').prop('checked', false);
				$('#btn-apply-all-depreciation').hide();

				$('[name="asset_id[]"]').attr('disabled', 'disabled');
				$('[name="depreciation_nominal[]"]').attr('disabled', 'disabled');
				$('[name="depreciation_date[]"]').attr('disabled', 'disabled');
				$('[name="periode[]"]').attr('disabled', 'disabled');
				$('[name="coa_id[]"]').attr('disabled', 'disabled');
			}
		});

		// Select Depreciation Asset
		$('[name="check_depreciation[]"]').on('click', function(){
			let index = $(this).val();
			let is_checked = $(this).is(':checked');

			if(is_checked){
				$('#asset_id_'+index).removeAttr('disabled');
				$('#depreciation_nominal_'+index).removeAttr('disabled');
				$('#depreciation_date_'+index).removeAttr('disabled');
				$('#periode_'+index).removeAttr('disabled');
				$('#coa_id_'+index).removeAttr('disabled');
			}
			else{
				$('#asset_id_'+index).attr('disabled', 'disabled');
				$('#depreciation_nominal_'+index).attr('disabled', 'disabled');
				$('#depreciation_date_'+index).attr('disabled', 'disabled');
				$('#periode_'+index).attr('disabled', 'disabled');
				$('#coa_id_'+index).attr('disabled', 'disabled');
			}
		});

		//Modal Depreciation
		$(document).on('click', '.btn-depreciation', function(){
			let asset_id = $(this).data('id');
			let depreciation_nominal = $(this).data('depreciation_nominal');
			let depreciation_date = $(this).data('depreciation_date');
			let periode = $(this).data('periode');
			let coa_id = $(this).data('coa_id');

			// console.log('asset_id: '+ asset_id);
			// console.log('depreciation_nominal: '+ depreciation_nominal);
			// console.log('depreciation_date: '+ depreciation_date);
			// console.log('coa_id: '+ coa_id);

			$('#asset_id').val(asset_id);
			$('#depreciation_nominal').val(depreciation_nominal);
			$('#depreciation_date').val(depreciation_date);
			$('#periode').val(periode);
			$('#coa_id').val(coa_id);
		});

		//modal delete
		$(document).on("click", ".delbutton", function () {
		     var url = $(this).data('uri');
			 var description = $(this).data('description');
			 $('#description_delete').html(description);
		     $("#delform").attr("action", url);
		});

		var DatatableBasic = function() {

		    // Basic Datatable examples
		    var _componentDatatableBasic = function() {
		        if (!$().DataTable) {
		            console.warn('Warning - datatables.min.js is not loaded.');
		            return;
		        }

		        // Setting datatable defaults
		        $.extend( $.fn.dataTable.defaults, {
		            autoWidth: false,
		            columnDefs: [{
		                orderable: false,
		                width: 200,
		                targets: 7
		            }],
		            dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
		            language: {
		                search: '<span>Filter:</span> _INPUT_',
		                searchPlaceholder: 'Type to filter...',
		                lengthMenu: '<span>Show:</span> _MENU_',
		                paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
		            }
		        });

		        // Basic datatable
                // $('.datatable-guest-history-booking').DataTable();
                $('.datatable-guest-history-booking').DataTable({
                    autoWidth: false,
                    columnDefs: [{
                        orderable: false,
                        // width: 150,
                        targets: [ 0,4,5,6,7,8,9,10 ],
                        searchable: false,
                    }],
                    bInfo : false,
                    dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
                    language: {
                        search: '<span>Filter:</span> _INPUT_',
                        searchPlaceholder: 'No. Reservation/No. Bill/Date...',
                        lengthMenu: '<span>Show:</span> _MENU_',
                        paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
                    }
				});
		        $('.datatable-basic').DataTable();

		        // Alternative pagination
		        $('.datatable-pagination').DataTable({
		            pagingType: "simple",
		            language: {
		                paginate: {'next': $('html').attr('dir') == 'rtl' ? 'Next &larr;' : 'Next &rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr; Prev' : '&larr; Prev'}
		            }
		        });

		        // Datatable with saving state
		        $('.datatable-save-state').DataTable({
		            stateSave: true
		        });

		        // Scrollable datatable
		        var table = $('.datatable-scroll-y').DataTable({
		            autoWidth: true,
		            scrollY: 300
		        });

		        // Resize scrollable table when sidebar width changes
		        $('.sidebar-control').on('click', function() {
		            table.columns.adjust().draw();
		        });
		    };

		    // Select2 for length menu styling
		    var _componentSelect2 = function() {
		        if (!$().select2) {
		            console.warn('Warning - select2.min.js is not loaded.');
		            return;
		        }

		        // Initialize
		        $('.dataTables_length select').select2({
		            minimumResultsForSearch: Infinity,
		            dropdownAutoWidth: true,
		            width: 'auto'
		        });
		    };


		    //
		    // Return objects assigned to module
		    //

		    return {
		        init: function() {
		            _componentDatatableBasic();
		            _componentSelect2();
		        }
		    }
		}();


		// Initialize module
		// ------------------------------

		document.addEventListener('DOMContentLoaded', function() {
		    DatatableBasic.init();
		});
	</script>
	<script type="text/javascript">
		$( document ).ready(function() {
	        // Default style
	        @if(session('error'))
	            new PNotify({
	                title: 'Error',
	                text: '{{ session('error') }}.',
	                icon: 'icon-blocked',
	                type: 'error'
	            });
            @endif
            @if ( session('success'))
	            new PNotify({
	                title: 'Success',
	                text: '{{ session('success') }}.',
	                icon: 'icon-checkmark3',
	                type: 'success'
	            });
            @endif

		});
	</script>
@endsection