@extends('template.main')

@section('title')
PKSS - Buat Unit Kerja Baru
@stop

@section('content')
<div class="content-wrapper">
	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">PKSS</span> - Unit Kerja</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>

		<div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
			<div class="d-flex">
				<div class="breadcrumb">
					<a href="{{ url('home/main') }}" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
					<span class="breadcrumb-item active">Unit Kerja</span>
				</div>

				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<div class="content">
		<!-- 2 columns form -->
		<div class="card">
			<div class="card-header header-elements-inline">
				<h5 class="card-title">Buat Unit Kerja Baru</h5>
				<div class="header-elements">
					<div class="list-icons">
	            		<a class="list-icons-item" data-action="collapse"></a>
	            		<a class="list-icons-item" data-action="reload"></a>
	            		<a class="list-icons-item" data-action="remove"></a>
	            	</div>
	        	</div>
			</div>

			<div class="card-body">
				{!! Form::open(['method' => 'POST', 'route' => 'client.store']) !!}
					@if (Auth::user()->roles->role_name == "Superuser" || Auth::user()->roles->role_name == "Admin Pusat" || Auth::user()->roles->role_name == "Staff Pusat")
						<div class="form-group row">
							<label class="col-lg-3 col-form-label">Pilih Wilayah:</label>
							<div class="col-lg-9">
								<select class="form-control select-search" name="city_id" onclick="getListKanca(this.value);">
									<option value="0">- Pilih Wilayah -</option>
									@foreach($city as $row)
									<option value="{!! $row->city_id !!}">{!! $row->city_name !!}</option>
									@endforeach
								</select>
							</div>
						</div>
					@else
						<div class="form-group row">
							<label class="col-lg-3 col-form-label">Wilayah</label>
							<div class="col-lg-9">
								<input type="text" class="form-control" name="city_id" value="{!! Auth::user()->city->city_name !!}" readonly="readonly">
							</div>
						</div>
					@endif

					<div class="form-group row">
						<label class="col-lg-3 col-form-label">Pilih Kanca:</label>
						<div class="col-lg-9">
							<select class="form-control select-search" name="kanca_id" id="select_kanca">
								<option value="0">- Pilih Kanca -</option>
								@foreach($client as $row)
								<option value="{!! $row->id !!}">{!! $row->name !!}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="form-group row">
						<label class="col-lg-3 col-form-label">Nama Uker:</label>
						<div class="col-lg-9">
							<input type="text" class="form-control" name="uker_name">
					    </div>
					</div>

					<div class="form-group row">
						<label class="col-lg-3 col-form-label">No. Telepon:</label>
						<div class="col-lg-9">
							<input type="text" class="form-control" name="phone">
					    </div>
					</div>

					<div class="form-group row">
						<label class="col-lg-3 col-form-label">Alamat:</label>
						<div class="col-lg-9">
							<input type="text" name="address" class="form-control">
						</div>
					</div>

					<div class="text-right">
						<button type="button" class="btn btn-danger" onclick="window.history.go(-1); return false;">Cancel <i class="icon-cancel-circle2 ml-2"></i></button>
						<button type="submit" class="btn btn-primary">Submit form <i class="icon-paperplane ml-2"></i></button>
					</div>
				{!! Form::close() !!}
			</div>
		</div>
		<!-- /2 columns form -->
	</div>
</div>
@stop

@section('script')
<script src="{{ asset('global_assets/js/plugins/forms/selects/select2.min.js') }}"></script>
<script src="{{ asset('global_assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
<script src="{{ asset('global_assets/js/demo_pages/form_select2.js') }}"></script>
<script src="{{ asset('global_assets/js/demo_pages/form_layouts.js') }}"></script>
<script type="text/javascript">
	function getListKanca(id) {
		$.ajax({
			type: 'POST',
			url: '{{ url('home/task/get-kanca') }}',
			data: { id:id },
			dataType: 'JSON',
			success: function(data) {
				$("#select_kanca").html(data.content);
			}
		});
	}
</script>
@stop