@extends('layouts.tenant.layout_1.app')

@section('page_css')
<style type="text/css">

</style>
@stop

@include('notes._add')

@section('page_js')
<script type="text/javascript">
$(jQuery).ready(function($) {
    
    // $('#note_type_holder').selectpicker('destroy');

    $('#note_type').on('change', function() {

        var note_type_url = $('option:selected', this).data('note_type_url');
        var note_type_holder = $('#note_type_holder');
        var note_type_options = '<option value="">Please select note entry type.</option>';

        note_type_holder.html(note_type_options);
        
        $.ajax({
            url: note_type_url,
            type: 'POST',
            success: function(resp) {
                if(resp.code == 1) {
                    resp.data.forEach(function(item) {//console.log(item.label);
                        $('#note_type_holder').append('<option value="'+item.key+'">'+item.label+'</option>'); 
                        $('#note_type_holder').selectpicker('refresh')
                    });
                } else {
                    $('#note_type_holder').html('<option value="">'+resp.msg+'</option>');
                    $('#note_type_holder').selectpicker('refresh')
                }                
            },
            error: function(resp) {
                $('#note_type_holder').html('<option value="">Error occured.</option>');
               $('#note_type_holder').selectpicker('refresh')
            }
        });
        
       // note_type_holder.selectpicker('refresh'); //console.log(note_type_holder);
    });
});
</script>
@stop