@extends('layouts.app')
@section('title', __('frames.brands'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('frames.brands') }}</h5>
<div class="row g-3">
  <div class="col-md-4">
    <div class="card"><div class="card-body">
      <h6 class="fw-bold">{{ __('app.add') }}</h6>
      <form method="POST" action="{{ route('brands.store') }}" class="row g-2">@csrf
        <div class="col-12"><input name="name" class="form-control" placeholder="{{ __('app.name') }}" required></div>
        <div class="col-12">
          <select name="type" class="form-select">
            <option value="both">{{ __('frames.frames') }} + {{ __('lenses.lenses') }}</option>
            <option value="frame">{{ __('frames.frames') }}</option>
            <option value="lens">{{ __('lenses.lenses') }}</option>
          </select>
        </div>
        <div class="col-12"><button class="btn btn-primary w-100">{{ __('app.save') }}</button></div>
      </form>
    </div></div>
  </div>
  <div class="col-md-8">
    <div class="card"><div class="card-body">
      <table class="table table-hover align-middle">
        <thead><tr><th>{{ __('app.name') }}</th><th>{{ __('app.type') }}</th><th></th></tr></thead>
        <tbody>
          @forelse($brands as $brand)
          <tr>
            <td class="fw-semibold">{{ $brand->name }}</td>
            <td><span class="badge text-bg-light">{{ $brand->type }}</span></td>
            <td class="text-end">
              <form method="POST" action="{{ route('brands.destroy', $brand) }}" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
              </form>
            </td>
          </tr>
          @empty
          <tr><td colspan="3" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
          @endforelse
        </tbody>
      </table>
      {{ $brands->links() }}
    </div></div>
  </div>
</div>
@endsection