{extends file="default.tpl"}

{block name="js_files"}

{js('plugins/forms/validation/validate.min.js')}

{js('plugins/notifications/jgrowl.min.js')}

{js('pages/pesertadidik.js')}

{/block}



{block name="content"}

<div class="panel panel-default">

	<div class="panel-heading">

		<h5 class="panel-title">{lang('pesertadidik_create_heading')}</h5>

		<div class="heading-elements">

			<ul class="icons-list">

				<li><a data-action="collapse"></a></li>

			</ul>

		</div>

	</div>

	<div class="panel-body">

		<p class="content-group-lg">

			{lang('pesertadidik_form_note')}

		</p>

		{form_open(uri_string(),'class="form-horizontal form-validate-jquery"')}

		<fieldset>

			{if isset($message)}

			{alert($message)}

			{/if}



			<legend class="text-semibold">

				<i class="icon-vcard position-left"></i>

				Data Pribadi

				<a class="control-arrow" data-toggle="collapse" data-target="#data-pribadi">

					<i class="icon-circle-down2"></i>

				</a>

			</legend>

			<div class="collapse in" id="data-pribadi">

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_nama')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_input($nama)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_jenis_kelamin')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">

						{$gender_item}

					</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nisn')}</label>

					<div class="col-lg-9">{form_input($nisn)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_kewarganegaraan')}  <b class="text-danger">*</b></label>

					<div class="col-lg-9">

						{form_dropdown($kewarganegaraan, $kewarganegaraan_option, $kewarganegaraan_selected)}

					</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nik')}</label>

					<div class="col-lg-9">{form_input($nik)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_tempat_lahir')}</label>

					<div class="col-lg-9">{form_input($tempat_lahir)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_tanggal_lahir')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_input($tanggal_lahir)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_agama_id')}  <b class="text-danger">*</b></label>

					<div class="col-lg-9">

						{form_dropdown($agama, $agama_option, $agama_selected)}

					</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_kebutuhan_khusus_id')}</label>

					<div class="col-lg-9">{form_dropdown($kebutuhan_khusus, $kebutuhan_khusus_option, $kebutuhan_khusus_selected)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_alamat_jalan')}  <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_input($alamat_jalan)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_rt')}</label>

					<div class="col-lg-9">{form_input($rt)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_rw')}</label>

					<div class="col-lg-9">{form_input($rw)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nama_dusun')}</label>

					<div class="col-lg-9">{form_input($nama_dusun)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_desa_kelurahan')}  <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_input($desa_kelurahan)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_kode_wilayah')}  <b class="text-danger">*</b></label>

					<div class="col-lg-9">

						{form_dropdown($kode_wilayah, $kode_wilayah_option, $kode_wilayah_selected)}

					</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_kode_pos')}</label>

					<div class="col-lg-9">{form_input($kode_pos)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_lintang')}</label>

					<div class="col-lg-9">{form_input($lintang)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_bujur')}</label>

					<div class="col-lg-9">{form_input($bujur)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_jenis_tinggal_id')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_dropdown($jenis_tinggal_id, $jenis_tinggal_id_option, $jenis_tinggal_id_selected)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_alat_transportasi_id')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_dropdown($alat_transportasi_id, $alat_transportasi_id_option, $alat_transportasi_id_selected)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_no_kks')}</label>

					<div class="col-lg-9">{form_input($no_kks)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_anak_keberapa')}</label>

					<div class="col-lg-9">{form_input($anak_keberapa)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_penerima_kps')}</label>

					<div class="col-lg-9">{$penerima_kps_item}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_no_kps')}</label>

					<div class="col-lg-9">{form_input($no_kps)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_penerima_kip')}</label>

					<div class="col-lg-9">{$penerima_kip_item}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_no_kip')}</label>

					<div class="col-lg-9">{form_input($no_kip)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nm_kip')}</label>

					<div class="col-lg-9">{form_input($nm_kip)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_layak_pip')}</label>

					<div class="col-lg-9">{$layak_pip_item}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_id_layak_pip')}</label>

					<div class="col-lg-9">

						{form_dropdown($id_layak_pip, $id_layak_pip_option, $id_layak_pip_selected)}

					</div>

				</div>

			</div>

		</fieldset>



		<fieldset>

			<legend class="text-semibold">

				<i class="icon-users2 position-left"></i>

				Data Orang Tua

				<a class="control-arrow" data-toggle="collapse" data-target="#data-orangtua">

					<i class="icon-circle-down2"></i>

				</a>

			</legend>

			<div class="collapse in" id="data-orangtua">

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_ayah_id')}</label>

					<div class="col-lg-9">{form_dropdown($ayah_id, $ayah_id_option, $ayah_id_selected)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_ibu_id')}</label>

					<div class="col-lg-9">{form_dropdown($ibu_id, $ibu_id_option, $ibu_id_selected)}</div>

				</div>

				<div class="form-group">

					<div class="col-lg-9 col-md-offset-3">

						<button type="button" class="btn bg-teal-400" data-toggle="modal" data-target="#modal_form_orangtua">Tambah Orang Tua/Wali<i class="icon-users2 position-right"></i></button>

					</div>

				</div>

			</div>

		</fieldset>



		<fieldset>



			<legend class="text-semibold">

				<i class=" icon-address-book2 position-left"></i>

				Kontak

				<a class="control-arrow" data-toggle="collapse" data-target="#kontak">

					<i class="icon-circle-down2"></i>

				</a>

			</legend>

			<div class="collapse in" id="kontak">

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nomor_telepon_rumah')}</label>

					<div class="col-lg-9">{form_input($nomor_telepon_rumah)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('pesertadidik_nomor_telepon_seluler')}</label>

					<div class="col-lg-9">{form_input($nomor_telepon_seluler)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('pesertadidik_email')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_input($email)}</div>

				</div>

			</div>

		</fieldset>



		<fieldset>



			<legend class="text-semibold">

				<i class=" icon-calendar position-left"></i>

				Data Periodik

				<a class="control-arrow" data-toggle="collapse" data-target="#longitudinal">

					<i class="icon-circle-down2"></i>

				</a>

			</legend>

			<div class="collapse in" id="longitudinal">

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_tinggi_badan')}</label>

					<div class="col-lg-9">{form_input($tinggi_badan)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_berat_badan')}</label>

					<div class="col-lg-9">{form_input($berat_badan)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_jarak_rumah_ke_sekolah')}</label>

					<div class="col-lg-9">{$jarak_item}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_jarak_rumah_ke_sekolah_km')}</label>

					<div class="col-lg-9">{form_input($jarak_rumah_ke_sekolah_km)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_waktu_tempuh_ke_sekolah')}</label>

					<div class="col-lg-3">{form_input($waktu_tempuh_ke_sekolah)}</div>

					<div class="col-lg-3">{form_input($menit_tempuh_ke_sekolah)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3">{lang('peserta_didik_longitudinal_jumlah_saudara_kandung')}</label>

					<div class="col-lg-9">{form_input($jumlah_saudara_kandung)}</div>

				</div>

				<div class="form-group">

					<label class="control-label col-lg-3 text-semibold">{lang('peserta_didik_longitudinal_asrama_id')} <b class="text-danger">*</b></label>

					<div class="col-lg-9">{form_dropdown($asrama_id, $asrama_id_option, $asrama_id_selected)}</div>

				</div>

			</div>

		</fieldset>

		{form_hidden($pesertadidik_meta)}

		<div class="text-right">

			<button type="submit" class="btn btn-primary">{lang('pesertadidik_save')} <i class="icon-arrow-right14 position-right"></i></button>

		</div>

		{form_close()}

	</div>

</div>



<!-- Horizontal form modal -->

<div id="modal_form_orangtua" class="modal fade" tabindex="-1">

    <div class="modal-dialog modal-lg">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h5 class="modal-title">Tambah Orang Tua/Wali</h5>

            </div>

            <form action="#" class="form-horizontal">

                <div class="modal-body">

                    <div class="form-group">

                        <label class="control-label col-sm-3 text-semibold">Nama <b class="text-danger">*</b></label>

                        <div class="col-sm-9">

                            <input type="text" name="nama" placeholder="Eugene" class="form-control">

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Jenis Kelamin <b class="text-danger">*</b></label>

                        <div class="col-lg-9">

                            <label class="radio-inline">Laki-laki<input type="radio" class="styled" name="jenis_kelamin" value="l"></label><label class="radio-inline">Perempuan<input type="radio" class="styled" name="jenis_kelamin" value="p"></label>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Kewarganegaraan <b class="text-danger">*</b></label>

                        <div class="col-lg-9">

                            <select name="kewarganegaraan" id="select-kewarganegaraan" required="required" data-master="negara" class="select2-master" data-placeholder="Pilih Kewarganegaraan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Status Hubungan <b class="text-danger">*</b></label>

                        <div class="col-lg-9">

                            <select name="status_kekerabatan_id" id="select-status_kekerabatan_id" required="required" data-master="status_kekerabatan" class="select2-master" data-placeholder="Pilih Status Hubungan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">Tempat Lahir</label>

                        <div class="col-lg-9"><input type="text" name="tempat_lahir" value="" id="tempat_lahir" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">Tanggal Lahir</label>

                        <div class="col-lg-9"><input type="date" name="tanggal_lahir" value="" id="tanggal_lahir" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Agama & Kepercayaan <b class="text-danger">*</b></label>

                        <div class="col-lg-9">

                            <select name="agama_id" id="select-agama" required="required" data-master="agama" class="select2-master" data-placeholder="Pilih Agama & Kepercayaan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Alamat Lengkap <b class="text-danger">*</b></label>

                        <div class="col-lg-9"><input type="text" name="alamat" value="" id="alamat" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Desa Keluarahan <b class="text-danger">*</b></label>

                        <div class="col-lg-9"><input type="text" name="desa_kelurahan" value="" id="desa_kelurahan" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Kecamatan <b class="text-danger">*</b></label>

                        <div class="col-lg-9">

                            <select name="kode_wilayah" id="select-kode_wilayah" required="required" data-master="mst_wilayah" class="select2-master" data-placeholder="Pilih Kecamatan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">Pendidikan</label>

                        <div class="col-lg-9"><select name="jenjang_pendidikan_id" id="select-jenjang_pendidikan" data-master="jenjang_pendidikan" required="required" class="select2-master" data-placeholder="Pilih Pendidikan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">Pekerjaan</label>

                        <div class="col-lg-9"><select name="pekerjaan_id" id="select-pekerjaan_id" required="required" data-master="pekerjaan" class="select2-master" data-placeholder="Pilih Pekerjaan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">Penghasilan</label>

                        <div class="col-lg-9"><select name="penghasilan_id" id="select-penghasilan_id" required="required" data-master="penghasilan_orangtua_wali" class="select2-master" data-placeholder="Pilih Penghasilan">

                                <option value="" selected="selected"></option>

                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">No. Telepon Rumah</label>

                        <div class="col-lg-9"><input type="text" name="nomor_telepon_rumah" value="" id="nomor_telepon_rumah" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3">No. Telepon Seluler</label>

                        <div class="col-lg-9"><input type="text" name="nomor_telepon_seluler" value="" id="nomor_telepon_seluler" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-3 text-semibold">Email <b class="text-danger">*</b></label>

                        <div class="col-lg-9"><input type="text" name="email" value="" id="email" required="required" class="form-control" placeholder="" />

                        </div>

                    </div>

                </div>

                {form_hidden($orangtua_meta)}

                <div class="modal-footer">

                    <button type="button" class="btn btn-link close-form-orangtua" data-dismiss="modal">Keluar</button>

                    <button type="submit" class="btn btn-primary">Submit</button>

                </div>

            </form>

        </div>

    </div>

</div>

<!-- /horizontal form modal -->

{/block}