@extends('layouts.app')


@push('css')

@endpush
@section('content')
    @include('includes.bread_crumb_with_header', [
      'header' => 'Product import log',
      'bread_crumbs' => ['Dashboard' => ""],
  ])
    <div class="card" style="margin-left: 35px; margin-right: 35px;">
        <div class="card-body ">
            <!--begin::Navs-->
            <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ route('products.index') }}">Products</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('products/recommended') }}">Recommended  <i class="fa-solid fa-crown text-warning fs-5 " style="position: absolute; top:40px; transform: rotate(-20deg); margin-left: -8px;" data-bs-toggle="tooltip" data-bs-delay-show="500" data-bs-placement="right" aria-label="Upgrade" data-kt-initialized="1"></i></a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('products/imported') }}">Imported</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5 active"
                       href="{{ url('/products/import_error_log/show') }}">Product import log</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('/products/revise_log/show') }}">Product revise log</a>
                </li>
            </ul>
        </div>
    </div>


    <div class="card h-xl-100 m-10 p-5">
        <table class="table" style="border-spacing: 100px;">
            <thead>
            <tr class="text-center text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                <th>#</th>
                <th>Product name</th>
                <th class="w-25">Date & Time</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            {{--         {{   dd($import_error_log)}}--}}
            @foreach($import_error_log as $index => $log)

                @php
                    $messageObj = json_decode($log['error_message']);
                    $type = gettype($messageObj);
                @endphp
                <tr class="invisible">
                    <td>spacing</td>
                    <td>spacing</td>
                    <td>spacing</td>
                    <td>spacing</td>
                </tr>
                @if($log->error_type == "Failure")
                    <tr class="text-center table-danger">
                        <td><span class="badge badge-danger">{{ $log->error_type }}</span></td>
                @else
                    <tr class="text-center table-warning">
                        <td>
                            <span class="badge badge-warning m-1">Warning</span>
                            <span class="badge badge-primary m-1">Imported</span>
                        </td>
                        @endif
                        <td>{{ $log->products->title }}</td>
                        <td>{{ $log['created_at'] }}</td>
                    </tr>
                    <tr class="error-message-table">
                        <td colspan="4">
                            <table class="table mb-0 error-message-table w-75" style="height: 0px; margin-left: 15%;">
                                <tbody>

                                @if(is_array($messageObj))
                                    @foreach($messageObj as $messages)

                                        <tr class="table-light">
                                            <th scope="row"></th>
                                            <td style="text-align: left !important;">
                                                @isset($messages->LongMessage)
                                                    {{$messages->LongMessage}}
                                                @endisset
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr class="table-light">
                                        <th scope="row"></th>
                                        <td style="text-align: left !important;">
                                            @isset($messageObj->LongMessage)
                                                {{$messageObj->LongMessage}}
                                            @endisset
                                        </td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr class="invisible">
                        <td>spacing</td>
                        <td>spacing</td>
                        <td>spacing</td>
                        <td>spacing</td>
                    </tr>
                    @endforeach
            </tbody>
        </table>
        {{ $import_error_log->links() }}
    </div>
@endsection
@push('script')

    <script>
        $(document).on('click', '.expand-error-btn', function () {
            let errorMessageRow = $(this).closest('tr').next('.error-message-table');
            if (errorMessageRow.css("display") === "none") {
                errorMessageRow.css("display", "")
                $(this).text("-");
            } else {
                errorMessageRow.css("display", "none");
                $(this).text("+");
            }

        });
    </script>
@endpush