@include('_partials_admin.head')
	<!-- Main navbar -->
	@include('_partials_admin.navbar')
	<!-- /main navbar -->

					
	<!-- Page content -->
	<div class="page-content">

		<!-- Main sidebar -->
		@include('_partials_admin.sidebar')
		<!-- /main sidebar -->

		<!-- Main content -->
		<div class="content-wrapper">

			<!-- Page header -->
			<div class="page-header">
				<div class="page-header-content header-elements-md-inline">
					<div class="page-title d-flex">
						<h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">Data</span> - {{$judul}}</h4>
						<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
					</div>

				</div>
			</div>
			<!-- /page header -->


			<!-- Content area -->
			<div class="content pt-0">

				<!-- Basic responsive configuration -->
				<div class="card">
					<div class="card-header header-elements-inline">
						<a href="/Admin/Album/Form_add" class="btn btn-success"><i class="icon-plus3"></i> Tambah Data</a>
						<div class="header-elements">
							<div class="list-icons">
		                		<a class="list-icons-item" data-action="collapse"></a>
		                		<a class="list-icons-item" data-action="reload"></a>
		                		<a class="list-icons-item" data-action="remove"></a>
		                	</div>
	                	</div>
					</div>

					<table class="table datatable-responsive">
						<thead>
							<tr>
								<th>No</th>
								<th>Nama Album</th>
								<th>Foto</th>
								<th class="text-center">Actions</th>
							</tr>
						</thead>
						
						<tbody>
															@foreach($album as $row)
														<tr>
								<td>{{ $no }}</td>
								<td>{{ $row->nama_album }}</td>
								<td><img class="img-thumbnail img-fluid" style="max-width: 100px;max-height: 100px;" src="/upload/album/{{ $row->foto }}"></td>
								<td class="text-center">
									<div class="list-icons">
										<div class="dropdown">
											<a href="#" class="list-icons-item" data-toggle="dropdown">
												<i class="icon-menu9"></i>
											</a>
											<div class="dropdown-menu dropdown-menu-right">
												<a href="/Admin/Album/Form_edit/{{ $row->id_album }}" class="dropdown-item"><i class="icon-pencil7"></i> Edit</a>
												<!-- <a href="#" class="dropdown-item"><i class="icon-eye4"></i> Detail</a> -->
												<a href="#" data-toggle="modal" data-target="#modalConfirmDelete{{ $row->id_album }}" class="dropdown-item"><i class="icon-trash-alt"></i> Hapus</a>
											</div>
										</div>
									</div>
								</td>
							</tr>
							@endforeach														
						</tbody>
						
					</table>
				</div>
				<!-- /basic responsive configuration -->

			</div>
			<!-- /content area -->


			<!-- Footer -->
			@include('_partials_admin.footer')
			<!-- /footer -->

		</div>
		<!-- /main content -->

	</div>
	<!-- /page content -->

	@foreach ($album as $row)
	<!--Modal: modalConfirmDelete-->
	<div class="modal fade" id="modalConfirmDelete{{ $row->id_album }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered modal-sm">
			<div class="modal-content">
				<div class="modal-header bg-danger d-flex justify-content-center">
					<h6 class="modal-title">Apakah Anda Yakin ?</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<div class="modal-body text-center">
					<i class="icon-warning22 icon-4x text-danger"></i>
					<p class="text-danger mt-2">Data yang anda hapus tidak bisa dikembalikan !</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-link" data-dismiss="modal">Batal</button>
					<a href="/Admin/Album/hapus/{{ $row->id_album }}" class="btn bg-danger">Hapus</a>
				</div>
			</div>
		</div>
	</div>
	<!--Modal: modalConfirmDelete-->
	@endforeach

	@if ($message = Session::get('sukses'))
    <script type="text/javascript">
        $(document).ready(function () {
            new Noty(
                {text: 'Data telah disimpan.', type: 'success'}
            ).show();
        });
    </script>
@elseif (Session::get('gagal'))
    <script type="text/javascript">
        $(document).ready(function () {
            new Noty(
                {text: 'Data gagal disimpan.', type: 'error'}
            ).show();
        });
    </script>
@elseif (Session::get('hapus'))
    <script type="text/javascript">
        $(document).ready(function () {
            new Noty(
                {text: 'Data berhasil dihapus.', type: 'success'}
            ).show();
        });
    </script>
	@elseif (Session::get('gagal_foreign'))
	<script type="text/javascript">
	    $(document).ready(function () {
	        new Noty(
	            {text: 'Data gagal dihapus, karena masih terhubung dengan data yang lain.', type: 'error'}
	        ).show();
	    });
	</script>
	@endif

	</body>
</html>