@extends('admin.layouts.main')
@section('title', 'Products')
@section('menu', 'Products')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-8">
                <form action="{{ route('admin.products.index') }}" method="GET" class="form-inline">
                    <select name="type" class="form-control form-control-sm mr-2">
                        <option value="">All Types</option>
                        @foreach(['hosting','domain_register','domain_transfer','ssl','recurring_service','one_time'] as $t)
                            <option value="{{ $t }}" {{ request('type') === $t ? 'selected' : '' }}>{{ ucwords(str_replace('_',' ',$t)) }}</option>
                        @endforeach
                    </select>
                    <input type="text" name="search" class="form-control form-control-sm mr-2" placeholder="Search..." value="{{ request('search') }}">
                    <button class="btn default btn-sm mr-2"><i class="fa fa-search"></i></button>
                </form>
            </div>
            <div class="col-md-4 text-right">
                <a type="button" class="btn btn-warning" href="{{ route('admin.products.create') }}"><i class="fa fa-plus-square"></i> Add Product</a>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr><th>ID</th><th>Name</th><th>Type</th><th>Group</th><th>Active</th><th>Visibility</th><th>Featured</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($products as $product)
                <tr>
                    <td>{{ $product->id }}</td>
                    <td>{{ $product->name }}</td>
                    <td><span class="label label-sm label-info">{{ ucwords(str_replace('_',' ',$product->type)) }}</span></td>
                    <td>{{ $product->group->name ?? '-' }}</td>
                    <td><span class="label label-sm label-{{ $product->is_active ? 'success' : 'secondary' }}">{{ $product->is_active ? 'Yes' : 'No' }}</span></td>
                    <td>
                        @if($product->order_type === 'admin_only')
                            <span class="label label-sm label-warning">Admin Only</span>
                        @else
                            <span class="label label-sm label-primary">Storefront</span>
                        @endif
                    </td>
                    <td>{{ $product->is_featured ? 'Yes' : '-' }}</td>
                    <td>
                        <a href="{{ route('admin.products.show', $product) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i></a>
                        <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-sm green"><i class="fa fa-edit"></i></a>
                        <form action="{{ route('admin.products.destroy', $product) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this product?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm red"><i class="fa fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center font-grey-mint">No products yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($products->hasPages())<div class="panel-footer">{{ $products->links() }}</div>@endif
</div>
@endsection