$(document).on('change', '#call_type', function(e) {
    if($(this).val() == 'scheduled') {
        $('#call_duration_input').addClass('hidden');
        $('.call_date').removeClass('hidden');
        $('.follow_up_date').addClass('hidden');
    } else if($(this).val() == 'called') {
        $('#call_duration_input').removeClass('hidden');
        $('.follow_up_date').removeClass('hidden');
        $('.call_date').addClass('hidden');
    } 
    
    if($(this).val() == ''){
        $('.call_date').removeClass('hidden');
        $('.follow_up_date').addClass('hidden');
    }
});

$(document).on('click', '#btnCreateCallLog', function(e) {

    e.preventDefault();
    var $errors = '';

    $('input[type="text"], select, input[type="number"]').removeClass('is-invalid');

    if($('select[name="call_type"]').val() == '') {
        $('select[name="call_type"]').addClass('is-invalid');
        $errors += '<li>Please select call type!</li>';
    } 

    if($('input[name="call_date"]').val() == '') {
        $('input[name="call_date"]').addClass('is-invalid');
        $errors += '<li>Please select call date!</li>';
    }

    if($('select[name="status"]').val() == '') {
        $('select[name="status"]').addClass('is-invalid');
        $errors += '<li>Please select status!</li>';
    }

    if($('select[name="call_type"]').val() == 'called' && ($('input[name="call_duration"]').val() == '' || $('input[name="call_duration"]').val() <= 0)) {
        $('input[name="call_duration"]').addClass('is-invalid');
        $errors += '<li>Please select call duration!</li>';
    } 

    if($errors != '') {
        Swal.fire({
            title: "Error!",
            html: '<ul>' + $errors + '</ul>',
            icon: 'error',
        });
    } else {
        $('#create_call_log').modal('hide');
        $wire.dispatch('add-new-call', {
            type: $('select[name="call_type"]').val(),
            note: $('#new_note').summernote('code'), 
            note_priority: $('select[name="note_priority"]').val(), 
            recording_url: $('input[name="recording_url"]').val(), 
            call_type: $('select[name="call_type"]').val(), 
            call_date: $('input[name="call_date"]').val(), status: $('select[name="status"]').val(), 
            duration: $('input[name="call_duration"]').val()
        });
        if($('.modal-backdrop').length > 0) {
            $('.modal-backdrop').remove();
        }
    }

    return false;
});