@extends('front.layout')
@php
    $item = $konten->first();
@endphp
@section('title',  $item->judul_menu)
@section('konten')
    <style>
        .title:after {
            content: "";
            height: 2px;
            left: 15px;
            position: absolute;
            width: 100px;
            background: #0fc1e0;
            top: 30px;
        }
    </style>
<section class="breadcrumb_section bg_gray overlay_bg_blue_90" style="background: url({{asset('assets')}}/images/gedungpdam.png); background-position: center; padding-top:120px; background-repeat:no-repeat; background-size:cover">
	<div class="container">
    	<div class="row">
        	<div class="col-sm-6">
            	<div class="page-title">
                    @if (empty(Request::segment(4)))
            		    <h1 style="color: #fff; font-family: 'Otomanopee One', sans-serif;">{{ $item->judul_menu }}</h1>
                    @else
            		    <h1 style="color: #fff; font-family: 'Otomanopee One', sans-serif;">{{ Request::segment(4) }}</h1>
                    @endif
                   
                </div>
            </div>
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb justify-content-sm-end">
                    <li class="breadcrumb-item"><a href="/" style="color: #fff">Home</a></li>
                    <li class="breadcrumb-item"><a href="#" style="color: #fff">Pelayanan</a></li>
                    <li class="breadcrumb-item active" aria-current="page" style="color: #fff">{{ $item->judul_menu }}</li>
                  </ol>
                </nav>
            </div>
        </div>
    </div>
</section>
<!-- END SECTION BANNER --> 

<!-- START SECTION BLOG -->
<section>
    <div class="container">
        <div class="row">

            @if ($item)
                <div class="col-lg-9">
                    <div class="single_post">
                        <div class="blog_content"
                            style="background-color: #27e27812; padding: 25px;">
                            <div class="blog_text">
                                <h3 style="font-family: 'Otomanopee One', sans-serif; margin-bottom: 15px;">
                                    <i class="fa fa-info-circle" style="color:#1d0fe0;"></i> {{ $item->judul_menu }}
                                </h3>
                                <hr style="width:32%;text-align:left;margin-left:0; border-width: 2px; background-color:#1d0fe0;">
                            </div>                            
                        </div>
                        @if (empty(Request::segment(4)))
                            @if ($item->id_kategori == "3")
                                <div class="blog_post blog_style1" style="background-color: #27e27812; margin-bottom: 30px; border-bottom: 4px solid #1d0fe0;">
                                    <div class="blog_content" style="box-shadow: 10px 10px 10px -9px rgb(19, 210, 224);">
                                        <div class="blog_text" style="{{ strpos($item->konten_menu, 'iframe') !== false ? '' : 'padding-left: 20px; padding-bottom: 20px;' }}">
                                            <iframe src="{{ $item->konten_menu }}/preview" height="450" width="100%"></iframe>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="blog_post blog_style1" style="background-color: #27e27812; margin-bottom: 30px; border-bottom: 4px solid #1d0fe0;">
                                    <div class="blog_content" style="box-shadow: 10px 10px 10px -9px rgb(19, 210, 224);">
                                        <div class="blog_text" style="{{ strpos($item->konten_menu, 'iframe') !== false ? '' : 'padding-left: 20px; padding-bottom: 20px;' }}">
                                            <p style="text-align: justify; text-indent: 40px">{!! html_entity_decode($item->konten_menu) !!}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @else
                            <div class="blog_post blog_style1" style="background-color: #27e27812; margin-bottom: 30px; border-bottom: 4px solid #1d0fe0;">
                                <div class="blog_content" style="box-shadow: 10px 10px 10px -9px rgb(19, 210, 224);">
                                    <div class="blog_text" style="{{ strpos($item->konten_submenu, 'iframe') !== false ? '' : 'padding-left: 20px; padding-bottom: 20px;' }}">
                                        <p style="text-align: justify; text-indent: 40px">{!! html_entity_decode($item->konten_submenu) !!}</p>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            @endif
            <div class="col-lg-3 mt-lg-0 mt-4">
                <div class="sidebar">
                    <div class="widget">
                        <h5 class="widget_title">Berita Lainnya</h5>
                        <hr
                            style="width:32%;text-align:left;margin-left:0; border-width: 2px; margin-bottom: 30px; background-color:#1d0fe0">
                        <ul class="recent_post border_bottom_dash list_none">
                            @foreach ($beritaterkait as $item)
                                <li>
                                    <div class="post_footer">
                                        <div class="post_img">
                                            <a href="/detail_berita/{{ $item->id_berita }}"><img style="width: 80px"
                                                    src="{{ asset('foto berita') }}/{{ $item->gambar_berita }}"
                                                    alt="letest_post1"></a>
                                        </div>
                                        <div class="post_content">
                                            <h6><a 
                                                    href="/detail_berita/{{ $item->id_berita }}">{{ \Illuminate\Support\Str::words(strip_tags($item->judul_berita), 5, $end = '...') }}</a>
                                            </h6>
                                            <p class="small m-0">
                                                {{ date('d-m-Y H:i:s', strtotime($item->tanggal_berita)) }}</p>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="widget">
                        <h5 class="widget_title">Galeri Lainnya</h5>
                        <hr
                            style="width:32%;text-align:left;margin-left:0; border-width: 2px; background-color:#1d0fe0; margin-bottom: 30px">
                        <ul class="grid_container gutter_medium work_col3 portfolio_gallery portfolio_style1 animation masonry"
                            data-animation="fadeInUp" data-animation-delay="0.04s" style="margin-top: 20px">
                            @foreach ($galeriterkait as $item)
                                <!-- START PORTFOLIO ITEM -->
                                <li class="grid_item web-design">
                                    <div class="portfolio_item" style="box-shadow: 1px 1px 8px #11d6e4;">
                                        <a href="#" class="image_link">
                                            <img src="{{ asset('foto galeri') }}/{{ $item->gambar_galeri }}"
                                                alt="image" style="height:75px" class="d-none d-md-block">
                                            <img src="{{ asset('foto galeri') }}/{{ $item->gambar_galeri }}"
                                                alt="image" class="d-sm-block d-md-none">
                                        </a>
                                        <div class="portfolio_content">
                                            <div class="link_container">
                                                <a href="{{ asset('foto galeri') }}/{{ $item->gambar_galeri }}"
                                                    class="image_popup"><i class="ion-image"></i></a>
                                                <a href="/detail_galeri/{{$item->id_galeri}}" ><i
                                                class="ion-eye" title="detail"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <!-- END PORTFOLIO ITEM -->
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
@endsection
<!-- END SECTION BLOG -->