@extends('home.layout-index')
@section('content')
<style>
.has-error{
	color:#ff5e5e;
}
.profile-pica{
	height:40px;
	border-radius:50%;
}
.module{
	padding:20px;
}
</style>
<div style="padding:10px">
    <div class="row">
        <div class="col-1"></div>
		<div class="col-10 jdl1">
			Pelaporan Pelanggaran {!!session('ujenislaporannm')!!}
			<br><font class=jdl2></font>
        </div>
    </div>     
	<div class="row" style="height:5px"></div>
    <div class="row">
        <div class="col-1"></div>
		<div class="col-10 ">
			{!!session('ulocusnm')!!}
        </div>
    </div>     
	<div class="row" style="height:10px"></div>
    <div class="row d-flex justify-content-center">
		<div id="carouselExampleIndicators" class="carousel slide  bingkai" data-ride="carousel">
            <ol class="carousel-indicators">
				@php 
	            	if (isset($slide)){
						$nomor=0; 
						foreach($slide as $row){
							echo '<li data-target="#carouselExampleIndicators" data-slide-to="'.$nomor.'"';
							if($nomor==0){
								echo 'class="active"';
							}
							echo '></li>';
							$nomor++;
						}
					}
			 	@endphp
			</ol>
            <div class="carousel-inner gbrdepan" role="listbox">
				@php 
	            	if (isset($slide)){
						$nomor=0; 
						foreach($slide as $row){
							$dokumen=($row->dokumen!=''?public_path().'uploads/status/'.$row->dokumen:'#');
							echo '<div class="carousel-item ';
							if($nomor==0){
								echo 'active';
							}
							echo '"><img class="img-responsive" src="'.public_path().'/media/uploads/status/'.$row->dokumen_cover.'" alt="Sliding Banner" width=350 height=350>
							</div>';
							$nomor++;
						}
					}
			 	@endphp
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>     
	<div class=row style="height:20px"></div>
    <div class="row d-flex justify-content-left">
        <div class="col-1"></div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!(session('uname')!=""?route('pelapor'):route("laporan")) !!}"><img src="{{asset("media/image/menu/epelaporan.png")}}"" border=0 class=responsive></a>
        </div>
        <div class="col-4 d-flex justify-content-center module">
			<a href="{!!route("kajianawal") !!}"><img src="{{asset("media/image/menu/kajianawal.png")}}" class=responsive></a>
        </div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("registrasi") !!}"><img src="{{asset("media/image/menu/registrasi.png")}}"></a>
        </div>
    </div>     
    <div class="row d-flex justify-content-left">
        <div class="col-1"></div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("klarifikasi.index") !!}"><img src="{{asset("media/image/menu/klarifikasi.png")}}"></a>
        </div>
        <div class="col-4 d-flex justify-content-center module">
			<a href="{!!route("undangan.index") !!}"><img src="{{asset("media/image/menu/epanggilan.png")}}"></a>
        </div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("sidang.index") !!}"><img src="{{asset("media/image/menu/sidang.png")}}"></a>
        </div>
    </div>      
    <div class="row d-flex justify-content-left">
        <div class="col-1"></div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("status") !!}"><img src="{{asset("media/image/menu/status.png")}}"></a>
        </div>
        <div class="col-4 d-flex justify-content-center module">
			<a href="{!!route("putusan") !!}"><img src="{{asset("media/image/menu/putusan.png")}}"></a>
        </div>
		<div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("pemeriksaan") !!}"><img src="{{asset("media/image/menu/pemeriksaan.png")}}"></a>
        </div>
    </div>           
    <div class="row d-flex justify-content-left">
        <div class="col-1"></div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("tindaklanjut.index") !!}"><img src="{{asset("media/image/menu/tindaklanjut.png")}}"></a>
        </div>
        <div class="col-4 d-flex justify-content-center module">
			<a href="{!!route("penanganan") !!}"><img src="{{asset("media/image/menu/datapenanganan.png")}}"></a>
        </div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("pengelolaan") !!}"><img src="{{asset("media/image/menu/barang.png")}}"></a>
        </div>
    </div>                 
    <div class="row d-flex justify-content-left">
        <div class="col-1"></div>
        <div class="col-3 d-flex justify-content-left module">
			<a href="{!!route("putusanlama") !!}"><img src="{{asset("media/image/menu/putusanlama.png")}}"></a>
        </div>
        <div class="col-4 d-flex justify-content-center module">
			
        </div>
        <div class="col-3 d-flex justify-content-left module">
			
        </div>
    </div>       
	<div style="height:50px"></div>      
</div>
<script src="{{asset('media/assets/node_modules/icheck/icheck.min.js')}}"></script>
<script src="{{asset('media/assets/node_modules/icheck/icheck.init.js')}}"></script>
@endsection