@extends('layout/admin')

@section('tittle', 'Daftar Admin')

@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>@yield('tittle')</span></li>
		</ol>
		<a class="sidebar-right-toggle"><i class="fas fa-chevron-left"></i></a>
	</div>
</header>

<div class="row">
	<div class="col-lg-6">
		<section class="card">
			<header class="card-header">
				<div class="card-actions">
					<a href="#" class="card-action card-action-toggle" data-card-toggle></a>
					<a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
				</div>

				<h2 class="card-title">@yield('tittle')</h2>
			</header>
			<div class="card-body">
				<table class="table table-bordered table-striped mb-0" id="datatable-tabletools">

					<thead>
						<tr>
							<th>Nama</th>
							<th>Username</th>
							<th>Actions</th>
						</tr>
					</thead>

					<tbody>
						@foreach ($admins as $a)
						<tr>
							<td>{{$a->name}}</td>
							<td>{{$a->username}}</td>
							<td class="actions">
								<a href="{{url('admin/admin/'.$a->username)}}"><i class="fas fa-edit"></i></a>
								@if ($a->id > 1)
								<a href="{{url('admin/delete/'.$a->username)}}" class="delcon"><i class="fas fa-trash text-danger"></i></a>
								@endif
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</section>
	</div>
	<div class="col-lg-6">
		<section class="card">
			<header class="card-header">
				<div class="card-actions">
					<a href="#" class="card-action card-action-toggle" data-card-toggle></a>
					<a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
				</div>

				<h2 class="card-title">Form Admin</h2>
			</header>
			<div class="card-body">
				@if (session('success'))
				<div class="col-md-12">
					<div class="alert alert-success">
						<i class="icon fa fa-check"></i> {{ session('success') }}
					</div>
					<!-- /.card -->
				</div>
				@endif
				@if(!$admin)
				<form action="/admin_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
						<label>Nama <span class="text-danger">*</span></label>
						<div class="input-group mb-2">
							<input name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required />
							@error('name')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Username <span class="text-danger">*</span></label>
						<div class="input-group mb-3">
							<input name="username" type="text" class="form-control @error('username') is-invalid @enderror" value="{{ old('username') }}" placeholder="Masukkan username" required />
							@error('username')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Password <span class="text-danger">*</span></label>
						<div class="input-group mb-3">
							<input name="password" type="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukkan password" required />
							@error('password')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Ketik Ulang Password <span class="text-danger">*</span></label>
						<div class="input-group mb-3">
							<input name="password_confirmation" type="password" class="form-control" placeholder="Ketik Ulang Passowrd" required />
						</div>
					</div>
					<div class="row m-0">
						<button type="submit" class="mb-1 mt-1 btn btn-primary btn-lg btn-block">Submit</button>
					</div>
				</form>
				@else
				<form action="/admin_update" method="post" enctype="multipart/form-data">
					@csrf
					<input type="hidden" name="id" value="{{$admin->username}}">
					<div class="form-group mb-3">
						@if ($errors->any())
						<ul class="text-danger">
							@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
							@endforeach
						</ul>
						@endif
						<label>Nama <span class="text-danger">*</span></label>
						<div class="input-group mb-2">
							<input name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name',$admin->name) }}" required />
							@error('name')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Username <span class="text-danger">*</span></label>
						<div class="input-group mb-3">
							<input name="username" type="text" class="form-control @error('username') is-invalid @enderror" value="{{ old('username', $admin->username) }}" placeholder="Masukkan username" required />
							@error('username')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Password</label>
						<div class="input-group mb-3">
							<input name="password" type="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukkan password" />
							@error('password')
							<div class="invalid-feedback" style="color: red;">{{ $message }}</div>
							@enderror
						</div>
						<label>Ketik Ulang Password</label>
						<div class="input-group mb-3">
							<input name="password_confirmation" type="password" class="form-control" placeholder="Ketik Ulang Passowrd" />
						</div>
					</div>
					<div class="row m-0">
						<button type="submit" class="mb-1 mt-1 btn btn-primary btn-lg btn-block">Submit</button>
					</div>
				</form>
				@endif
			</div>
		</section>
	</div>
</div>
<!-- end: page -->
@endsection