{{-- resources/views/generaljournals/show.blade.php --}}
@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
  <div class="container-fluid">

    <div class="page-breadcrumb bg-primary text-white rounded p-3 mb-4 d-flex justify-content-between align-items-center">
      <h5 class="mb-0">General Journal {{ $journal->reference }}</h5>
      <a href="{{ route('general.journals.index') }}" class="btn btn-light">
        <i class="bx bx-chevron-left me-1"></i> Back
      </a>
    </div>

    <div class="card shadow-sm rounded-lg border-0">
      <div class="card-body p-4">

        <div class="row mb-3">
          <div class="col-md-4"><strong>Date:</strong> {{ $journal->entry_date->format('F j, Y') }}</div>
          <div class="col-md-8"><strong>Reference:</strong> {{ $journal->reference }}</div>
        </div>

        <div class="table-responsive">
          <table class="table table-striped table-bordered">
            <thead class="table-dark">
              <tr>
                <th>Account</th>
                <th class="text-end">Debit</th>
                <th class="text-end">Credit</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody>
              @foreach($journal->lines as $line)
                <tr>
                  <td>{{ $line->account->full_name }}</td>
                  <td class="text-end">{{ number_format($line->debit, 0) }}</td>
                  <td class="text-end">{{ number_format($line->credit, 0) }}</td>
                  <td>{{ $line->memo }}</td>
                </tr>
              @endforeach
            </tbody>
            <tfoot class="table-light fw-bold">
              <tr>
                <td class="text-end">Totals:</td>
                <td class="text-end">{{ number_format($journal->lines->sum('debit'), 0) }}</td>
                <td class="text-end">{{ number_format($journal->lines->sum('credit'), 0) }}</td>
                <td></td>
              </tr>
            </tfoot>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>

@endsection