@extends ('backend.layouts.app')

@section('title', 'Table Data')

@section('page-header')
<h1>Data related to (<b>{{ $table }}</b>)</h1>
@endsection

@section('content')
<div class="box box-info">
    <div class="box-header with-border">
        <!-- <h3 class="box-title">Data related to (<b>{{ $table }}</b>)</h3> -->
        <a href="{{ route('admin.dbmanager.viewtabledata', $table) }}" class="btn btn-primary btn-sm gotoTBL">
            Return
        </a>
    </div>
    <!--box-header with-border-->

    <div class="box-body">
        <div class="table-responsive data-table-wrapper">
            <table id="dbtable-table" class="table table-condensed table-hover table-bordered">
                <thead>
                    <tr>
                        <th>Column Name</th>
                        <th>Value</th>
                    </tr>
                </thead>
                <tbody>
                @if( !empty($rowData) )
                    @foreach($rowData as $tableValue)
                        @foreach($columns as $column)
                        <tr>
                            <td><b>{{$column }}</b></td>
                            <td>{{ $tableValue->$column }}</td>
                        </tr>
                        @endforeach
                    @endforeach
                @endif
                </tbody>
            </table>
        </div>
        <!--table-responsive-->
    </div><!-- /.box-body -->
</div>
@endsection

@section('after-scripts')

<script src="{{ mix('js/dataTable.js') }}"></script>

<script>

$(function() {
    // var dataTable = $('#dbtable-table').dataTable();
});
</script>
@endsection