$(document).ready(function() {
    $("#pasien_uid").selectize({
        valueField: 'uid',
        labelField: 'name',
        searchField: ['name', 'uid'],
        create:false,
        placeholder: "Cari pasien...",
        load:function(query, callback){
            if(!query.length) return callback();
            $.ajax({
                url:'/helper/get/patient',
                data: {search: query},
                success: function (response){
                    if(response.error === 0 && Array.isArray(response.data)){
                        callback(response.data);
                    }else{
                        callback([])
                    }
                },
                error: function() {
                    callback([]);
                }
            });
        },
        render: {
            option: function(item, escape){
                console.log(item);

                return `
                    <div class="p-1">
                        <div class="fw-semibold" style="font-size: 0.85rem;">
                            ${escape(item.name)}
                        </div>
                    </div>`;
            },
            item: function(item, escape){
                return `<div> ${escape(item.name)} </div>`
            }
        },
    });
    $("#asuransi_uid").selectize({
        valueField: 'uid',
        labelField: 'name',
        searchField: ['name', 'uid'],
        create:false,
        placeholder: "Cari asuransi...",
        load:function(query, callback){
            if(!query.length) return callback();
            $.ajax({
                url:'/helper/get/asuransi',
                data: {search: query},
                success: function (response){
                    if(response.error === 0 && Array.isArray(response.data)){
                        callback(response.data);
                    }else{
                        callback([])
                    }
                },
                error: function() {
                    callback([]);
                }
            });
        },
        render: {
            option: function(item, escape){
                console.log(item);

                return `
                    <div class="p-1">
                        <div class="fw-semibold" style="font-size: 0.85rem;">
                            ${escape(item.name)}
                        </div>
                    </div>`;
            },
            item: function(item, escape){
                return `<div> ${escape(item.name)} </div>`
            }
        },
    });

    $("#ruang_pelayanan_uid").selectize({
        valueField: 'uid',
        labelField: 'name',
        searchField: ['name', 'uid'],
        create:false,
        placeholder: "Cari Ruangan layanan...",
        load:function(query, callback){
            if(!query.length) return callback();
            $.ajax({
                url:'/helper/get/roomService',
                data: {search: query},
                success: function (response){
                    if(response.error === 0 && Array.isArray(response.data)){
                        callback(response.data);
                    }else{
                        callback([])
                    }
                },
                error: function() {
                    callback([]);
                }
            });
        },
        render: {
            option: function(item, escape){

                return `
                    <div class="p-1">
                        <div class="fw-semibold" style="font-size: 0.85rem;">
                            ${escape(item.name)}
                        </div>
                    </div>`;
            },
            item: function(item, escape){
                return `<div> ${escape(item.name)} </div>`
            }
        },
    });
});