@extends('layouts.app')
@section('title', __('inventory.inventory'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <h5 class="fw-bold mb-0">{{ __('inventory.inventory') }}</h5>
  <div>
    <a href="{{ route('inventory.adjust') }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-plus-slash-minus"></i> {{ __('inventory.adjust') }}</a>
    <a href="{{ route('inventory.transfer') }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-arrow-left-right"></i> {{ __('inventory.transfer') }}</a>
    <a href="{{ route('inventory.movements') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-clock-history"></i> {{ __('inventory.movements') }}</a>
  </div>
</div>
<div class="card"><div class="card-body">
  <form class="row g-2 mb-3">
    <div class="col-md-4"><input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="{{ __('app.search') }}"></div>
    <div class="col-md-3">
      <select name="branch_id" class="form-select" onchange="this.form.submit()">
        <option value="">{{ __('app.branch') }} — {{ __('app.all') }}</option>
        @foreach($branches as $branch)<option value="{{ $branch->id }}" @selected(request('branch_id')==$branch->id)>{{ $branch->name }}</option>@endforeach
      </select>
    </div>
    <div class="col-auto form-check d-flex align-items-center ms-2">
      <input type="checkbox" name="low" value="1" class="form-check-input me-1" id="low" @checked(request('low')) onchange="this.form.submit()">
      <label for="low" class="form-check-label">{{ __('inventory.low_stock') }}</label>
    </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>{{ __('inventory.item') }}</th><th>{{ __('app.type') }}</th><th>{{ __('frames.barcode') }}</th><th>{{ __('app.quantity') }}</th><th>{{ __('frames.min_qty') }}</th></tr></thead>
    <tbody>
      @forelse($items as $row)
      <tr>
        <td class="fw-semibold">{{ $row['name'] }}</td>
        <td><span class="badge text-bg-light">{{ $row['kind'] }}</span></td>
        <td>{{ $row['barcode'] }}</td>
        <td><span class="badge text-bg-{{ $row['qty'] <= $row['min_qty'] ? 'danger' : 'success' }}">{{ $row['qty'] }}</span></td>
        <td>{{ $row['min_qty'] }}</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>
@endsection