@extends('layouts.container')
@section('title', 'Pendaftaran Sub Spesialis Tambahan')
@section('title_description', 'Add New')
@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::open(['route' => 'kompetensitambahanpendaftaran-create-data', 'role' => 'form', 'method' => 'PUT', 'files' => true]) }}
    <div class="">
        <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 Tambahan Sub Spesialis</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 Data', ['class' => 'btn btn-primary']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group text-center">
                            <h2>Registrasi</h2>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                {{ Form::label('no_registrasi', 'Nomor Registrasi') }}
                                {{ Form::text('no_registrasi', old('no_registrasi'), ['class' => 'form-control no_registrasi bg-light-blue-gradient']) }}
                                {{ Form::hidden('migrate3', '0', ['class' => 'form-control migrate3', 'id' => 'migrate3']) }}
                            </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', old('nama_lengkap'), ['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', old('npa_idi'), ['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', old('tempat_lahir'), ['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', old('tgl_lahir'), ['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, '', ['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', old('alamat'), ['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', old('no_telp'), ['readonly' => 'readonly', 'class' => 'form-control']) }}
                            </div>
                            <div class="form-group">
                                {{ Form::label('email', 'Alamat Email') }}
                                {{ Form::text('email', old('email'), ['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', old('no_hp'), ['readonly' => 'readonly', 'class' => 'form-control']) }}
                            </div>
                            <div class="form-group">
                                {{ Form::label('no_hp2', 'Nomor HP Alternatif') }}
                                {{ Form::text('no_hp2', old('no_hp2'), ['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, '', ['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', ['readonly' => 'readonly', 'class' => 'form-control']) }}
                                    <input type="hidden" value="{{ old('file_foto') }}" name="file_foto" id="file_foto"
                                        class="form-control" readonly>
                                    <div id="foto_placeholder" class="input-group-addon bg-gray-active">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                          <!-- NEW NOTE: for Upload Data Cetak Serkom -->
                            <div class="form-group">
                                {{ Form::label('upload_sk_spesialis', 'Upload Data (Format: pdf, ukuran maksimum 2Mb)') }}
                                {{ Form::file('upload_sk_spesialis', array('class' => 'form-control')) }}
                            </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, '', ['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', old('tanggal_kirim_kartu'), ['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', old('tanggal_terima_kartu'), ['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="row">
                        <div class="form-group text-center">
                            <h2> Data Tambahan Sub Spesialis</h2>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {{ Form::label('tambahan_subspesialis', 'Tambahan Subspesialis') }}
                                <div class="input-group">
                                    {{ Form::text('tambahan_subspesialis', old('tambahan_subspesialis'), ['class' => 'form-control tambahan_subspesialis']) }}
                                    <span class="input-group-addon bg-light-blue-gradient"><span
                                            class="glyphicon glyphicon-eye-open"></span></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {{ Form::label('tempat_rumah_sakit', 'Rumah Sakit Tempat Pelatihan*') }}
                                <div class="input-group">
                                    {{ Form::text('tempat_rumah_sakit', '', ['class' => 'form-control tempat_rumah_sakit']) }}
                                    <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 Pelatihan*') }}
                                <div class="input-group">
                                    {{ Form::text('tgl_mulai', old('tgl_mulai'), ['class' => 'form-control datepicker tgl_mulai']) }}
                                    <span class="input-group-addon bg-red-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 Pelatihan') }}
                                <div class="input-group">
                                    {{ Form::text('tgl_lulus', old('tgl_lulus'), ['class' => 'form-control datepicker']) }}
                                    <span class="input-group-addon bg-red-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="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', old('tgl_ujian_k'), ['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="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="form-group">
                                {{ Form::label('papdi_cabang', 'Papdi Cabang') }}
                                {{ Form::text('papdi_cabang', old('papdi_cabang'), ['readonly' => 'readonly', 'class' => 'form-control']) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}
@stop
@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 = '{{ $autonom }}';
            no = $autonom.split('.');

            var no1 = (type === 'tambahan_subspesialis') ? data : no[0];
            var no2 = (type === 'nomor_urut') ? data : no[1];

            $('.no_registrasi').val(no1 + '.' + no2);

            $.ajax({
                url: '{{ URL::route('pendaftaranspesialis-autonom', 'newkompetensi') }}',
                method: 'GET'
            }).done(function(result) {
                strResult = result.split('.');
                no2 = strResult[1];
                $('.no_registrasi').val(no1 + '.' + no2);
            });
        }

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

            getAutonom('init', '');

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

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

            $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('#migrate3').val(ui.item.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("#jenis_kelamin").val(ui.item.biodata_dokter.biodata.jenis_kelamin);
                    $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(".tambahan_subspesialis").autocomplete({
                source: "{{ URL::route('kompetensitambahanpendaftaran-tambahansubspesialis-autocomplete') }}",
                minLength: 2,
                select: function(event, ui) {
                    $adaptasiPanel.find(".tambahan_subspesialis").val(ui.item.tambahan_subspesialis);
                    getAutonom('tambahan_subspesialis', ui.item.kode_tambahan_subspesialis);
                    return false;
                }
            }).autocomplete("instance")._renderItem = function(ul, item) {
                return $("<li>")
                    .append("<a>" + item.tambahan_subspesialis + "</a>")
                    .appendTo(ul);
            };

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