@extends('layouts.app')
@section('title', __('purchases.purchases'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('purchases.purchases') }}</h5>
  <a href="{{ route('purchases.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ __('purchases.add') }}</a>
</div>
<div class="card"><div class="card-body">
  <form class="row g-2 mb-3">
    <div class="col-md-3">
      <select name="supplier_id" class="form-select" onchange="this.form.submit()">
        <option value="">{{ __('suppliers.supplier') }} — {{ __('app.all') }}</option>
        @foreach($suppliers as $supplier)<option value="{{ $supplier->id }}" @selected(request('supplier_id')==$supplier->id)>{{ $supplier->name }}</option>@endforeach
      </select>
    </div>
    <div class="col-md-2"><input type="date" name="from" value="{{ request('from') }}" class="form-control"></div>
    <div class="col-md-2"><input type="date" name="to" value="{{ request('to') }}" class="form-control"></div>
    <div class="col-auto"><button class="btn btn-outline-primary">{{ __('app.filter') }}</button></div>
  </form>
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('app.number') }}</th><th>{{ __('app.date') }}</th><th>{{ __('suppliers.supplier') }}</th><th>{{ __('app.total') }}</th><th>{{ __('app.paid') }}</th><th>{{ __('app.due') }}</th><th></th></tr></thead>
    <tbody>
      @forelse($purchases as $purchase)
      <tr>
        <td><a href="{{ route('purchases.show', $purchase) }}" class="fw-semibold text-decoration-none">{{ $purchase->number }}</a></td>
        <td>{{ $purchase->date->format('Y-m-d') }}</td>
        <td>{{ $purchase->supplier->name ?? '' }}</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>
        <td class="text-end"><a href="{{ route('purchases.show', $purchase) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-eye"></i></a></td>
      </tr>
      @empty
      <tr><td colspan="7" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $purchases->links() }}
</div></div>
@endsection