@extends('layout/admin')

@section('tittle', 'Banner')

@section('container')
<header class="page-header">
	<h2>@yield('tittle')</h2>

	<div class="right-wrapper text-end">
		<ol class="breadcrumbs">
			<li>
				<a href="index.html">
					<i class="bx bx-home-alt"></i>
				</a>
			</li>

			<li><span>Home</span></li>

			<li><span>@yield('tittle')</span></li>

		</ol>

		<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fas fa-chevron-left"></i></a>
	</div>
</header>

<!-- start: page -->
<section class="content-with-menu content-with-menu-has-toolbar media-gallery">
	<div class="content-with-menu-container">
		<div class="inner-menu-toggle">
			<a href="#" class="inner-menu-expand" data-open="inner-menu">
				Show Bar <i class="fas fa-chevron-right"></i>
			</a>
		</div>

		<menu id="content-menu" class="inner-menu" role="menu">
			<div class="nano">
				<div class="nano-content">

					<div class="inner-menu-toggle-inside">
						<a href="#" class="inner-menu-collapse">
							<i class="fas fa-chevron-up visible-xs-inline"></i><i class="fas fa-chevron-left hidden-xs-inline"></i> Hide Bar
						</a>
						<a href="#" class="inner-menu-expand" data-open="inner-menu">
							Show Bar <i class="fas fa-chevron-down"></i>
						</a>
					</div>

					<div class="inner-menu-content">
						<div class="d-grid gap-1">
							<form action="/admin/banner/register" method="post" enctype="multipart/form-data">
								@csrf

								<div class="form-group mb-3">
									@if ($errors->any())
									<ul class="text-danger">
										@foreach ($errors->all() as $error)
										<li>{{ $error }}</li>
										@endforeach
									</ul>
									@endif
									<div class="row">
										<label>Pilih foto banner <br> ( 1688 px x 600 px)</label>
										<div class="col-lg-12 mb-3 mt-2">
											<div class="fileupload fileupload-new" data-provides="fileupload">
												<div class="input-append">
													<input type="file" id="foto" accept="image/x-png,image/gif,image/jpeg" name="foto" required style="width: 50%;">
												</div>
											</div>
										</div>
										<div class="row m-0">
											<button type="submit" class="mb-1 mt-1 btn btn-primary btn-lg btn-block"><i class="fas fa-upload me-1"></i> Upload Files</button>
										</div>
									</div>
								</div>
							</form>
						</div>

						<hr class="separator" />
					</div>
				</div>
			</div>
		</menu>
		<div class="inner-body mg-main">


			<div class="row mg-files" data-sort-destination data-sort-id="media-gallery">
				@foreach ($banner as $b)
				<div class="isotope-item document col-sm-6 col-md-4 col-lg-3">
					<div class="thumbnail">
						<div class="thumb-preview" style="height: 105px;">
							<a class="thumb-image" href="{{url('foto/banner/'.$b->foto)}}" style="height: 100%;">
								<img src="{{url('foto/banner/'.$b->foto)}}" class="img-fluid" alt="Project">
							</a>
							<div class="mg-thumb-options">
								<div class="mg-zoom"><i class="bx bx-search"></i></div>
								<div class="mg-toolbar">
									<div class="mg-group float-end">
										<a href="{{url('admin/banner/delete/'.$b->foto)}}" class="delcon"><i class="fas fa-trash "></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</div>
</section>
<!-- end: page -->
@endsection