{{-- resources/views/generalvouchers/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">Voucher {{ $voucher->reference }}</h5>
      <a href="{{ route('general.vouchers.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> {{ $voucher->entry_date->format('F j, Y') }}</div>
          <div class="col-md-8"><strong>Bank Account:</strong>
            {{ $voucher->lines()->where('debit',0)->first()->account->full_name }}
          </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($voucher->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>
          </table>
        </div>

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

@endsection