@extends('template')
 @section('title', 'Data Profile')
 @section('konten')
<div class="main-panel">
			<div class="content">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Data Profile</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 Profile
							</li>
						</ul>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="card">
								<div class="card-header">
									<div class="card-title">Data Profile</div>
								</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>Visi</th>
                                                    <th>Misi</th>
													<th>Action</th>
												</tr>
											</thead>
											
											<tbody>
												                                                @foreach ($dataprofile as $data)
                                                <tr>
                                                    <th>{{$no++}}</th>
                                                    <td>{{$data->visi}}</td>
                                                    <td>{{$data->misi}}</td>
                                                    <td>
														<div class="form-button-action">
															<a href="/detail_profile/{{$data->id_profile}}" class="btn btn-link btn-primary btn-lg" data-original-title="Edit">
																<i class="fa fa-edit"></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