@extends('dashbord.layouts.master')

@section('title', __('products.title'))

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">{{ __('products.title') }}</h1>
        <a href="{{ route('admin.ecommerce.products.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i>{{ __('products.create') }}
        </a>
    </div>

    <!-- Filters -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('admin.ecommerce.products.index') }}">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label for="category_id" class="form-label">{{ __('products.category') }}</label>
                        <select name="category_id" id="category_id" class="form-select">
                            <option value="">{{ __('products.all_categories') }}</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" {{ request('category_id') == $category->id ? 'selected' : '' }}>
                                    {{ $category->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="is_active" class="form-label">{{ __('products.status') }}</label>
                        <select name="is_active" id="is_active" class="form-select">
                            <option value="">{{ __('products.all_status') }}</option>
                            <option value="1" {{ request('is_active') == '1' ? 'selected' : '' }}>{{ __('products.active') }}</option>
                            <option value="0" {{ request('is_active') == '0' ? 'selected' : '' }}>{{ __('products.inactive') }}</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="on_discount" class="form-label">{{ __('products.discount') }}</label>
                        <select name="on_discount" id="on_discount" class="form-select">
                            <option value="">{{ __('products.all_discount') }}</option>
                            <option value="1" {{ request('on_discount') == '1' ? 'selected' : '' }}>{{ __('products.on_discount') }}</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="stock_status" class="form-label">{{ __('products.stock_status') }}</label>
                        <select name="stock_status" id="stock_status" class="form-select">
                            <option value="">{{ __('products.all_stock') }}</option>
                            <option value="in_stock" {{ request('stock_status') == 'in_stock' ? 'selected' : '' }}>{{ __('products.in_stock') }}</option>
                            <option value="low_stock" {{ request('stock_status') == 'low_stock' ? 'selected' : '' }}>{{ __('products.low_stock') }}</option>
                            <option value="out_of_stock" {{ request('stock_status') == 'out_of_stock' ? 'selected' : '' }}>{{ __('products.out_of_stock') }}</option>
                        </select>
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-secondary">
                            <i class="fas fa-filter me-2"></i>{{ __('products.filter') }}
                        </button>
                        <a href="{{ route('admin.ecommerce.products.index') }}" class="btn btn-outline-secondary">
                            {{ __('products.clear') }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Products Table -->
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>{{ __('products.name') }}</th>
                            <th>{{ __('products.category') }}</th>
                            <th>{{ __('products.prices') }}</th>
                            <th>{{ __('products.stock') }}</th>
                            <th>{{ __('products.status') }}</th>
                            <th>{{ __('products.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($products as $product)
                            <tr>
                                <td>
                                    <strong>{{ $product->name }}</strong>
                                    @if($product->hasActiveDiscount())
                                        <span class="badge bg-success">{{ __('products.on_sale') }}</span>
                                    @endif
                                </td>
                                <td>{{ $product->category->name ?? '-' }}</td>
                                <td>
                                    @if($product->digital_price)
                                        <div>{{ __('products.digital') }}: ${{ number_format($product->digital_final_price, 2) }}</div>
                                    @endif
                                    @if($product->physical_price)
                                        <div>{{ __('products.physical') }}: ${{ number_format($product->physical_final_price, 2) }}</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-{{ $product->stockStatus() === 'in_stock' ? 'success' : ($product->stockStatus() === 'low_stock' ? 'warning' : 'danger') }}">
                                        {{ $product->stockLabel() }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-{{ $product->is_active ? 'success' : 'secondary' }}">
                                        {{ $product->is_active ? __('products.active') : __('products.inactive') }}
                                    </span>
                                </td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ route('admin.ecommerce.products.show', $product) }}" class="btn btn-outline-primary">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route('admin.ecommerce.products.edit', $product) }}" class="btn btn-outline-secondary">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        <form action="{{ route('admin.ecommerce.products.destroy', $product) }}" method="POST" class="d-inline">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-outline-danger" onclick="return confirm('{{ __('products.delete_confirm') }}')">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">{{ __('products.no_products') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            {{ $products->links() }}
        </div>
    </div>
</div>
@endsection