@extends('adminlte::page')

@section('title', 'HeroLegend')

@section('content_header')
    <!-- <h1>Dashboard</h1> -->
@stop

@section('css')
    <style>
        .list-group-item strong {
            margin-right: 10px;
        }
    </style>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            @include('layouts.message')
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Config <b>"{{$config->key}}"</b></h3>
                </div>
                <div class="box-body">
                    <a href="{{route('configs.index')}}" title="Back">
                        <button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back
                        </button>
                    </a>
                    <br><br>
                    <div class="card">
                        <ul class="list-group list-group-flush ">
                            <li class="list-group-item" style="border: none;">
                                <strong>Key:</strong> {{$config->key}}
                            </li>
                            <li class="list-group-item" style="border: none">
                                <strong>Description:</strong> {{isset($config->description) ? $config->description: ""}}
                            </li>
                            <li class="list-group-item" style="border: none">
                                <strong>Data:</strong>
                                <div class="table-responsive">
                                    <table class="table table-borderless">
                                        <tbody>
                                        @foreach ($config->data as $i => $item)
                                        <tr>
                                            <th>{{$config->order_key}} 
                                            {{isset($item[$config->order_key]) ? $item[$config->order_key] : $i}}</th>
                                            <td>
                                                {{json_decode($item)}}
                                            </td>
                                        </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
            
                            </li>
                        </ul>
                    </div>
                    
                </div>

            </div>
        </div>
    </div>
@stop