@extends( 'backend.layouts.app' )

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

@section('CSSLibraries')
    <style>
        span.label{
            font-size: 14px;
        }
    </style>
@endsection

@section('JSLibraries')
@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']) }} Detail</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <dl class="dl-horizontal viewModule">

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

                        <dt>Name</dt>
                        <dd>{{ $record->name }}</dd>

                        <dt>Type</dt>
                        <dd>{{ ucfirst($record->type ) }}</dd>

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

                        <dt>Gender Matches</dt>
                        <dd>
                            @foreach($record->getGenderMatches() as $match)
                                <span class="label label-default">{{ $match['name'] }}</span>
                            @endforeach
                        </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