@extends('layouts.app')
@section('title', 'Products')
@section('content')
<div class="flex items-center justify-between mb-4">
    <h1 class="text-2xl font-semibold">Products</h1>
    @if(auth()->user()->isAdmin())
    <div class="flex gap-2">
        <form method="POST" action="{{ route('products.import') }}" enctype="multipart/form-data" class="flex items-center gap-2">
            @csrf
            <input type="file" name="file" accept=".csv,text/csv" required class="text-sm">
            <button class="bg-slate-700 text-white px-3 py-2 rounded text-sm">Import CSV</button>
        </form>
        <a href="{{ route('products.create') }}" class="bg-slate-900 text-white px-4 py-2 rounded">+ New</a>
    </div>
    @endif
</div>
<form class="mb-4"><input name="q" value="{{ $q }}" placeholder="Search code/name…" class="border rounded px-3 py-2 w-64"></form>
<div class="bg-white rounded-xl shadow-sm">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-left text-slate-500"><tr><th class="p-3">Image</th><th>Code</th><th>Name</th><th>Unit</th><th>Mode</th><th class="text-right">Price</th><th></th></tr></thead>
        <tbody>
        @foreach($products as $p)
            <tr class="border-t">
                <td class="p-2">@if($p->image_path)<img src="{{ asset('storage/'.$p->image_path) }}" class="h-10 w-10 object-cover rounded">@endif</td>
                <td class="font-mono">{{ $p->code }}</td>
                <td>{{ $p->name }}</td>
                <td>{{ $p->unit_type }}</td>
                <td><span class="text-xs px-2 py-0.5 bg-slate-100 rounded">{{ $p->quantity_mode }}</span></td>
                <td class="text-right">{{ number_format($p->unit_price, 2) }}</td>
                <td class="text-right pr-3">
                    @if(auth()->user()->isAdmin())
                        <a href="{{ route('products.edit', $p) }}" class="text-indigo-600">Edit</a>
                        <form method="POST" action="{{ route('products.destroy', $p) }}" class="inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="text-rose-600 ml-2">Delete</button></form>
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $products->links() }}</div>
<p class="text-xs text-slate-500 mt-2">CSV columns: <code>code,name,description,unit_type,quantity_mode,unit_price,model</code></p>
@endsection