@extends('template')
 @section('title', 'Share Gangguan')
 @section('konten')
 <link rel="image_src" href="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta itemprop="image" content="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta name="msapplication-TileImage" content="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta property="og:image" content="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta property="og:image:secure_url" content="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta property="og:image:width" content="1024" />
    <meta property="og:image:height" content="678" />
    <meta property="og:image:alt" content="{{ $datagangguan->judul_gangguan }}" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:title" content="{{ $datagangguan->judul_gangguan }}" />
    <meta property="og:description" content="{{ \Illuminate\Support\Str::words(strip_tags($datagangguan->keterangan_gangguan), 30, $end = '...') }}" />
    <meta property="og:type" content="article" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:site_name" content="Official Website Desa" />
    <meta property="og:title" content="{{ $datagangguan->judul_gangguan }}" />
    <meta property="og:url" content="https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}" />
    <meta property="og:updated_time" content="{{$datagangguan->tanggal_gangguan}}" />
    <meta property="article:published_time" content="{{$datagangguan->tanggal_gangguan}}" />
    <meta property="article:modified_time" content="{{$datagangguan->tanggal_gangguan}}" />
    <meta property="article:section" content="Gangguan DLH" />
    <meta property="article:section" content="Gangguan DLH" />
    <meta property="article:section" content="Gangguan DLH" />
    <meta property="twitter:partner" content="ogwp" />
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:title" content="{{ $datagangguan->judul_gangguan }}" />
    <meta property="twitter:description" content="{{ \Illuminate\Support\Str::words(strip_tags($datagangguan->keterangan_gangguan), 30, $end = '...') }}" />
    <meta property="twitter:url" content="https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}" />
    <meta property="twitter:image" content="{{ asset('foto gangguan') }}/{{ $datagangguan->gambar_gangguan }}" />
    <meta name="generator" content="WordPress 5.9.3" />
    <link rel="canonical" href="https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}" />
    <link rel='shortlink' href="https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}" />
    <link rel='stylesheet' id='addtoany-css' href="{{ asset('assets/share/css/addtoany.min.css?ver=1.16') }}" type='text/css' media='all' />
    <script type='text/javascript' id='addtoany-core-js-before'>
        window.a2a_config = window.a2a_config || {};
        a2a_config.callbacks = [];
        a2a_config.overlays = [];
        a2a_config.templates = {};
        a2a_localize = {
            Share: "Share",
            Save: "Save",
            Subscribe: "Subscribe",
            Email: "Email",
            Bookmark: "Bookmark",
            ShowAll: "Show all",
            ShowLess: "Show less",
            FindServices: "Find service(s)",
            FindAnyServiceToAddTo: "Instantly find any service to add to",
            PoweredBy: "Powered by",
            ShareViaEmail: "Share via email",
            SubscribeViaEmail: "Subscribe via email",
            BookmarkInYourBrowser: "Bookmark in your browser",
            BookmarkInstructions: "Press Ctrl+D or \u2318+D to bookmark this page",
            AddToYourFavorites: "Add to your favorites",
            SendFromWebOrProgram: "Send from any email address or email program",
            EmailProgram: "Email program",
            More: "More&#8230;",
            ThanksForSharing: "Thanks for sharing!",
            ThanksForFollowing: "Thanks for following!"
        };
    </script>
    <script type='text/javascript' async src="{{ asset('assets/share/js/page.js') }}" id='addtoany-core-js'></script>
    <script type='text/javascript' async src="{{ asset('assets/share/js/addtoany.min.js?ver=1.1') }}" id='addtoany-jquery-js'></script>
<div class="main-panel">
	<div class="content">
		<div class="page-inner">
			<div class="page-header">
				<h4 class="page-title">Share Gangguan</h4>
				<ul class="breadcrumbs">
					<li class="nav-home">
						<a href="/dashboard">
							<i class="flaticon-home"></i>
						</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						Share Gangguan
					</li>
				</ul>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-header">
							Share Gangguan
						</div>
						<div class="card-body">
							<div class="col-md-4">
								<div class="card card-post card-round">
									<img class="card-img-top" src="{{asset('foto gangguan')}}/{{$datagangguan->gambar_gangguan}}" alt="..." alt="Card image cap">
									<div class="card-body">
										<div class="d-flex">
											<div class="info-post ml-2">
												<p class="username">Admin DLH</p>
												<p class="date text-muted">{{ date('d-m-Y H:i:s', strtotime($datagangguan->tanggal_gangguan)) }}</p>
											</div>
										</div>
										<div class="separator-solid"></div>
										<h6 class="card-title">
											<a href="#" style="font-size: 12px">
												{{strip_tags($datagangguan->judul_gangguan)}}
											</a>
										</h6>
										<hr>
										<div class="addtoany_share_save_container addtoany_content addtoany_content_bottom">
											<div class="a2a_kit a2a_kit_size_32 addtoany_list"
												data-a2a-url="https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}"
												data-a2a-title="{{ $datagangguan->judul_gangguan }}">
												<a class="a2a_button_facebook"
													href="https://www.addtoany.com/add_to/facebook?linkurl=https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}&amp;linkname={{ $datagangguan->judul_gangguan }}"
													title="Facebook" rel="nofollow noopener" target="_blank">
												</a>
												<a class="a2a_button_twitter"
													href="https://www.addtoany.com/add_to/twitter?linkurl=https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}&amp;linkname={{ $datagangguan->judul_gangguan }}"
													title="Twitter" rel="nofollow noopener" target="_blank">
												</a>
												<a class="a2a_button_google_gmail"
													href="https://www.addtoany.com/add_to/google_gmail?linkurl=https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}&amp;linkname={{ $datagangguan->judul_gangguan }}"
													title="Gmail" rel="nofollow noopener" target="_blank">
												</a>
												<a class="a2a_button_whatsapp"
													href="https://www.addtoany.com/add_to/whatsapp?linkurl=https://tirtabahari.co.id/detail_gangguan/{{ $datagangguan->id_gangguan }}&amp;linkname={{ $datagangguan->judul_gangguan }}"
													title="WhatsApp" rel="nofollow noopener" target="_blank">
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				
			</div>
		</div>
	</div>
	<footer class="footer">
		<div class="container-fluid">
			<nav class="pull-left">
				<ul class="nav">
					
				</ul>
			</nav>
			<div class="copyright ml-auto">
				&copycopyright 2026 - Perumda Air Minum Tirta Bahari
			</div>				
		</div>
	</footer>
</div>
@endsection