@extends('_front.master')

@section('extra_css')
    <link rel="stylesheet" href="{{ asset('assets/vendors/bootstrap-datepicker-1.6.1/css/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/vendors/lightbox2/dist/css/lightbox.min.css') }}">
@endsection

@section('extra_js')
    <script src="{{ asset('assets/vendors/lightbox2/dist/js/lightbox.min.js') }}"></script>
    <script src="{{ asset('assets/vendors/bootstrap-datepicker-1.6.1/js/bootstrap-datepicker.min.js') }}"></script>

@endsection

@section('content')
    @include('_front.inc.header')
    <section class="">
            @if($posts)
                @foreach($posts as $post)
                    <div class="col-md-3"><a href="{{ url($post->post_content) }}" data-lightbox="image-{{$post->id}}" data-title="My caption"><img src="{{ url($post->post_content) }}" class="img-responsive"></a></div>
                @endforeach
            @endif
    </section>

    @include('_front.inc.footer')
@endsection