@extends('layouts.app')
@section('title', $purchase->number)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('purchases.purchase') }} {{ $purchase->number }}</h5>
  <button class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#payModal"><i class="bi bi-cash"></i> {{ __('purchases.add_payment') }}</button>
</div>
<div class="row g-3">
  <div class="col-lg-8">
    <div class="card"><div class="card-body">
      <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead><tr><th>{{ __('inventory.item') }}</th><th>{{ __('app.quantity') }}</th><th>{{ __('frames.purchase_price') }}</th><th>{{ __('app.total') }}</th></tr></thead>
        <tbody>
          @foreach($purchase->items as $item)
          <tr>
            <td>{{ $item->purchasable->display_name ?? $item->description }}</td>
            <td>{{ $item->quantity }}</td>
            <td>{{ money($item->unit_cost) }}</td>
            <td class="fw-semibold">{{ money($item->total) }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
      </div>
    </div></div>
  </div>
  <div class="col-lg-4">
    <div class="card mb-3"><div class="card-body">
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('suppliers.supplier') }}</span><span class="fw-semibold">{{ $purchase->supplier->name ?? '' }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.date') }}</span><span>{{ $purchase->date->format('Y-m-d') }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.subtotal') }}</span><span>{{ money($purchase->subtotal) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.discount') }}</span><span>{{ money($purchase->discount) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('purchases.shipping') }}</span><span>{{ money($purchase->shipping) }}</span></div>
      <div class="d-flex justify-content-between py-1 border-top mt-1 pt-2"><span class="fw-bold">{{ __('app.total') }}</span><span class="fw-bold">{{ money($purchase->total) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.paid') }}</span><span class="text-success">{{ money($purchase->paid) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="fw-bold">{{ __('app.due') }}</span><span class="fw-bold {{ ($purchase->total - $purchase->paid) > 0 ? 'text-danger' : 'text-success' }}">{{ money($purchase->total - $purchase->paid) }}</span></div>
    </div></div>
    <div class="card"><div class="card-body">
      <h6 class="fw-bold">{{ __('purchases.payments') }}</h6>
      @forelse($purchase->payments as $payment)
        <div class="d-flex justify-content-between border-bottom py-1 small">
          <span>{{ $payment->created_at->format('Y-m-d') }}</span><span class="fw-semibold">{{ money($payment->amount) }}</span>
        </div>
      @empty
        <p class="text-secondary small mb-0">{{ __('app.no_data') }}</p>
      @endforelse
    </div></div>
  </div>
</div>

<div class="modal fade" id="payModal"><div class="modal-dialog"><div class="modal-content">
  <form method="POST" action="{{ route('purchases.payments.store', $purchase) }}">@csrf
    <div class="modal-header"><h6 class="modal-title fw-bold">{{ __('purchases.add_payment') }}</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
    <div class="modal-body row g-3">
      <div class="col-6"><label class="form-label">{{ __('app.amount') }} *</label><input type="number" step="0.01" name="amount" min="0.01" class="form-control" required></div>
      <div class="col-6"><label class="form-label">{{ __('treasury.account') }} *</label>
        <select name="treasury_account_id" class="form-select" required>
          @foreach(\App\Models\TreasuryAccount::where('is_active', true)->get() as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
        </select></div>
    </div>
    <div class="modal-footer"><button class="btn btn-primary">{{ __('app.save') }}</button></div>
  </form>
</div></div></div>
@endsection