<?php echo _css('selectize,datepicker') ?>

<?php echo card_open('Form', 'bg-green', true) ?>

<form id='form-a'>
    <input hidden class='data-sending' id='id' value='<?php if (isset($id)) echo $id ?>'>

    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_jalurdaftar ?></label>
            <input type='text' class='form-control data-sending focus-color' id='jalurdaftar' name='jalurdaftar' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->jalurdaftar ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_nis ?></label>
            <input type='text' class='form-control data-sending focus-color' id='nis' name='nis' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->nis ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_namapeserta ?></label>
            <input type='text' class='form-control data-sending focus-color' id='namapeserta' name='namapeserta' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->namapeserta ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_tempatlahir ?></label>
            <input type='text' class='form-control data-sending focus-color' id='tempatlahir' name='tempatlahir' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->tempatlahir ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_tanggallahir ?></label>
            <input type='text' class='form-control data-sending focus-color' id='tanggallahir' name='tanggallahir' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->tanggallahir ?>'>
        </div>
    </div>

    <div class="col-md-12 col-xl-12">
        <div class="form-group">
            <label class="form-label">Beast</label>
            <select name="jeniskelamin" id="jeniskelamin" class="form-control custom-select">
                <option value="1">Chuck Testa</option>
                <option value="4">Sage Cattabriga-Alosa</option>
                <option value="3">Nikola Tesla</option>
            </select>
        </div>
    </div>

    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_jeniskelamin ?></label>
            <input type='text' class='form-control data-sending focus-color' id='jeniskelamin' name='jeniskelamin' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->jeniskelamin ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_agama ?></label>
            <input type='text' class='form-control data-sending focus-color' id='agama' name='agama' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->agama ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_alamat ?></label>
            <input type='text' class='form-control data-sending focus-color' id='alamat' name='alamat' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->alamat ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_nohp ?></label>
            <input type='text' class='form-control data-sending focus-color' id='nohp' name='nohp' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->nohp ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_namawali ?></label>
            <input type='text' class='form-control data-sending focus-color' id='namawali' name='namawali' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->namawali ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_alamatwali ?></label>
            <input type='text' class='form-control data-sending focus-color' id='alamatwali' name='alamatwali' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->alamatwali ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_pekerjaanwali ?></label>
            <input type='text' class='form-control data-sending focus-color' id='pekerjaanwali' name='pekerjaanwali' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->pekerjaanwali ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_penghasilanwali ?></label>
            <input type='text' class='form-control data-sending focus-color' id='penghasilanwali' name='penghasilanwali' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->penghasilanwali ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_asalsekolah ?></label>
            <input type='text' class='form-control data-sending focus-color' id='asalsekolah' name='asalsekolah' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->asalsekolah ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_noijazah ?></label>
            <input type='text' class='form-control data-sending focus-color' id='noijazah' name='noijazah' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->noijazah ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_refoleh ?></label>
            <input type='text' class='form-control data-sending focus-color' id='refoleh' name='refoleh' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->refoleh ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_foto ?></label>
            <input type='text' class='form-control data-sending focus-color' id='foto' name='foto' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->foto ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_jurusan ?></label>
            <input type='text' class='form-control data-sending focus-color' id='jurusan' name='jurusan' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->jurusan ?>'>
        </div>
    </div>


    <div class='col-md-12 col-xl-12'>
        <div class='form-group'>
            <label class='form-label'><?php echo $title->formulir_document ?></label>
            <input type='text' class='form-control data-sending focus-color' id='document' name='document' placeholder='<?php echo $title->general->desc_required ?>' value='<?php if (isset($data)) echo $data->document ?>'>
        </div>
    </div>



    <div class='col-md-12 col-xl-12'>

        <div class='form-group'>
            <button id='btn-apply' type='button' class='btn btn-primary'><i class='fe fe-check'></i> <?php echo $title->general->button_apply ?></button>
            <button disabled='' id='btn-save' type='button' class='btn btn-primary'><i class="fe fe-save"></i> <?php echo $title->general->button_save ?></button>
            <button disabled='' id='btn-cancel' type='button' class='btn btn-primary'> <?php echo $title->general->button_cancel ?></button>
            <a href='<?php echo $link_back ?>' id='btn-close' class='btn btn-primary'> <?php echo $title->general->button_close ?></a>
        </div>

    </div>
</form>


<?php echo card_close() ?>

<?php echo _js('selectize,datepicker,ybs') ?>

<script>
    var page_version = "1.0.8"
</script>
<!-- ---------Scrip opsional-------- -->
<script>
    $('#jeniskelamin').selectize({});
</script>
<!-- -----akhir script opsional------------ -->


<script>
    var custom_select = $('.custom-select').selectize({});
    var custom_select_link = $('.custom-select-link');

    $(document).ready(function() {
        <?php
        /*
    |--------------------------------------------------------------
    | CARA MEMBUAT COMBOBOX LINK
    |--------------------------------------------------------------
    | COMBOBOX LINK adalah proses membuat sebuah combobox menjadi
    | referensi combobox lainnya dalam menampilkan data.
    | misal :
    |  combobox grup menjadi referensi combobox subgrup.
    |  perubahan/pemilihan data combobox grup menyebabkan
    |  perubahan data combobox subgrup.
    |--------------------------------------------------------------
    | cara :
    |  - isi "field_link" pada combobox target
    |    'field_link'   =>'nama_field_join_database'.
    |  - gunakan class "custom-select-link" pada kedua combobox ,
    |    referensi dan target.
    |  - tambahkan script :
    |     linkToSelectize('id_cmb_referensi','id_cmb_target');
    |--------------------------------------------------------------
    | note :
    |   - struktur database harus menggunakan field id sebagai primary key
    |   - combobox harus di buat dengan php code
    |   -  "create_cmb_database" untuk row < 1000
    |   -  dan linkToSelectize untuk row < 1000
    |
    |   -  "create_cmb_database_bigdata" untuk row > 1000
    |   -  dan linkToSelectize_Big untuk row > 1000
    |   -
    |   - class harus menggunakan "custom-select-link"
    |
    */
        ?>
    })


    $('.data-sending').keydown(function(e) {
        remove_message();
        switch (e.which) {
            case 13:
                apply();
                return false;
        }
    });
</script>

<script>
    $('.input-simple-date').datepicker({
        autoclose: true,
        format: 'dd.mm.yyyy',
    })

    $('#btn-apply').click(function() {
        apply();
        play_sound_apply();
    });

    $('#btn-close').click(function() {
        play_sound_apply();
    });

    $('#btn-cancel').click(function() {
        cancel();
        play_sound_apply();
    });

    $('#btn-save').click(function() {
        simpan();
    })

    function apply() {
        $.each(custom_select, function(key, val) {
            val.selectize.disable();
        });

        <?php
        // NOTE : FOR DISABLE CUSTOM-SELECT-LINK
        ?>
        // $.each(custom_select_link,function(key,val){
        //      val.selectize.disable();
        // });

        $('.form-control').attr('disabled', true);
        $('#btn-apply').attr('disabled', true);
        $('#btn-cancel').attr('disabled', false);
        $('#btn-save').attr('disabled', false);
        $('#btn-save').focus();
    }

    function cancel() {
        $.each(custom_select, function(key, val) {
            val.selectize.enable();
        });
        <?php
        // NOTE : FOR ENABLE CUSTOM-SELECT-LINK
        ?>
        // $.each(custom_select_link,function(key,val){
        //      val.selectize.enable();
        // });

        $('.form-control').attr('disabled', false);
        $('#btn-cancel').attr('disabled', true);
        $('#btn-save').attr('disabled', true);
        $('#btn-apply').attr('disabled', false);

    }


    function simpan() {
        <?php
        /* mengambil data yang akan di kirim dari form-a */
        /* dalam bentuk array json tanpa penutup.. */
        /* memungkinkan penambahan data dengan cara push */
        /* ex. data.push */
        ?>
        var data = get_dataSending('form-a');

        <?php
        /* complite json format */
        /* ybs_dataSending(array); */
        ?>
        send_data = ybs_dataSending(data);

        var a = new ybsRequest();
        a.process('<?php echo $link_save ?>', send_data, 'POST');
        a.onAfterSuccess = function() {
            cancel();
        }
        a.onBeforeFailed = function() {
            cancel();
        }
    }
</script>