@php
//print_r($header);
$results_obj = json_decode($results);
//echo "<pre>";
//print_r($results_obj);
//echo "</pre>";

function jsonToDebug($jsonText = '')
{
    $arr = json_decode($jsonText, true);
    $html = "";
    if ($arr && is_array($arr)) {
        $html .= arrayToHtmlTableRecursive($arr);
    }
    return $html;
}

function arrayToHtmlTableRecursive($arr) {
        $str = "<table class='table table-bordered table-hover table-condensed mb-4'><tbody>";
        foreach ($arr as $key => $val) {
            $str .= "<tr>";
            $str .= "<td>$key</td>";
            $str .= "<td>";
            if (is_array($val)) {
                if (!empty($val)) {
                    $str .= arrayToHtmlTableRecursive($val);
                }
            } else {
                $str .= "<strong>$val</strong>";
            }
            $str .= "</td></tr>";
        }
        $str .= "</tbody></table>";

        return $str;
    }

@endphp
<!--
<div class='row'>
    <table class='table table-bordered table-hover table-condensed mb-4'>
        <tbody>
            <tr>
            @foreach($header AS $fieldList)
                @php
                    echo $fieldList;
                @endphp
            @endforeach
            </tr>
        </tbody>
    </table>
</div>
-->
<div class="row">
		@php
			//echo jsonToDebug($results);

            $columns = array();

            echo "<table class='table table-bordered table-hover table-condensed mb-4'><tbody>";
            foreach ($results_obj as $name => $values) {
                echo "<tr><td>$name</td>";
                $row_count=0;
                $total_count=count($header);    // results_obj
                foreach ($values as $k => $v) {
                    $columns[$k] = $k;

                    if($row_count==$total_count)
                    {
                        $pass_array=array("ModuleId"=>$ModuleId,"RowId"=>"$v");
                        @endphp
                        <td>
                            <div class="col-auto py-3">
                            <div class="icon-container">
                                <a style='margin: 5px' href="{{ url('ShowDetailView',$pass_array) }}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></a>
                                <a style='margin: 5px' href="{{ url('ShowEditlView',$pass_array) }}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg></a>
                            </div>
                            </div>
                        </td>
                        @php
                    }
                    else
                    {
                        echo "<td>$v</td>";
                    }

                    $row_count++;
                }
                echo "</tr>";

            }
            $row_count=0;
            echo "</tbody><thead><tr><th>No</th>";
            foreach ($columns as $column) {
                if($row_count==$total_count)
                {
                    echo "<th>Action</th>";
                }
                else
                {
                    echo "<th>$column</th>";
                }
                $row_count++;
            }
            echo "</thead></table>";
        @endphp

    <input type="hidden" name="header" id="header" value="{{$results}}" />
    <br />
    <p id="showData"></p>
</div>
<script type="text/javascript">
$(document).ready(function() {
    /*
        // var header=document.getElementById("header");
        var header=$('#header').val();
        var myBooks = JSON.parse(header);
        // var myBooks=JSON.parse();
        // alert("JSON: "+myBooks);

        // EXTRACT VALUE FOR HTML HEADER. 
        // ('Book ID', 'Book Name', 'Category' and 'Price')
        var col = [];
        for (var i = 0; i < myBooks.length; i++) {
            for (var key in myBooks[i]) {
                if (col.indexOf(key) === -1) {
                    col.push(key);
                }
            }
        }

        // CREATE DYNAMIC TABLE.
        var table = document.createElement("table");

        // CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.

        var tr = table.insertRow(-1);                   // TABLE ROW.

        for (var i = 0; i < col.length; i++) {
            var th = document.createElement("th");      // TABLE HEADER.
            th.innerHTML = col[i];
            tr.appendChild(th);
        }

        // ADD JSON DATA TO THE TABLE AS ROWS.
        for (var i = 0; i < myBooks.length; i++) {

            tr = table.insertRow(-1);

            for (var j = 0; j < col.length; j++) {
                var tabCell = tr.insertCell(-1);
                tabCell.innerHTML = myBooks[i][col[j]];
            }
        }

            // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
        var divContainer = document.getElementById("showData");
        divContainer.innerHTML = "";
        divContainer.appendChild(table);

    */

});
</script>