@extends('reda-integraciones::layout_bridge')

@section('contenido_del_plugin')

<div class="container-fluid">

    <div class="card border-0 shadow-sm">

        <div class="card-header bg-white d-flex justify-content-between align-items-center">

            <div>
                <h4 class="mb-0">
                    Synchronization History
                </h4>

                <small class="text-muted">
                    Mercado Libre sync logs
                </small>
            </div>

            <a href="{{ route('reda.integraciones.mercado_libre.admin.importadores.index') }}"
               class="btn btn-outline-secondary">

                Back
            </a>

        </div>

        <div class="card-body p-0">

            <table class="table table-hover mb-0">

                <thead class="table-light">
                    <tr>
                        <th>Type</th>
                        <th>Status</th>
                        <th>Inserted</th>
                        <th>Updated</th>
                        <th>Execution</th>
                        <th>Message</th>
                        <th>Date</th>
                    </tr>
                </thead>

                <tbody>

                @forelse($history as $item)

                    <tr>

                        <td>
                            {{ ucfirst($item->sync_type) }}
                        </td>

                        <td>

                            @if($item->status == 'success')

                                <span class="badge bg-success">
                                    Success
                                </span>

                            @else

                                <span class="badge bg-danger">
                                    Failed
                                </span>

                            @endif

                        </td>

                        <td>
                            {{ number_format($item->inserted_count) }}
                        </td>

                        <td>
                            {{ number_format($item->updated_count) }}
                        </td>

                        <td>
                            {{ $item->execution_time }}s
                        </td>

                        <td>
                            {{ $item->message }}
                        </td>

                        <td>
                            {{ \Carbon\Carbon::parse($item->created_at)->format('d M Y h:i A') }}
                        </td>

                    </tr>

                @empty

                    <tr>
                        <td colspan="7" class="text-center py-4">
                            No history found
                        </td>
                    </tr>

                @endforelse

                </tbody>

            </table>

        </div>

        @if($history->count())

            <div class="card-footer bg-white">
                {{ $history->links() }}
            </div>

        @endif

    </div>

</div>

@endsection