@extends('template')
 @section('title', 'Data Gangguan')
 @section('konten')
<div class="main-panel">
			<div class="content">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Data 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">
								Data Gangguan
							</li>
						</ul>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="card">
								<div class="card-header">
									<a class="btn btn-primary btn-round" href="/add_gangguan"><i class="fa fa-plus"></i> Tambah Data</a>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table id="basic-datatables" class="display table table-striped table-hover" >
											<thead>
												<tr>
                                                    <th>No</th>
													<th>Judul</th>
													<th>Status</th>
													<th>Action</th>
												</tr>
											</thead>
											
											<tbody>
												                                                @foreach ($datagangguan as $data)
                                                <tr>
                                                    <th>{{$no++}}</th>
                                                    <td>{{$data->judul_gangguan}} <br> <small><b>oleh : {{$data->name}}</b></small></td>
													<td>
														@if($data->status == 'Selesai')
															<span class="badge badge-success">{{ $data->status }}</span>
														@elseif($data->status == 'Proses Perbaikan')
															<span class="badge badge-warning">{{ $data->status }}</span>
														@else
															<span class="badge badge-secondary">{{ $data->status }}</span> {{-- fallback jika ada status lain --}}
														@endif
													</td>													
                                                    <td>
														<div class="form-button-action">
														    <a href="/share_gangguan/{{$data->id_gangguan}}" type="button" data-toggle="tooltip" title="" class="btn btn-link btn-primary btn-lg" data-original-title="Share">
																<i class="fab fa-telegram-plane"></i>
															</a>
															<a href="/edit_gangguan/{{$data->id_gangguan}}" type="button" data-toggle="tooltip" title="" class="btn btn-link btn-primary btn-lg" data-original-title="Edit">
																<i class="fa fa-edit"></i>
															</a>
															<a onclick="return  confirm('Apakah anda ingin menghapus data ini ?')" href="/delete_gangguan/{{$data->id_gangguan}}" type="button" data-toggle="tooltip" title="" class="btn btn-link btn-danger" data-original-title="Hapus">
																<i style="padding-top: 8px" class="fa fa-trash"></i>
															</a>
                                                            
														</div>
													</td>
                                                </tr>
                                                @endforeach
											</tbody>
										</table>
									</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