@extends('layouts.app')
@section('title','Items / Services | BASCORE')
@section('content')
<div class="toolbar"><div><h1 class="page-title">Items / Services</h1><div class="page-subtitle">Reusable ELV, ICT and installation services.</div></div><a class="btn btn-primary" href="{{ route('items.create') }}">Add Item</a></div>
<div class="card card-pad">
    <form class="filterbar" method="get"><input class="form-control" style="max-width:340px" name="search" value="{{ request('search') }}" placeholder="Search services"><button class="btn btn-dark">Search</button></form>
    <div class="table-wrap" style="margin-top:16px"><table><thead><tr><th>Item</th><th>Description</th><th>Unit</th><th>Unit Price</th><th>VAT</th><th>Actions</th></tr></thead><tbody>
        @forelse($items as $item)
            <tr><td><strong>{{ $item->item_name }}</strong></td><td>{{ $item->description }}</td><td>{{ $item->unit }}</td><td>AED {{ number_format($item->unit_price,2) }}</td><td>{{ $item->vat_applicable ? 'Yes' : 'No' }}</td><td class="actions"><a class="btn btn-sm btn-light" href="{{ route('items.edit',$item) }}">Edit</a><form method="post" action="{{ route('items.destroy',$item) }}" data-confirm="Delete this item?">@csrf @method('delete')<button class="btn btn-sm btn-danger">Delete</button></form></td></tr>
        @empty<tr><td colspan="6" class="empty">No service items yet.</td></tr>@endforelse
    </tbody></table></div>{{ $items->links() }}
</div>
@endsection