@extends( 'backend.layouts.app' )

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

@section('CSSLibraries')
    <link href="{{ backend_asset('plugins/colorbox/colorbox.css') }}" rel="stylesheet">
    <style>
        span.label{
            font-size: 14px;
        }
    </style>
@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']) }} Detail</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <dl class="dl-horizontal viewModule">

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

                        <dt>Movie</dt>
                        <dd>{{ $record->movie->name }}</dd>

                        <dt>Theater</dt>
                        <dd>{{ $record->theater->name }}</dd>

                        <dt>Show Date</dt>
                        <dd>{!! $record->date->format(constants('back.theme.modules.date_format')) !!}</dd>

                        <dt>Day</dt>
                        <dd>{{ $record->day }}</dd>

                        <dt>Location</dt>
                        <dd>{{ $record->theater->location }}</dd>

                        <dt>Duration</dt>
                        <dd>{{ $record->movie->duration }} minutes</dd>

                        <dt>Rating</dt>
                        <dd>{{ $record->movie->rating }}</dd>

                        <dt>Show Times</dt>
                        <dd>
                            @foreach($record->times as $showTime)
                                <span class="label label-default">{{ \Carbon\Carbon::parse($showTime->time)->format('h:i a') }}</span>
                            @endforeach
                        </dd>

                        <dt>Poster</dt>
                        <dd style="margin-top: 10px">
                            <a href="{{ $record->movie->poster }}" class="cboxImages">
                                <img src="{{ $record->movie->poster }}" alt="poster" class="img-responsive" style="max-width: 150px;max-height: 200px">
                            </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