@extends('layout.front')

@section('css_page_level')
@endsection
@section('page-content')
            <!-- CONTENT -->
            <div class="wrap-fluid" id="paper-bg">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                    <a class="btn btn-info" href="{{action('FrontController@inst_order_view')}}">@lang('messages.check_book_form')</a>
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i> 
                                    <span>@lang('messages.reserve_facility')</span>
                                </h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <!-- /.box-body -->
                                <div class="row">
                                    @foreach($insts as $one)
                                    <div class="col-md-3 portfolio-item">
                                        <a href="{{action('FrontController@inst_order',['inst_id'=>$one->id])}}">
                                            @if($one->cover_img != '')
                                            <img class="img-responsive" src="{{$one->cover_img}}?fit_w=700&fit_h=400" alt="">
                                            @else
                                            <img class="img-responsive" src="http://placehold.it/700x400" alt="">
                                            @endif
                                        </a>
                                        <h3>
                                            <a href="{{action('FrontController@inst_order',['inst_id'=>$one->id])}}">{{$one->name}}</a>
                                        </h3>
                                    </div>
                                    @endforeach
                                   
                                </div>
                                
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                </div>


            </div>
            <!-- #/paper bg -->
@endsection