@extends('ATCore::atcore_layout')

@section('atplus_main_content')
    <!-- general form elements -->
    <div class="card card-secondary">
      <div class="card-header">
        <h3 class="card-title">{{ $showName }}</h3>
      </div>
      <!-- /.card-header -->
      <!-- form start -->

      <div class="card-body" id="app">
        <div class=table-responsive> 
            <table class="table"> 
                <colgroup> 
                    <col class=col-xs-3> 
                    <col class=col-xs-9> 
                </colgroup>
                <tbody>
                    @foreach ($columns as $colInput)
                    @if ($colInput->getType() == 'image')
                    <tr>
                        <td scope=row>{{$colInput->getLabel()}}</td><th><img src="{{ $result->getFirstMedia()->getUrl() }}"  width="400px"></th>
                    </tr>
                    @else
                    <tr>
                        <td scope=row>{{$colInput->getLabel()}}</td><th>{{$result->getNestedProperty($colInput->getId())}}</th>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>         
        
    </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <a href="{{ route($routeName.'.edit', $result->id) }}" class="btn btn-info">Editar Rol </a>
            <a href="{{ route($routeName.'.index') }}" class="btn btn-secondary">Volver </a>
        </div>
    </div>

@stop

@section('atplus_main_js')
<script>

</script>
@stop