@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><a href="/Admin/Page/List"><i class="icon-arrow-left52 mr-2 text-dark"></i></a> <span class="font-weight-semibold">Page</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">
					<p class="text-uppercase font-size-sm font-weight-bold">{{$judul}}</p>
					<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>

				<div class="card-body">
					@foreach($data as $row)
					<form action="/Admin/Page/update/{{ $row->id_page }}" class="form-validate-jquery" method="POST" enctype="multipart/form-data">
						<fieldset class="mb-3">
							<legend class="text-uppercase font-size-sm font-weight-bold"></legend>

							{{ csrf_field() }}
							<div class="form-group row">
								<label class="col-form-label col-sm-3">Kategori <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<select class="form-control select" name="id_kategori" data-fouc>
										<option selected value="{{ $row->id_kategori }}">{{ $row->nama_kategori }}</option>
										@foreach($kategori as $key)
										<option value="{{ $key->id_kategori }}">{{ $key->nama_kategori }}</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Judul page <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<input type="text" id="judul_page" name="judul_page" required placeholder="Masukkan judul page" class="form-control" value="{{ $row->judul_page }}">
								</div>
							</div>


							<div class="form-group row">
								<label class="col-form-label col-sm-3">Deskripsi <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<textarea class="form-control" id="editor-readonly" name="deskripsi" required placeholder="Isi deskripsi disini" value="{{ $row->deskripsi }}"></textarea>
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Deskripsi Indonesia <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<textarea class="form-control" name="deskripsi_indo" required placeholder="Isi deskripsi disini"></textarea>
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Foto <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<input type="file" name="foto_baru" id="foto_baru" class="file-input-custom" data-show-caption="true" data-show-upload="true" accept="image/*" data-fouc>
									<p class="text-danger font-italic">(Ukuran Gambar : Program [500 x 250 pixels], Event [660 x 400 pixels], Benefits [2046 × 708 pixels])</p>
									<img src="/upload/page/{{ $row->foto }}" class="img-thumbnail img-fluid mt-3 mb-3" style="width: 100px;height: 100px;">
									<input type="hidden" name="foto" value="{{ $row->foto }}">
									<input type="hidden" name="created_at" value="{{ $row->created_at }}">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Thumbnail</label>
								<div class="col-lg-9">
									<input type="file" name="thumbnail_baru" id="thumbnail_baru" class="file-input-custom" data-show-caption="true" data-show-upload="true" accept="image/*" data-fouc>
									<p class="text-danger font-italic">(Ukuran Gambar : Program [500 x 250 pixels], Event [Beri whitespace di sekeliling gambar], Benefits [2046 × 708 pixels])</p>
									<img src="/upload/page/{{ $row->thumbnail }}" class="img-thumbnail img-fluid mt-3 mb-3" style="width: 100px;height: 100px;">
									<input type="hidden" name="thumbnail" value="{{ $row->thumbnail }}">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Video</label>
								<div class="col-lg-9">
									<input type="text" class="form-control" name="link_video" id="link_video" value="{{ $row->video }}">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Status <span class="text-danger">*</span></label>
								<div class="col-lg-9">
									<select class="form-control select" name="status" data-fouc>
										<option selected value="{{ $row->status }}">{{ $row->status }}</option>
										<option value="publish">Publish</option>
										<option value="draft">Draft</option>
									</select>
								</div>
							</div>

							<div class="d-flex justify-content-end align-items-center">
								<button type="reset" class="btn btn-light" id="reset">Reset <i class="icon-reload-alt ml-2"></i></button>
								<button type="submit" class="btn btn-primary ml-3">Submit <i class="icon-paperplane ml-2"></i></button>
							</div>
						</fieldset>			
					</form>
					@endforeach
				</div>

			</div>
			<!-- /basic responsive configuration -->

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

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

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

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

</body>
</html>