@extends('layouts.index')

@section('header')
<div class="row align-items-center py-4">
	<div class="col-lg-6 col-7">
		<h6 class="h2 text-white d-inline-block mb-0"> {{$title}} </h6>
		<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
			<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
				<li class="breadcrumb-item"><a href="{{url($url)}}"><i class="fas fa-home"></i></a></li>
				<li class="breadcrumb-item active" aria-current="page">{{$menu}}</li>
			</ol>
		</nav>
	</div>
</div>
@endsection

@section('content')
<div class="row">
	<div class="col">
		<div class="card">
			<!-- Card header -->
			<div class="card-header border-0">
				<div class="row">
					<div class="col-6">
						<h3 class="mb-0">{{$title}}</h3>
					</div>
				</div>
            </div>
            
            <div class="col-12">
                <form action="{{ route('security-code.store') }}" method="POST" class="row">
                    @csrf
                    
                    <div class="form-group col-2"  style="margin-bottom:0 !important;">
                        
                        <input type="text" name="kode" class="form-control" placeholder="Kode">
                        
                    </div>
                    <div class="form-group col-2"  style="margin-bottom:0 !important;">
                        
                        
                        <input type="text" name="nama" class="form-control" placeholder="Nama Satpam">
                    </div>
                    <div class="form-group col-2"  style="margin-bottom:0 !important;">
                        <button type="submit" class="btn btn-success">Tambah</button>
                    </div>
                </form>
            </div>

			<div class="table-responsive py-4">
				<table class="table table-flush" id="datatable-basic">
					<thead class="thead-light">
						<tr>
							<th>No</th>
                            <th>Kode Security</th>
                            <th>Nama Satpam</th>
							<th>Tanggal Dibuat</th>
							<th>Aksi</th>
						</tr>
					</thead>
					<tbody>
						@foreach($datas as $data)
						<tr>
							<td>{{ $loop->iteration }}</td>
                            <td>{{ $data->kode }}</td>
                            <td>{{ $data->nama }}</td>
                            <td>{{ $data->created_at }}</td>
                            <td><a href="{{ route('security-code.destroy', ['id' => $data->id]) }}" class="btn btn-sm btn-danger" data-turbolinks="false" onclick="return hapus()"><i class="fa fa-trash"></i> Hapus</a>
                                
                            
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">

	$(document).ready(function(){		

	});
</script>
@endsection