@extends('layouts.index')

@push('styles')
{{-- <link rel="stylesheet" href=" {{asset('copy/style.css')}} ">
<link rel="stylesheet" href=" {{asset('copy/chosen.css')}} "> --}}

<style>
	.form-control-sm+.select2-container .select2-selection--single{
		height: auto !important;
	}
</style>
@endpush

@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-wrapper">
			<!-- Default browser form validation -->
			<div class="card">
				<!-- Card header -->
				<div class="card-header">
					<h3 class="mb-0">Edit Data {{$title}}</h3>
				</div>
				<!-- Card body -->
				<div class="card-body">
					<form method="POST" action="{{route('security-code.update', $data->id)}}">
						@csrf
						
						<div class="row mb-3">
							<div class="col-md-6">

								<div class="form-group">
									<label class="form-control-label" for="kode">Kode Security</label>
									<input type="name" class="form-control form-control-sm" name="kode" id="kode" value="{{$data->kode}}" required>
									@error('kode') <span class="text-danger error">{{ $message }}</span>@enderror
								</div>

								

								<div class="form-group">
									<label class="form-control-label" for="nama">Nama Satpam</label>
									<input type="name" class="form-control form-control-sm" name="nama" id="nama" placeholder="Nama Satpam" maxlength="200" value="{{old('penerima', $data->nama)}}" required>
									@error('penerima') <span class="text-danger error">{{ $message }}</span>@enderror
								</div>

								

							</div>

							

						</div>   

						<hr>
						<button class="btn btn-primary float-right" type="submit">Edit</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>



@endsection