@extends('admin.master')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">

                <div class="card mt-3">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h4 class="mb-0">Product List</h4>

                        <a href="{{ route('products.create') }}" class="btn btn-primary">
                            Add Product
                        </a>
                    </div>

                    <div class="card-body">
                        <div class="table-responsive">

                            <table class="table table-bordered table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>SL</th>
                                        <th>Image</th>
                                        <th>Name</th>
                                        <th>Code</th>
                                        <th>Category</th>
                                        <th>Brand</th>
                                        <th>Price</th>
                                        <th>Stock</th>
                                        <th>Colors</th>
                                        <th>Sizes</th>
                                        <th>Status</th>
                                        <th width="250">Action</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse($data as $key => $value)
                                        @php
                                            $firstImage = $value->images->first();
                                            $imagePath = $firstImage
                                                ? str_replace('public/', '', $firstImage->image)
                                                : null;
                                        @endphp

                                        <tr>
                                            <td>{{ $key + 1 }}</td>

                                            <td>
                                                @if ($imagePath && file_exists(public_path($imagePath)))
                                                    <img src="{{ asset($imagePath) }}" width="70" height="60"
                                                        style="object-fit: cover; border-radius: 6px; border: 1px solid #ddd;">
                                                @else
                                                    <div
                                                        style="width:70px;height:60px;border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;">
                                                        <small>No Image</small>
                                                    </div>
                                                @endif
                                            </td>

                                            <td>{{ $value->name }}</td>
                                            <td>{{ $value->product_code }}</td>
                                            <td>{{ $value->category ? $value->category->name : 'N/A' }}</td>
                                            <td>{{ $value->brand ? $value->brand->name : 'N/A' }}</td>

                                            <td>
                                                Regular: {{ $value->regular_price ?? 0 }} <br>
                                                Discount: {{ $value->discount_price ?? 0 }}
                                            </td>

                                            <td>{{ $value->stock }}</td>

                                            <td>
                                                @forelse($value->colors as $color)
                                                    <span class="badge bg-light text-dark border">
                                                        {{ $color->colorName }}
                                                    </span>
                                                @empty
                                                    N/A
                                                @endforelse
                                            </td>

                                            <td>
                                                @forelse($value->sizes as $size)
                                                    <span class="badge bg-info">
                                                        {{ $size->sizeName }}
                                                    </span>
                                                @empty
                                                    N/A
                                                @endforelse
                                            </td>

                                            <td>
                                                @if ($value->status == 1)
                                                    <span class="badge bg-success">Active</span>
                                                @else
                                                    <span class="badge bg-danger">Inactive</span>
                                                @endif
                                            </td>

                                            <td>
                                                <a href="{{ route('products.show', $value->id) }}"
                                                    class="btn btn-sm btn-info">
                                                    Show
                                                </a>
                                                <a href="{{ route('products.edit', $value->id) }}"
                                                    class="btn btn-sm btn-warning">
                                                    Edit
                                                </a>

                                                @if ($value->status == 1)
                                                    <form action="{{ route('products.inactive') }}" method="POST"
                                                        class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="hidden_id" value="{{ $value->id }}">
                                                        <button type="submit"
                                                            class="btn btn-sm btn-secondary">Inactive</button>
                                                    </form>
                                                @else
                                                    <form action="{{ route('products.active') }}" method="POST"
                                                        class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="hidden_id" value="{{ $value->id }}">
                                                        <button type="submit"
                                                            class="btn btn-sm btn-success">Active</button>
                                                    </form>
                                                @endif

                                                <form action="{{ route('products.destroy') }}" method="POST"
                                                    class="d-inline"
                                                    onsubmit="return confirm('Are you sure you want to delete this product?');">
                                                    @csrf
                                                    <input type="hidden" name="hidden_id" value="{{ $value->id }}">
                                                    <button type="submit" class="btn btn-sm btn-danger">
                                                        Delete
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="12" class="text-center">No product found</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection