{{-- resources/views/google-merchant-feed/index.blade.php --}}

@extends('layouts.layout')

@section('content')
<div class="page-body">
    <div class="container-fluid">

        <div class="card mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="mb-0">
                    Google Merchant Feed
                    <span class="badge badge-primary">
                        {{ number_format($feeds->total()) }}
                    </span>
                </h4>

                <a href="{{ route('google-merchant-feed.sync') }}"
                   class="btn btn-primary"
                   onclick="return confirm('Sync Google Merchant Feed?')">
                    Sync Products
                </a>
            </div>
        </div>

        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        {{-- Summary --}}
        <div class="row mb-3">

            @foreach($productTypeCounts as $type => $count)
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body text-center py-3">
                            <div class="text-muted small mb-1">
                                {{ $type }}
                            </div>

                            <h3 class="mb-0">
                                {{ number_format($count) }}
                            </h3>
                        </div>
                    </div>
                </div>
            @endforeach

        </div>

        {{-- Products --}}
        <div class="card">
            <div class="card-body">

                <div class="table-responsive">

                    <table class="table table-sm table-bordered align-middle">

                        <thead>
                            <tr>
                                <th width="70">Image</th>
                                <th>SKU</th>
                                <th>Title</th>
                                <th>Type</th>
                                <th width="120">Price</th>
                                <th width="110">Status</th>
                                <th width="180">Updated</th>
                            </tr>
                        </thead>

                        <tbody>

                            @forelse($feeds as $feed)

                                <tr>

                                    <td>
                                        @if($feed->image_link)
                                            <img src="{{ $feed->image_link }}"
                                                 style="width:50px;height:50px;object-fit:cover"
                                                 class="img-thumbnail">
                                        @endif
                                    </td>

                                    <td>
                                        {{ $feed->product_id }}
                                    </td>

                                    <td>
                                        <a href="{{ $feed->link }}" target="_blank">
                                            {{ $feed->title }}
                                        </a>
                                    </td>

                                    <td>
                                        {{ $feed->product_type }}
                                    </td>

                                    <td>
                                        ${{ number_format($feed->price, 2) }}
                                    </td>

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

                                    <td>
                                        {{ optional($feed->updated_at)->format('d M Y h:i A') }}
                                    </td>

                                </tr>

                            @empty

                                <tr>
                                    <td colspan="7" class="text-center">
                                        No products found.
                                    </td>
                                </tr>

                            @endforelse

                        </tbody>

                    </table>

                </div>

                <div class="mt-3">
                    {{ $feeds->links() }}
                </div>

            </div>
        </div>

    </div>
</div>
@endsection