@include('auth.header')

<div class="main-content">

    <div class="content">
    <div class="tab-menu">
            <a href="{{ url('products') }}" style="display: contents;">
                <div class="tab ">
                    <i class="fas fa-file-invoice"></i> New Product
                </div>
            </a>

            <a href="{{ url('product-list') }}" style="display: contents;">
                <div class="tab active-submenu">
                    <i class="fas fa-search"></i> Product List
                </div>
            </a>

            <a href="{{ url('generics') }}" style="display: contents;">
                <div class="tab">
                    <i class="fas fa-user-clock"></i> Generics
                </div>
            </a>

            <a href="{{ url('therapeutics') }}" style="display: contents;">
                <div class="tab">
                    <i class="fas fa-user-clock"></i> Therapeutics
                </div>
            </a>

        </div>

<div class="container">
    <h2>PRODUCTS LIST</h2>
<br>
    <table class="excel-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>Brand Name</th>
                <th>Generic Name</th>
                <th>Therapeutic</th>
                <th>Dosage Form</th>
                <th>Top</th>
                <th>Edit</th>
                <th>Delete</th>
            </tr>
        </thead>
        <tbody>
            @forelse($products as $product)
            <tr>
                <td>{{ $product->id }}</td>
                <td>{{ $product->brand_name }}</td>
                <td>{!! $product->generic_name !!}</td>
                <td>{{ $product->therapeutic }}</td>
                <td>{{ ucfirst($product->dosage_form) }}</td>
                <td>{{ $product->top }}</td>
                <td>
                <a class="button green" href="{{ route('products.edit', $product->id) }}">Edit</a>
                </td>
                <td>
                <form method="POST" action="{{ route('delete.product', $product->id) }}" onsubmit="return confirm('Are you sure you want to delete this product?');">
                @csrf
                @method('DELETE')
                <button class="button red" type="submit">Delete</button>
                </form>            
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6" style="text-align: center;">No products found.</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>     

    </div>
</div>

@include('auth.footer')