@extends('layouts.admin.core')
@section('content')
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <!--<h1 class="m-0 text-dark">Starter Page</h1>-->
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('pegawais.index') }}">Kembali</a></li>
            <li class="breadcrumb-item active">Tambah Pegawai</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!--
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2>Add New Pegawai</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ route('pegawais.index') }}"> Back</a>
            </div>
        </div>
	</div>
-->
	@if ($errors->any())
	<!--
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
		</div>
	-->
	<div class="alert alert-danger alert-dismissable">
		<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		<h4><i class="icon fa fa-ban"></i> Gagal!</h4>
		<ul class="list-unstyled">
			@foreach ($errors->all() as $error)
				<li>{{ $error }}</li>
			@endforeach
		</ul>
	</div>
	@endif
	<div class="card card-default">
		<div class="card-header">
		  <h3 class="card-title">Tambah Pegawai</h3>
		</div>
		<form action="{{ route('pegawais.store') }}" method="POST">
			@csrf
			<div class="card-body">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>NIP: <span class="text-danger">*</span></strong>
							<input type="text" name="nip_baru" class="form-control" placeholder="NIP" autocomplete="off" value="{{ old('nip_baru') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Nama: <span class="text-danger">*</span></strong>
							<input type="text" name="nama" class="form-control" placeholder="Nama" value="{{ old('nama') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Pangkat: <span class="text-danger">*</span></strong>
							<input type="text" name="pangkat" class="form-control" placeholder="Pangkat" value="{{ old('pangkat') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Golongan: <span class="text-danger">*</span></strong>
							<input type="text" name="golongan" class="form-control" placeholder="Golongan" value="{{ old('golongan') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>No Urut/Id Kelompok Jabatan : <span class="text-danger">*</span></strong>
							<input type="text" name="id_kelompok_jabatan" class="form-control" placeholder="id_kelompok_jabatan" value="{{ old('id_kelompok_jabatan') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Jabatan: <span class="text-danger">*</span></strong>
							<input type="text" name="jabatan" class="form-control" placeholder="Jabatan" value="{{ old('jabatan') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Jabatan Unit Kerja: <span class="text-danger">*</span></strong>
							<input type="text" name="jabatan_unit_kerja" class="form-control" placeholder="Jabatan Satker" value="{{ old('jabatansatker') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Unit Kerja: <span class="text-danger">*</span></strong>
							<input type="text" name="nama_unit_kerja" class="form-control" placeholder="Kode Satker" value="{{ old('kode_satker') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Kode Satker: <span class="text-danger">*</span></strong>
							<input type="text" name="kode_satker" class="form-control" placeholder="Kode Satker" value="{{ old('kode_satker') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Satker: <span class="text-danger">*</span></strong>
							<input type="text" name="satker" class="form-control" placeholder="Satker" value="{{ old('satker') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Pendidikan: <span class="text-danger">*</span></strong>
							<input type="text" name="pendidikan" class="form-control" placeholder="Pendidikan" value="{{ old('pendidikan') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>Jenis Kelamin: <span class="text-danger">*</span></strong>
							<input type="text" name="jenis_kelamin" class="form-control" placeholder="Jenis Kelamin" value="{{ old('jenis_kelamin') }}">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<!--
						<div class="form-group">
							<label for="tanggal_lahir">Tanggal Lahir: <span class="text-danger">*</span></label>
							<div class='input-group-prepend' id='tanggal-lahir'>
							  <input type='text' name="tanggal_lahir" class="form-control" />
							  <span class="input-group-text">
								<span class="far fa-calendar-alt"></span>
							  </span>
							</div>
						</div>
						-->
						<div class="form-group">
							<label for="tanggal_lahir">Tanggal Lahir: <span class="text-danger">*</span></label>
							<div class="input-group">
								<div class="input-group-prepend">
								  <span class="input-group-text">
									<i class="far fa-calendar-alt"></i>
								  </span>
								</div>
								<input type="text" class="form-control float-right" name="tanggal_lahir" id="tanggal_lahir" value="{{ old('nip_baru') }}">
							  </div>
							  <!-- /.input group -->
						</div>
						<!--
						<div class="form-group">
							<strong>Tanggal Lahir: <span class="text-danger">*</span></strong>
							<input type="text" name="tanggal_lahir" class="form-control" placeholder="Tanggal Lahir">
						</div>
						-->
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<strong>No. HP: <span class="text-danger">*</span></strong>
							<input type="text" name="nomor_handphone" class="form-control" placeholder="No. HP">
						</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12 text-center">
							<button type="submit" class="btn btn-primary">Submit</button>
					</div>	
				</div>
			</div>
		</form>
	</div>
@endsection
@section ('js')
<script type="text/javascript">

$(document).ready(function(){
  $('#tanggal_lahir').daterangepicker({
      timePicker: false,
	  singleDatePicker: true,
      locale: {
        format: 'DD/MM/YYYY'
      }
	})
/*	
  $('#tanggal-lahir').daterangepicker({
      format: 'dd/mm/yyyy',
      todayHighlight: true,
      minDate: 0,
      autoclose: true,
    }).datepicker("setDate", new Date());
*/
})
</script>
@endsection