@extends('layouts.container')
@section('title', 'Pendaftaran Tambahan Sub Spesialis')
@section('title_description', 'Edit Pendaftaran Tambahan Sub Spesialis: ' . $pendaftaranKompetensi[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($pendaftaranKompetensi, ['route' => ['kompetensitambahanpendaftaran-edit-data', $pendaftaranKompetensi[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 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 Perubahan', ['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', $pendaftaranKompetensi[0]->no_registrasi, ['class' => 'form-control bg-light-blue-gradient no_registrasi']) }}
                            {{ Form::hidden('migrate3', @$migrate3->id_biodata_dokter, ['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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->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', $pendaftaranKompetensi[0]['BiodataDokter']->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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->tanggal_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, $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->nomor_telepon, ['readonly' => 'readonly', 'class' => 'form-control']) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('email', 'Alamat Email') }}
                            {{ Form::text('email', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->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', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->nomor_hp, ['readonly' => 'readonly', 'class' => 'form-control']) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('no_hp2', 'Nomor HP Alternatif') }}
                            {{ Form::text('no_hp2', $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->nomor_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, $pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->id_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" name="file_foto" id="file_foto" class="form-control" readonly>
                                <div id="foto_placeholder" class="input-group-addon bg-gray-active">
                                    {{ substr($pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->file_foto, 0, strpos($pendaftaranKompetensi[0]['BiodataDokter']['Biodata']->file_foto, '#')) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <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($pendaftaranKompetensi[0]['BiodataDokter']->upload_sk_spesialis, strpos($pendaftaranKompetensi[0]['BiodataDokter']->upload_sk_spesialis, '#')+1) }}" target="_blank" title="Klik Untuk melihat file">
                                    {{ substr($pendaftaranKompetensi[0]['BiodataDokter']->upload_sk_spesialis, 0, strpos($pendaftaranKompetensi[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, $pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm'] ? $pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm']->status_cetak : '', ['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($pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm']->tanggal_kirim_kartu) ? strftime('%Y-%m-%d', strtotime($pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm']->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', isset($pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm']->tanggal_terima_kartu) ? strftime('%Y-%m-%d', strtotime($pendaftaranKompetensi[0]['BiodataDokter']['CetakKartuOrm']->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="col-md-12">
                    <div class="btn-group pull-right">
                        {{ Form::submit('Simpan Perubahan', ['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 Tambahan Sub Spesialis</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ Form::label('tambahan_subspesialis', 'Tambahan Subspesialis') }}
                            <div class="input-group">
                                {{ Form::text('tambahan_subspesialis', @$dataSp2Kompetensi->TambahanSubspesialisOrm->tambahan_subspesialis ? @$dataSp2Kompetensi->TambahanSubspesialisOrm->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', @$dataSp2Kompetensi->RumahSakitOrm->nama_rumah_sakit ? @$dataSp2Kompetensi->RumahSakitOrm->nama_rumah_sakit : old('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', @$dataSp2Kompetensi->mulai_pendidikan ? @$dataSp2Kompetensi->mulai_pendidikan : old('tgl_mulai'), ['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 Pelatihan') }}
                            <div class="input-group">
                                {{ Form::text('tgl_lulus', @$dataSp2Kompetensi->selesai_pendidikan ? @$dataSp2Kompetensi->selesai_pendidikan : old('tgl_lulus'), ['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', ['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'), ['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, ['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 === 'tambahan_subspesialis') ? data : no[0];
            var no2 = (type === 'nomor_urut') ? data : no[1];
            $autonom.val(no1 + '.' + no2);
        }

        $(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('#migrate3').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(".tambahan_subspesialis").autocomplete({
                source: "{{ URL::route('kompetensitambahanpendaftaran-tambahansubspesialis-autocomplete') }}",
                minLength: 2,
                select: function(event, ui) {
                    $adaptasiPanel.find(".tambahan_subspesialis").val(ui.item.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);
            };

            $('.btn_adaptasi').click(function(e) {
                e.preventDefault();
                $('.input_adaptasi').val('');
                $.ajax({
                    url: "{{ URL::route('kompetensitambahanpendaftaran-sp2-kompetensi-delete', $pendaftaranKompetensi[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', $pendaftaranKompetensi[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