@extends('layouts.app')
@section('title', __('frames.frames'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('frames.frames') }}</h5>
  <a href="{{ route('frames.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ __('frames.add') }}</a>
</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="brand_id" class="form-select" onchange="this.form.submit()">
        <option value="">{{ __('frames.brand') }} — {{ __('app.all') }}</option>
        @foreach($brands as $brand)<option value="{{ $brand->id }}" @selected(request('brand_id')==$brand->id)>{{ $brand->name }}</option>@endforeach
      </select>
    </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>{{ __('frames.barcode') }}</th><th>{{ __('frames.frame') }}</th><th>{{ __('frames.type') }}</th><th>{{ __('frames.sale_price') }}</th><th>{{ __('frames.stock') }}</th><th></th></tr></thead>
    <tbody>
      @forelse($frames as $frame)
      <tr>
        <td><span class="badge text-bg-light">{{ $frame->barcode }}</span></td>
        <td class="fw-semibold">{{ $frame->display_name }}</td>
        <td>{{ $frame->type === 'medical' ? __('frames.medical') : __('frames.sun') }}</td>
        <td>{{ money($frame->sale_price) }}</td>
        <td>@php $q = $frame->stockIn(); @endphp<span class="badge text-bg-{{ $q <= $frame->min_qty ? 'danger' : 'success' }}">{{ $q }}</span></td>
        <td class="text-end">
          <a href="{{ route('frames.barcode', $frame) }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="{{ __('frames.print_barcode') }}"><i class="bi bi-upc"></i></a>
          <a href="{{ route('frames.edit', $frame) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
        </td>
      </tr>
      @empty
      <tr><td colspan="6" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $frames->links() }}
</div></div>
@endsection