@extends('admin.layout.app')

@section('content')
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1 class="pull-left">
                {{ $title }} Details
            </h1>
            <p>&nbsp;</p>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-6 col-xs-offset-3">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">Details</h3>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <table class="table table-bordered">
                                <thead>
								<tr>
                                    <th width="30%">Title</th>
                                    <td width="70%">{{ $record['title'] }}</td>
                                </tr>
								<tr>
                                    <th width="30%">Description</th>
                                    <td width="70%">{{ $record['description'] }}</td>
                                </tr>
                                <tr>
                                    <th width="30%">Status</th>
                                    <td width="70%">{{ $record['status'] }}</td>
                                </tr>
                                <tr>
                                    <th width="30%">Image</th>
                                    <td width="70%"><img src="{{ $record['image_url'] }}" width="250"/></td>
                                </tr>
                                </thead>

                            </table>
                        </div>
                        <div class="box-footer">
                            <a href="{{ route($route.'index') }}" type="submit" class="btn btn-default pull-left">Back</a>
                        </div>
                    </div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
    </div>
@endsection