@extends('layouts.app')
@section('title', $supplier->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ $supplier->name }}</h5>
  <a href="{{ route('suppliers.edit', $supplier) }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-pencil"></i> {{ __('app.edit') }}</a>
</div>
<div class="row g-3">
  <div class="col-lg-4">
    <div class="card"><div class="card-body">
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.phone') }}</span><span dir="ltr">{{ $supplier->phone }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('suppliers.contact_person') }}</span><span>{{ $supplier->contact_person }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('suppliers.opening_balance') }}</span><span>{{ money($supplier->opening_balance) }}</span></div>
      <div class="d-flex justify-content-between py-1 border-top mt-2 pt-2"><span class="fw-bold">{{ __('suppliers.balance') }}</span><span class="fw-bold {{ $supplier->balance > 0 ? 'text-danger' : 'text-success' }}">{{ money($supplier->balance) }}</span></div>
    </div></div>
  </div>
  <div class="col-lg-8">
    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-3">{{ __('suppliers.statement') }} — {{ __('purchases.purchases') }}</h6>
      <div class="table-responsive">
      <table class="table table-sm table-hover align-middle">
        <thead><tr><th>{{ __('app.number') }}</th><th>{{ __('app.date') }}</th><th>{{ __('app.total') }}</th><th>{{ __('app.paid') }}</th><th>{{ __('app.due') }}</th></tr></thead>
        <tbody>
          @forelse($supplier->purchases()->latest('date')->get() as $purchase)
          <tr>
            <td><a href="{{ route('purchases.show', $purchase) }}" class="text-decoration-none">{{ $purchase->number }}</a></td>
            <td>{{ $purchase->date->format('Y-m-d') }}</td>
            <td>{{ money($purchase->total) }}</td>
            <td class="text-success">{{ money($purchase->paid) }}</td>
            <td class="{{ ($purchase->total - $purchase->paid) > 0 ? 'text-danger fw-bold' : '' }}">{{ money($purchase->total - $purchase->paid) }}</td>
          </tr>
          @empty
          <tr><td colspan="5" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
          @endforelse
        </tbody>
      </table>
      </div>
    </div></div>
  </div>
</div>
@endsection