@include('web.common.header')

<div class="section" style="background-color: #f5e28d;margin-top: 80px;">
    <div class="container">
        <div class="title title-yellow">
            Bienvenido a nuestro blog
        </div>
        <div class="section-body">
            <div class="calculate bg-yellow">
                <form action="{{ URL::to('blog') }}" method="get">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-inline" id="form-calculate">
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Palabra a buscar</label>
                                    <input type="text" class="form-control" name="term"
                                        placeholder="Busca una palabra clave" value="{{ old('term',app('request')->input('term')) }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Categoria</label>
                                    <select class="form-control select2" name="filter_category">
                                        <option value="">Seleccionar categoria</option>
                                        @foreach($blog_categories as $blog_category)
                                            <option value="{{ $blog_category->web_blog_category_id }}" @if($blog_category->web_blog_category_id==old('filter_category',app('request')->input('filter_category'))) selected="selected" @endif>{{ $blog_category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <input type="submit" class="btn btn-primary btn-block btn-lg" value="Buscar">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="container">
        <div class="section-body">
            <div class="col-md-8">
                @foreach($blog_entries as $blog_entry)
                <a href="{{ URL::to("blog/".$blog_entry->key) }}">
                    <div class="item-blog">
                        <div class="col-md-4">
                            <div class="item-blog-image img-responsive" 
                            style="background:url('{{ URL::to($blog_entry->image) }}');
                            background-repeat: no-repeat;
                            background-position: center;"></div>
                        </div>
                        <div class="col-md-8">
                            <div class="item-blog-category badge bg-orange">{{ $blog_entry->category_name }}</div>
                            <div class="item-blog-title">{{ $blog_entry->title }}</div>
                            <div class="item-blog-short-description">
                                {{ substr($blog_entry->body, 0, 250) }}...
                            </div>
                        </div>
                        
                    </div>
                </a>
                @endforeach
                <div class="row">
                    @include('admin.common.pagination.default', ['paginator' => $blog_entries])
                </div>
                @if(count($blog_entries)==0)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-warning" role="alert">No se obtuvieron resultados</a></b>.</div>
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-md-4">
                <div class="section-sub-title">
                    Categorias
                </div>
                <div class="categories-container">
                    @foreach($blog_categories as $blog_category)
                        <a href="{{ URL::to("blog/?filter_category=".$blog_category->web_blog_category_id) }}">
                            <div class="item-category">
                                {{ $blog_category->name }}
                            </div>
                        </a>
                    @endforeach
                </div>
                <div class="section-sub-title">
                    Entradas recientes
                </div>
                <div class="entry-blog-container">
                    @foreach($blog_entries_recents as $blog_entries_recent)
                        <a href="{{ URL::to("blog/".$blog_entries_recent->key) }}">
                            <div class="item-menu-blog">
                                <div class="col-md-4">
                                    <div class="item-menu-blog-image img-responsive" 
                                    style="background:url('{{ URL::to($blog_entries_recent->image) }}');
                                    background-repeat: no-repeat;
                                    background-position: center;"></div>
                                </div>
                                <div class="col-md-8">
                                    <div class="item-menu-blog-title">{{ $blog_entries_recent->title }}</div>
                                    <div class="item-menu-blog-date">{{ $blog_entries_recent->created_at }}</div>
                                </div>
                            </div>
                        </a>
                    @endforeach
                </div>
                <div class="section-sub-title">
                    Tag Cloud
                </div>
                <div class="tag-blog-container">
                    @foreach($tags_cloud as $tag_cloud)
                        <a href="{{ URL::to('blog') }}?term={{ $tag_cloud }}">
                            <span class="badge">{{ $tag_cloud }}</span>
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@include('web.common.footer')

<style>
    .card{
        margin-bottom: 26px;
        border: 2px solid #f3f6fd;
        box-shadow: none !important;
    }
    .footer{
        background: #f4f6fd !important;
    }
</style>