@extends('layouts.container')
@section('title', 'Pendaftaran Sub Spesialis')
@section('title_description', 'Edit Pendaftaran Sub Spesialis: ' . $pendaftaranSubSpesialis[0]->no_registrasi)
@section('css')
    <link href="{{asset('/engine/multiSelect/css/multi-select.css') }}" media="screen" rel="stylesheet" type="text/css">
    <link href="{{asset('/engine/adminLTE/dist/css/skins/skin-black.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/iCheck/flat/flat.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.theme.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('body-class', 'skin-black')
@section('content')

    @if($errors->count())
        <div class="alert alert-danger">
            <ol>
			@foreach ($errors->all() as $item)
			 <li>{{$item}}</li>
			@endforeach
		</ol>
        </div>
    @endif
    {{ Form::model($pendaftaranSubSpesialis, array('route' => array('subspesialispendaftaran-edit-data', $pendaftaranSubSpesialis[0]->id_register_sp), 'method' => 'PUT', 'files' => true)) }}
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#registrasi_panel" aria-controls="registrasi_panel" role="tab" data-toggle="tab">Registrasi</a></li>
        <li role="presentation"><a href="#adaptasi_panel" aria-controls="adaptasi_panel" role="tab" data-toggle="tab">Data SP II</a></li>
        <!--<li role="presentation"><a href="#ujian_board_panel" aria-controls="ujian_board_panel" role="tab" data-toggle="tab">Ujian</a></li>-->
        <li role="presentation"><a href="#papdi_cabang_panel" aria-controls="papdi_cabang_panel" role="tab" data-toggle="tab">PAPDI Cabang</a></li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active panel panel-default" id="registrasi_panel">
            <div class="panel-body">
                <div class="col-md-12">
                    <div class="pull-right">
                        {{ Form::submit('Simpan Perubahan', array('class' => 'btn btn-primary')) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 text-center"><h2>Registrasi</h2></div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            {{ Form::label('no_registrasi', 'Nomor Registrasi') }}
                            {{ Form::text('no_registrasi', $pendaftaranSubSpesialis[0]->no_registrasi, array('class' => 'form-control bg-light-blue-gradient no_registrasi')) }}
                            {{ Form::hidden('migrate', @$migrate->id_biodata_dokter, array('class' => 'form-control migrate', 'id' => 'migrate')) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('nama_lengkap', 'Nama (sesuai STR/ijasah)*') }}
                            <div class="input-group">
                                {{ Form::text('nama_lengkap', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->nama_lengkap, array('class' => 'form-control nama_biodata_dokter')) }}
                                <span class="input-group-addon bg-light-blue-gradient"><span class="glyphicon glyphicon-eye-open"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            {{ Form::label('npa_idi', 'NPA IDI*') }}
                            {{ Form::text('npa_idi', $pendaftaranSubSpesialis[0]['BiodataDokter']->npa_idi, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('tempat_lahir', 'Tempat Lahir*') }}
                            {{ Form::text('tempat_lahir', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->tempat_lahir, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>

                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('tgl_lahir', 'Tanggal Lahir*') }}
                            <div class="input-group">
                                {{ Form::text('tgl_lahir', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->tanggal_lahir, array('readonly' => 'readonly', 'class' => 'form-control datepicker')) }}
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('jenis_kelamin', 'Jenis Kelamin*') }}
                            {{ Form::select('jenis_kelamin', $jenis_kelamin, $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->jenis_kelamin, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ Form::label('alamat', 'Alamat Korespondensi*') }}
                            {{ Form::text('alamat', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->alamat, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('no_telp', 'Nomor Telepon') }}
                            {{ Form::text('no_telp', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->nomor_telepon, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('email', 'Alamat Email') }}
                            {{ Form::text('email', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->email, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('no_hp', 'Nomor HP*') }}
                            {{ Form::text('no_hp', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->nomor_hp, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('no_hp2', 'Nomor HP Alternatif') }}
                            {{ Form::text('no_hp2', $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->nomor_hp2, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('keterangan', 'Keterangan') }}
                            {{ Form::select('keterangan', $keterangan, $pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->id_keterangan, array('readonly' => 'readonly', 'class' => 'form-control')) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('pas_foto', 'Foto* (Format: jpg/jpeg/png, ukuran maksimum 2Mb)') }}
                            <div class="input-group">
                                {{ Form::file('pas_foto', array('readonly' => 'readonly', 'class' => 'form-control')) }}
                                <input type="hidden" name="file_foto" id="file_foto" class="form-control" readonly>
                                <div id="foto_placeholder" class="input-group-addon bg-gray-active">
                                    {{ substr($pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->file_foto, 0, strpos($pendaftaranSubSpesialis[0]['BiodataDokter']['Biodata']->file_foto, '#')) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('upload_sk_spesialis', 'Upload Data (Format: pdf, ukuran maksimum 2Mb)') }}
                            <div class="input-group">
                                {{ Form::file('upload_sk_spesialis', array('class' => 'form-control')) }}
                                <a class="input-group-addon bg-gray-active" href="{{ asset('uploads/sk') . '/' . substr($pendaftaranSubSpesialis[0]['BiodataDokter']->upload_sk_spesialis, strpos($pendaftaranSubSpesialis[0]['BiodataDokter']->upload_sk_spesialis, '#')+1) }}" target="_blank" title="Klik Untuk melihat file">
                                  {{ substr($pendaftaranSubSpesialis[0]['BiodataDokter']->upload_sk_spesialis, 0, strpos($pendaftaranSubSpesialis[0]['BiodataDokter']->upload_sk_spesialis, '#')) }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('status_kartu', 'Kartu') }}
                            {{ Form::select('status_kartu', $status_kartu, ($pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']) ? $pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']->status_cetak : '', array('class' => 'form-control')) }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('tanggal_kirim_kartu', 'Tanggal Kirim Kartu') }}
                            <div class="input-group">
                                {{ Form::text('tanggal_kirim_kartu', isset($pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']->tanggal_kirim_kartu) ? strftime('%Y-%m-%d', strtotime($pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']->tanggal_kirim_kartu)) : '', array('class' => 'form-control datepicker')) }}
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('tanggal_terima_kartu', 'Tanggal Terima Kartu') }}
                            <div class="input-group">
                                {{ Form::text('tanggal_terima_kartu', isset($pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']->tanggal_terima_kartu) ? strftime('%Y-%m-%d', strtotime($pendaftaranSubSpesialis[0]['BiodataDokter']['CetakKartu']->tanggal_terima_kartu)) : '', array('class' => 'form-control datepicker')) }}
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
        <div role="tabpanel" class="tab-pane panel panel-default" id="adaptasi_panel">
            <div class="panel-body">
                <div class="col-md-12">
                    <div class="btn-group pull-right">
                        {{ Form::submit('Simpan Perubahan', array('class' => 'btn btn-primary')) }}
                        <button class="btn btn-danger btn_adaptasi"><span class="glyphicon glyphicon-trash"></span></button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 text-center"><h2>Data SP II</h2></div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('instansi_pengirim', 'Instansi Pengirim') }}
                            {{ Form::select('instansi_pengirim', $instansi, (@$dataSp2->instansi_pengirim) ? @$dataSp2->instansi_pengirim : old('instansi_pengirim'), array('class' => 'form-control')) }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('nama_instansi', 'Nama Instansi Pengirim') }}
                            {{ Form::text('nama_instansi', (@$dataSp2->nama_instansi_pengirim) ? @$dataSp2->nama_instansi_pengirim : old('nama_instansi'), array('class' => 'form-control')) }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ Form::label('bidang_studi', 'Perminatan') }}
                            <div class="input-group">
                                {{ Form::text('bidang_studi', (@$dataSp2->BidangStudi->bidang_studi) ? @$dataSp2->BidangStudi->bidang_studi : old('bidang_studi'), array('class' => 'form-control bidang_studi')) }}
                                <span class="input-group-addon bg-light-blue-gradient"><span class="glyphicon glyphicon-eye-open"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('tempat_pendidikan', 'Institusi Pendidikan Subspesialis*') }}
                            <div class="input-group">
                                {{ Form::text('tempat_pendidikan', (@$dataSp2->Institusi->nama_institusi) ? @$dataSp2->Institusi->nama_institusi : old('tempat_pendidikan'), array('class' => 'form-control tempat_pendidikan')) }}
                                <span class="input-group-addon bg-light-blue-gradient"><span class="glyphicon glyphicon-eye-open"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('tgl_mulai', 'Mulai Pendidikan*') }}
                            <div class="input-group">
                                {{ Form::text('tgl_mulai', (@$dataSp2->mulai_pendidikan) ? @$dataSp2->mulai_pendidikan : old('tgl_mulai'), array('class' => 'form-control datepicker tgl_mulai')) }}
                                <span class="input-group-addon bg-light-blue-gradient"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('tgl_lulus', 'Selesai Pendidikan') }}
                            <div class="input-group">
                                {{ Form::text('tgl_lulus', (@$dataSp2->selesai_pendidikan) ? @$dataSp2->selesai_pendidikan : old('tgl_lulus'), array('class' => 'form-control datepicker')) }}
                                <span class="input-group-addon bg-maroon-gradient"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div role="tabpanel" class="tab-pane panel panel-default" id="ujian_board_panel">
            <div class="panel-body">
                <div class="col-md-12">
                    <div class="btn-group pull-right">
                        {{ Form::submit('Simpan Perubahan', array('class' => 'btn btn-primary')) }}
                        <button class="btn btn-danger btn_ub"><span class="glyphicon glyphicon-trash"></span></button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 text-center"><h2>Ujian</h2></div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ Form::label('tgl_ujian_k', 'Tanggal Ujian Terbuka') }}
                            <div class="input-group">
                                {{ Form::text('tgl_ujian_k', ($dataUjianBoard) ? $dataUjianBoard[0]->tanggal_ujian_komprehensif : old('tgl_ujian_k'), array('class' => 'form-control datepicker input_ub')) }}
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->
        <div role="tabpanel" class="tab-pane panel panel-default" id="papdi_cabang_panel">
            <div class="panel-body">
                <div class="row">
                    <div class="form-group text-center"><h2>PAPDI Cabang</h2></div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                            <div class="input-group-addon">{{ Form::label('papdi_cabang', 'PAPDI Cabang') }}</div>
                            {{ Form::input('text', 'papdi_cabang', isset($dataPAPDICabang->nama_institusi) ? $dataPAPDICabang->nama_institusi : @$permission[3]->nama_institusi, array('readonly' => 'readonly', 'class' => 'form-control', $permission[0] ?? '')) }}
                            <div class="input-group-addon">
                                <span class="glyphicon glyphicon-eye-open"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ Form::close() }}
@endsection
@section('js')
    <script src="{{asset('/engine/iCheck/icheck.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/fastclick/fastclick.min.js') }}"></script>
    <script src="{{asset('/engine/jquery/js/jquery-ui.min.js') }}"></script>
    <script src="{{asset('/engine/slimScroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
    <script>
	    function getAutonom(type, data) {
		    var $autonom = $('.no_registrasi');
		    no = $autonom.val().split('.');

		    var no1 = (type === 'institusi') ? data : no[0];
		    var no2 = (type === 'bidang_studi') ? data : no[1];
		    var no3 = (type === 'tahun_mulai') ? data : no[2];
		    var no4 = (type === 'nomor_urut') ? data : no[3];

		    $autonom.val(no1 + '.' + no2 + '.' + no3 + '.' + no4);
	    }

        $(function() {
	        var $adaptasiPanel = $("#adaptasi_panel");
            var $PAPDIPanel = $("#papdi_cabang_panel");
	        var $ni = $('#registrasi_panel');
	        var $ds = $ni.find(".nama_biodata_dokter");

	        $( ".datepicker").datepicker({
		        dateFormat: "yy-mm-dd",
		        changeMonth: true,
		        changeYear: true
	        });

	        $ds.autocomplete({
		        source: function(request, response) {
                    const $input = $ni.find('.nama_biodata_dokter');
			        $.getJSON("{{ URL::route('penerbitansertifikat-autocomplete') }}", { term: $ds.val(), type: '{{ $type }}' }, response)
                    .always(function() {
                       $input.removeClass("nunggu-spinner");
                    });
		        },
		        minLength: 2,
		        select: function( event, ui ) {
			        $ds.val(ui.item.biodata_dokter.biodata.nama_lengkap);
                    $ni.find('#npa_idi').val(ui.item.biodata_dokter.npa_idi);
			        $ni.find('#migrate').val(ui.item.biodata_dokter.id_biodata_dokter);
			        $ni.find("#tempat_lahir").val(ui.item.biodata_dokter.biodata.tempat_lahir);
			        $ni.find("#tgl_lahir").val(ui.item.biodata_dokter.biodata.tanggal_lahir);
			        $ni.find("#alamat").val(ui.item.biodata_dokter.biodata.alamat);
			        $ni.find("#id_propinsi").val(ui.item.biodata_dokter.biodata.id_propinsi);
			        $ni.find("#no_telp").val(ui.item.biodata_dokter.biodata.nomor_telepon);
			        $ni.find("#no_hp").val(ui.item.biodata_dokter.biodata.nomor_hp);
			        $ni.find("#email").val(ui.item.biodata_dokter.biodata.email);
			        $ni.find("#no_hp2").val(ui.item.biodata_dokter.biodata.nomor_hp2);
                    $PAPDIPanel.find("#papdi_cabang").val(ui.item.biodata_dokter.daftar_institusi_p_a_p_d_i.nama_institusi);
                    var datasplit = ui.item.biodata_dokter.biodata.file_foto;
                    var splitter = datasplit.split("#");
                    $ni.find("#foto_placeholder").html(splitter[0]);
                    $ni.find("#file_foto").val(ui.item.biodata_dokter.biodata.file_foto);

			        return false;
		        }
	        }).autocomplete( "instance" )._renderItem = function( ul, item ) {
		        return $( "<li>" )
			        .append( "<a>" + item.no_registrasi + " " + item.biodata_dokter.biodata.nama_lengkap + "</a>" )
			        .appendTo( ul );
	        };

	        $adaptasiPanel.find(".bidang_studi").autocomplete({
		        source: "{{ URL::route('subspesialispendaftaran-bidangstudi-autocomplete') }}",
		        minLength: 2,
		        select: function( event, ui ) {
			        $adaptasiPanel.find(".bidang_studi").val(ui.item.bidang_studi);
			        return false;
		        }
	        }).autocomplete( "instance" )._renderItem = function( ul, item ) {
		        return $( "<li>" )
			        .append( "<a>" + item.bidang_studi + "</a>" )
			        .appendTo( ul );
	        };

	        $adaptasiPanel.find(".tempat_pendidikan").autocomplete({
		        source: "{{ URL::route('subspesialispendaftaran-institusi-autocomplete') }}",
		        minLength: 2,
		        select: function( event, ui ) {
			        $adaptasiPanel.find(".tempat_pendidikan").val(ui.item.nama_institusi);
			        return false;
		        }
	        }).autocomplete( "instance" )._renderItem = function( ul, item ) {
		        return $( "<li>" )
			        .append( "<a>" + item.nama_institusi + "</a>" )
			        .appendTo( ul );
	        };

            $('.btn_adaptasi').click(function(e) {
                e.preventDefault();
                $('.input_adaptasi').val('');
                $.ajax({
                    url: "{{ URL::route('subspesialispendaftaran-sp2-delete', $pendaftaranSubSpesialis[0]->id_register_sp) }}",
                    method: 'DELETE'
                });
            });

	        $('.tgl_mulai').change(function() {
		        splitDate = $(this).val().split('-');
		        getAutonom('tahun_mulai', splitDate[0]);
	        });

            $('.btn_ub').click(function(e) {
                e.preventDefault();
                $('.input_ub').val('');
                $.ajax({
                    url: "{{ URL::route('pendaftaranspesialis-ujianboard-delete', $pendaftaranSubSpesialis[0]->id_register_sp) }}",
                    method: 'DELETE'
                });
            });

            $PAPDIPanel.find("#papdi_cabang").autocomplete({
                source: "{{ URL::route('pendaftaranspesialis-institusi-autocomplete', 'PAPDI') }}",
                minLength: 2,
                select: function( event, ui ) {
                    $PAPDIPanel.find("#papdi_cabang").val(ui.item.nama_institusi);
                    return false;
                }
            }).autocomplete( "instance" )._renderItem = function( ul, item ) {
                return $( "<li>" )
                    .append( "<a>" + item.nama_institusi + "</a>" )
                    .appendTo( ul );
            };
        });
    </script>
@endsection