@extends( 'backend.layouts.app' )

@section('title', $moduleProperties['longModuleName'])

@section('CSSLibraries')
    <link href="{{ backend_asset('plugins/colorbox/colorbox.css') }}" rel="stylesheet">
@endsection

@section('JSLibraries')
    <script src="{{ backend_asset('plugins/colorbox/jquery.colorbox-min.js') }}"></script>
@endsection

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>{{ $moduleProperties['longModuleName'] }}
                <a href="{{ backend_url($moduleProperties['controller'].'/edit/'.$record->id) }}" type="button"
                   class="pull-right btn btn-primary btn-flat">Edit {{ str_singular($moduleProperties['shortModuleName']) }}</a>
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">

            @include( 'backend.layouts.notification_message' )

            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">{{ str_singular($moduleProperties['shortModuleName']) }} Details</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <dl class="dl-horizontal viewModule">

                        <dt>Id</dt>
                        <dd>{{ $record->id }}</dd>

                        <dt>Culture</dt>
                        <dd>{{ ucfirst($record->culture) }}</dd>

                        <dt>Question</dt>
                        <dd>{{ $record->text }}</dd>

                        <dt>Type</dt>
                        <dd>{!! $record->checker_text_formatted !!}</dd>

                        <dt>Date Created</dt>
                        <dd>{!! $record->created_at->format(constants('back.theme.modules.datetime_format')) !!}</dd>

                        <dt>Image</dt>
                        <dd>
                            <a class="cboxImages"  href="{{ $record->image_auto }}">
                                <img src="{{ $record->image_auto }}" alt="" style='max-width: 200px;max-height: 150px'>
                            </a>
                        </dd>

                    </dl>
                    <dd>
                        <a href="javascript:void(0)" onclick="window.history.go(-1);" class="pull-right btn btn-primary"
                           type="button">Go back</a>
                    </dd>
                </div>
                <!-- /.box-body -->
            </div>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection

@section('inlineJS')

@endsection