@extends('template.template')
@section('title','Home')
@section('main')

@foreach($tentang as $ttg)
<div class="main">
	<h2><strong>Home</strong></h2>
	<hr>
	<button class="btn black mt-2" data-bs-toggle="modal" data-bs-target="#updatedata">Edit Data</button>
	<br><br>
	<div class="data-content">
		<div class="form-group text-center float-start col-lg-2 col-md-3 col-12 pe-lg-3">
			<div class="border border-dark rounded p-2">
				<h4><strong>Favicon</strong></h4>
				<hr>
				<img src="{{asset('mystyle/image/'.$ttg->favicon)}}" class="w-25 mt-2">
			</div>
			<br>
			<div class="border border-dark rounded p-2">
				<h4><strong>Foto Home</strong></h4>
				<hr>
				<div class="black pt-1 rounded mt-2">
					<img src="{{asset('mystyle/image/'.$ttg->foto_home)}}" class="w-50">
				</div>
			</div>
		</div>
		<div class="float-start col-lg-9 col-md-8 col-12 ps-lg-3 ps-md-3">
			<div class=table-control>
				<table class="table table-home table-striped table-bordered">
					<tr>
						<th>Judul Website</th>
						<td>: {{$ttg->judul_website}}</td>
					</tr>
					<tr>
						<th>Logo Untuk Nama</th>
						<td>: {{$ttg->logo_nama}}</td>
					</tr>
					<tr>
						<th>Nama</th>
						<td>: {{$ttg->nama}}</td>
					</tr>
					<tr>
						<th>Profesi</th>
						<td>: {{$ttg->profesi}}</td>
					</tr>
					<tr>
						<th>Telepon</th>
						<td>: {{$ttg->telepon}}</td>
					</tr>
					<tr>
						<th>Profesi</th>
						<td>: {{$ttg->profesi}}</td>
					</tr>
					<tr>
						<th>Email</th>
						<td>: {{$ttg->email}}</td>
					</tr>
					<tr>
						<th>Alamat</th>
						<td>: {{$ttg->alamat}}</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<div class="modal fade" id="updatedata" tabindex="-1" aria-labelledby="updatedataLabel" aria-hidden="true">
    <div class="modal-dialog">
		<div class="modal-content">
   			<div class="modal-header">
   				<h1 class="modal-title fs-5" id="updatedataLabel">Update Data</h1>
   				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
   			</div>
	   		<div class="modal-body">
	   			<form action="{{ route('homeupdate') }}" method="post" enctype="multipart/form-data">
	   			@csrf
	   				<div class="form-group">
	   					<input type="hidden" name="id" value="{{$ttg->id}}">
	   					<label><strong>Favicon</strong></label>
	   					<input type="file" name="favicon" class="form-control">
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Foto Home</strong></label>
	   					<input type="file" name="foto_home" class="form-control">
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Judul Website</strong></label>
	   					<input type="text" name="judul_website" class="form-control" value="{{$ttg->judul_website}}" required>
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Logo Nama</strong></label>
	   					<input type="text" name="logo_nama" class="form-control" value="{{$ttg->logo_nama}}" required>
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Nama</strong></label>
	   					<input type="text" name="nama" class="form-control" value="{{$ttg->nama}}" required>
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Profesi</strong></label>
	   					<input type="text" name="profesi" class="form-control" value="{{$ttg->profesi}}" required>
	   				</div>
	   				<div class="form-group">

	   					<label><strong>Nomor Telepon</strong></label>
		   				<input type="number" name="telepon" class="form-control" value="{{$ttg->telepon}}" required>
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Email</strong></label>
	   					<input type="email" name="email" class="form-control" value="{{$ttg->email}}" required>
	   				</div>
	   				<div class="form-group">
	   					<label><strong>Alamat</strong></label>
	   					<input type="text" name="alamat" class="form-control" value="{{$ttg->alamat}}" required>
	   				</div>
      			<div class="text-center mt-3"></div>
  				<button type="submit" class="btn black">Simpan</button>
  				<div class="btn oren" data-bs-dismiss="modal" aria-label="Close" >Close</div>
	   			</form>
  			</div>
  		</div>	
	</div>
</div>
@endforeach

@endsection