@extends('layouts.app')

@section('sidebar')
@include('sidebar')
@stop
@section('content')
<div class="m-content">

    <div class="m-portlet m-portlet--full-height ">
        <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        Excel history ({{$record->selectapi}}) <br>
                        Added By ( {{$record->name}}  {{$record->created_at}} )
                    </h3>
                </div>
            </div>

            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        <a href="/excel-file" class="btn btn-primary">Back</a>
                    </h3>
                </div>
            </div>
        </div>
        <div class="m-portlet__body">
            @php $jsons = json_decode($record->json, TRUE); 

            @endphp
          <table class="m_datatable table table-striped- table-bordered table-hover table-checkable" id="detailsTable">
            @if(count($jsons) > 0)
                <thead><tr>@foreach(array_keys($jsons[0]) as $key)<th>{{ $key }}</th>@endforeach</tr></thead>
                <tbody>@foreach($jsons as $json)<tr @if($json['status'] == 'success')style="color:green"@elseif($json['status'] == 'fail')style="color:red"@endif>@foreach($json as $value)<td>{{ $value }}</td>@endforeach</tr>@endforeach</tbody>
            @else
                <tr><td colspan="{{ count($jsons) }}">No data available</td></tr>
            @endif
        </table>
        
        </div>
    </div>
</div>
@endsection

@section('script')
{{ Html::script('custom/datatables/datatables.bundle.js') }}
<script type="text/javascript">

$(document).ready(function() {


    $('#detailsTable').DataTable({
        'responsive': true,
    });
});
   

		
</script>
@endsection