@extends('master')

@push('after-style')

<style type="text/css">
    /* .pagination li {
        float: left !important;
        list-style-type: none !important;
        margin: 5px !important;
    } */

    .w-5,
    .h-5 {
        height: 50px !important;
    }

    nav>ul>li {
        float: left;
        line-height: 20px;
    }

    nav>ul {
        list-style: none;
        margin: 0;
        float: left;
        position: relative;
        padding-top: 16px;
    }
</style>
@endpush

@section('content')

<section id="title_breadcrumbs_bar">
    <div class="container clearfix">
        <div class="floatleft">
            <h1>Pengumuman</h1>
        </div>
    </div>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="blog_category_index blog_category_index_right_mini span12 content_with_right_sidebar">
                <!-- <h4>Category : Category 1</h4> -->
                @foreach ( $announcements as $announcement )
                <div class="category-blog-mini-full-width category-blog-mini-with-left-sidebar category-blog-mini-with-right-sidebar category-dual-sidebars post_wrapper clearfix">
                    <div class="post_content">
                        <div class="post_main" style="padding:0px;">
                            <div class="row">
                                <div class="span5">
                                    <img width="1200" height="715" src="{{ asset('assets/images/announcement/'.$announcement->image) }}" class="attachment-full wp-post-image" alt="portfolio7" />
                                </div>
                                <div class="span7 post_main_inner_wrapper">
                                    <h5 style="padding-left: 0;"><a href="{{ url('announcement/'.$announcement->slug) }}">{{ $announcement->title }}</a></h5>
                                    <span class="post_author">Oleh <span>{{ $announcement->user->name }}<i class="ci_icon-moonfull"></i></span><span class="post_date_inner">{{ date('d F, Y',strtotime($announcement->publish_at)) }}</span></span>
                                    <div class="post_padding">
                                        <p>
                                            {{ substr($announcement->short_content, 0, 663) . "..."; }}
                                        </p>
                                    </div>
                                    <div class="post-readmore">
                                        <a href="{{ url('/announcement/'.$announcement->slug) }}" class="more-link">Selengkapnya</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
                <!-- <section id="blog_pagination" class="clearfix no_padding_bottom"> -->
                <!-- <div class="pagination"> -->
                <!-- <span class='page-numbers current'>1</span><a class='page-numbers' href='#'>2</a><a class="next page-numbers" href="#"><i class="ci_icon-chevron-right"></i></a> -->
                {{ $announcements->links() }}
                <!-- </div> -->
                <!-- </section> -->
            </div>
            <!-- end span9 main-content -->
            <!-- <aside class="span3 sidebar sidebar_right">
                <div id="search-3" class="widget widget_search">
                    <div class="widget_search">
                        <form name="search" id="search" method="get" action="#">
                            <input name="s" type="text" placeholder="Search" value="">
                            <a class="submit"><i class="ci_icon-search"></i></a>
                        </form>
                    </div>
                </div>
                <div id="categories-3" class="widget widget_categories">
                    <div class="sidebar-widget-heading">
                        <h3>Categories</h3>
                    </div>
                    <ul>
                                                    <li class="cat-item cat-item-73"><a href="blog-masonry-2-columns-with-left-sidebar.html">Category</a>
                            </li>
                                            </ul>
                </div>
                <div id="rpwe_widget-3" class="widget rpwe_widget recent-posts-extended">
                    <div class="sidebar-widget-heading">
                        <h3>POPULAR POSTS</h3>
                    </div>
                    <div class="rpwe-block">
                        <ul class="rpwe-ul">

                            <li class="rpwe-li rpwe-clearfix">
                                <a href="#" rel="bookmark">
                                    <img class="rpwe-alignleft rpwe-thumb" src="{{ asset('assets/upload/portfolio7-70x70.jpg') }}" alt="Our PSD has the highest quality on ThemeForest">
                                </a>
                                <h3 class="rpwe-title">
                                    <a href="" title="Permalink to Our PSD has the highest quality on ThemeForest" rel="bookmark">Our PSD has the highest quality on ThemeForest</a>
                                </h3>

                                <time datetime="2015" class="rpwe-time published">October 1, 2013</time>
                            </li>

                            <li class="rpwe-li rpwe-clearfix">
                                <a href="#" rel="bookmark">
                                    <img class="rpwe-alignleft rpwe-thumb" src="{{ asset('assets/upload/portfolio12-70x70.jpg') }}" alt="The best quality on the marketplace">
                                </a>
                                <h3 class="rpwe-title">
                                    <a href="#" title="Permalink to The best quality on the marketplace" rel="bookmark">The best quality on the marketplace</a>
                                </h3>
                                <time datetime="2015" class="rpwe-time published">August 28, 2013</time>
                            </li>
                        </ul>
                    </div>

                </div>

                <div id="tag_cloud-3" class="widget widget_tag_cloud">
                    <div class="sidebar-widget-heading">
                        <h3>TAGS</h3>
                    </div>
                    <div class="tagcloud">
                        <a href='#' style='font-size: 8pt;'>business</a>
                        <a href='#' style='font-size: 8pt;'>corporate</a>
                        <a href='#' style='font-size: 22pt;'>creative</a>
                        <a href='#' style='font-size: 22pt;'>fresh</a>
                        <a href='#' style='font-size: 22pt;'>modern</a>
                        <a href='#' style='font-size: 22pt;'>responsive</a>
                    </div>
                </div>

            </aside> -->
            <!-- end span3 sidebar -->
        </div>
        <!-- end row -->
    </div>
</section>
@endsection

@push('after-script')
@endpush