@extends('ATCore::atcore_layout')

@section('content')
@if ($parentObject)
@include($bladePath.'/parent')
@endif

    <!-- 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">
            @if ($parentObject)
            <a href="{{ route($routeName.'.edit', $result->id) }}?{{$parentForeignKey}}={{$parentObject->id}}" class="btn btn-info">Editar {{ $singularName }} </a>
            <a href="{{ route($routeName.'.index') }}?{{$parentForeignKey}}={{$parentObject->id}}" class="btn btn-secondary">Volver </a>
            @elseif (!isset($parentForeignKey))
            <a href="{{ route($routeName.'.edit', $result->id) }}" class="btn btn-info">Editar {{ $singularName }} </a>
            <a href="{{ route($routeName.'.index') }}" class="btn btn-secondary">Volver </a>
            @endif
        </div>
    </div>

@stop