@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
  <!-- Breadcrumb -->
  <div class="page-breadcrumb d-flex flex-column flex-sm-row 
              align-items-center justify-content-between mb-3 p-3 
              bg-primary text-white rounded shadow-sm">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0 p-0">
        <li class="breadcrumb-item">
          <a href="{{ route('admin.dashboard') }}" class="text-white">
            <i class="bx bx-home-alt"></i>
          </a>
        </li>
        <li class="breadcrumb-item active text-white" aria-current="page">
          Depreciation Schedule
        </li>
      </ol>
    </nav>
    @can('fixed.export')
    <a href="{{ route('fixed-assets.depreciation.pdf') }}" class="btn btn-light d-flex align-items-center">
      <i class="bx bx-file-pdf me-2"></i> Download PDF
    </a>
    @endcan
  </div>

  @can('fixed.view')
  <div class="card shadow border-0 rounded">
    <div class="card-body p-4">
      <div class="table-responsive">
        <table id="example" class="table table-hover table-striped table-bordered align-middle">
          <thead class="table-dark">
            <tr>
              <th>#</th>
              <th>Asset</th>
              <th class="text-end">Cost</th>
              <th class="text-end">Accumulated Depreciation</th>
              <th class="text-end">Net Book Value</th>
            </tr>
          </thead>
          <tbody>
            @foreach($assets as $asset)
            <tr>
              <td class="fw-bold text-center">{{ $loop->iteration }}</td>
              <td>{{ $asset->name }}</td>
              <td class="text-end">{{ number_format($asset->cost, 2) }}</td>
              <td class="text-end">
                {{ number_format($asset->depreciationEntries->sum('amount'), 2) }}
              </td>
              <td class="text-end">
                {{ number_format(
                  $asset->cost - $asset->depreciationEntries->sum('amount'),
                  2
                ) }}
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
  @endcan
</div>

@endsection