@extends('layouts.app')

@section('content')
<div style="padding:30px;">
    <h2 style="color:#1f7a4c;">📦 Data Produk</h2>

    <div style="margin:15px 0; display:flex; gap:10px; align-items:center; flex-wrap:wrap;">

        <a href="/produk/create" style="padding:10px 15px;background:#1f7a4c;color:white;text-decoration:none;border-radius:6px;font-weight:bold;">
            + Tambah Produk
        </a>

        <form action="{{ route('produk.import') }}" method="POST" enctype="multipart/form-data" style="display:flex; gap:8px; align-items:center;">
            @csrf
            <input type="file" name="file" required style="border:1px solid #ccc;padding:6px;border-radius:5px;background:white;">
            <button type="submit" style="padding:9px 14px;background:#0d6efd;color:white;border:none;border-radius:6px;cursor:pointer;">
                📥 Import Excel
            </button>
        </form>
    </div>

    {{-- 🔍 SEARCH --}}
    <form method="GET" action="/produk" style="margin-bottom:15px; display:flex; gap:10px; align-items:center;">
        <input type="text" name="search" placeholder="Cari nama atau barcode..." value="{{ request('search') }}"
            style="padding:8px 12px;border-radius:6px;border:1px solid #ccc;width:250px;">
        <button type="submit" style="padding:8px 14px;background:#1f7a4c;color:white;border:none;border-radius:6px;cursor:pointer;">
            🔍 Cari
        </button>
        @if(request('search'))
            <a href="/produk" style="color:red;text-decoration:none;font-weight:bold;">Reset</a>
        @endif
    </form>

    @if(session('success'))
        <p style="color:green;font-weight:bold;">{{ session('success') }}</p>
    @endif

    <table width="100%" style="background:white;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.05);border-collapse:collapse;overflow:hidden;font-size:14px;">
        <thead>
            <tr style="background:#1f7a4c;color:white;text-align:center;">
                <th style="padding:12px;">Nama</th>
                <th style="padding:12px;">Barcode</th>
                <th style="padding:12px;">Harga Beli</th>
                <th style="padding:12px;">Harga Jual</th>
                <th style="padding:12px;">Profit</th>
                <th style="padding:12px;">Stok</th>
                <th style="padding:12px;">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse($products as $p)
            @php
                $purchase = $p->purchase_price ?? 0;
                $sell = $p->price ?? 0;
                $profit = $sell - $purchase;
            @endphp
            <tr style="border-bottom:1px solid #eee;" onmouseover="this.style.background='#f9f9f9'" onmouseout="this.style.background='white'">
                <td style="padding:12px;">{{ $p->name }}</td>
                <td style="padding:12px;text-align:center;">{{ $p->barcode }}</td>
                <td style="padding:12px;text-align:center;">Rp {{ number_format($purchase, 0, ',', '.') }}</td>
                <td style="padding:12px;text-align:center;">Rp {{ number_format($sell, 0, ',', '.') }}</td>
                <td style="padding:12px;text-align:center;font-weight:bold;color: {{ $profit >= 0 ? '#1f7a4c' : 'red' }};">
                    Rp {{ number_format($profit, 0, ',', '.') }}
                </td>
                <td style="padding:12px;text-align:center;">{{ $p->stock }}</td>
                <td style="padding:12px;text-align:center;">
                    <a href="/produk/{{ $p->id }}/edit" style="color:#1f7a4c;font-weight:bold;text-decoration:none;">Edit</a> 
                    <form action="/produk/{{ $p->id }}" method="POST" style="display:inline">
                        {{-- @csrf  
                        @method('DELETE')
                        <button type="submit" style="color:red;border:none;background:none;cursor:pointer;font-weight:bold">Hapus</button> --}}
                    </form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" style="padding:15px;text-align:center;color:#888;">Produk tidak ditemukan</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection