var inputname = null;
var inputtime = null;
var describe = null;
var completefile = 0;
var completepic =0;
var persianDatepickerInput = null;
var timepick="";

persianDatepickerInput = $('#datepick').persianDatepicker({
    format: 'YYYY/MM/DD',
    autoClose: true,
    initialValue: false

});
function showLoaderScreen() {
    $('.starter-loader-container').css('display', 'flex').hide().fadeIn();
}

function hideLoaderScreen() {
    $('.starter-loader-container').fadeOut();
}
function showUploadedFiles(input) {
    if (input.files) {
        if (completefile == 0) {

            $('#uploadedItems').append('\
        <div class="row" id="item-' + 0 + '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' + input.files[0].name + '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' + input.files[0].size / 1000 + 'KB</span></div>\
        <div class="col-md-2" onclick="deletfile('+ 0 + ')"><span style="margin-right: 12px; cursor: pointer">&#10006;</span><br></div>\
        </div>\
      ');
            completefile = 1
        }

        else {
            $('#uploadedItems').empty();
            $('#uploadedItems').append('\
        <div class="row" id="item-' + 0 + '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' + input.files[0].name + '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' + input.files[0].size / 1000 + 'KB</span></div>\
        <div class="col-md-2" onclick="deletfile('+ 0 + ')"><span style="margin-right: 12px; cursor: pointer" >&#10006;</span><br></div>\
        </div>\
      ');

            // console.log('input.files:');
            // console.log(input.files);

            // reader.readAsDataURL(input.files[0]);
        }
        // console.log("cccc", complete)
    }
}
function showUploadedFilespic(input) {
    if (input.files) {
        if (completepic == 0) { 
          
                $('#uploadedItemspic').append('\
        <div class="row" id="itempic-' + 0 + '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' + input.files[0].name + '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' + input.files[0].size / 1000 + 'KB</span></div>\
        <div class="col-md-2" onclick="deletfilepic('+ 0 + ')"><span style="margin-right: 12px; cursor: pointer" >&#10006;</span><br></div>\
        </div>\
      ');
            completepic=1;
        }
        else {
            $('#uploadedItemspic').empty();
            $('#uploadedItemspic').append('\
        <div class="row" id="itempic-' + 0 + '">\
        <div class="col-md-6"><span style="margin-right: 12px;">نام: </span><span>' + input.files[0].name + '</span></div>\
        <div class="col-md-4"><span style="margin-right: 12px;">حجم: </span><span>' + input.files[0].size / 1000 + 'KB</span></div>\
        <div class="col-md-2" onclick="deletfilepic('+ 0 + ')"><span style="margin-right: 12px; cursor: pointer" >&#10006;</span><br></div>\
        </div>\
      ');

            // console.log('input.files:');
            // console.log(input.files);

            // reader.readAsDataURL(input.files[0]);
        }
        // console.log('input.files:');
        // console.log(input.files);
    }
}
function deletfile(id) {
    $('#item-' + id).remove()
    $('input[name=modalUpFile]').val('')
}
function deletfilepic(id) {
    // console.log("GGG",id)
    $('#itempic-' + id).remove()
    $('input[name=modalUpFilepic]').val('')

}
$('#send-data').on('click', function () {
   
    inputname = $("#nameofitem").val();
    timepick = $("#datepick").val();
    inputtime = persianDatepickerInput.getState().selected.unixDate;
    describe = $("#describe").val();

    let formData = new FormData();

    if (inputname != "")
        formData.append('title', inputname);

    if (timepick != "")
        formData.append('deadline', inputtime);


    if (describe != "")
        formData.append('description', describe);


    if ($('input[name=modalUpFile]')[0].files.length != 0)
        formData.append('files', $('input[name=modalUpFile]')[0].files[0]);

    if ($('input[name=modalUpFilepic]')[0].files.length != 0)
        formData.append('image', $('input[name=modalUpFilepic]')[0].files[0]);

    if ((inputname != "") /*&& (describe != "") && (timepick != "") 
        && ($('input[name=modalUpFile]')[0].files.length != 0) 
        && ($('input[name=modalUpFilepic]')[0].files.length != 0)*/) {
        showLoaderScreen();
        $.ajax({
            url: 'https://rms.rmto.ir/events',
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            success: function (result) {
                //console.log(result);
                //hideLoaderScreen();
                alert("اطلاعیه جدید با موفقیت بارگذاری شد!")
                window.open('/events/list', '_self')
            },
            error: function (error) {
                console.log(error);
                hideLoaderScreen();
            }
        });
    }
    else {
        alert("یک عنوان برای این مورد وارد کنید!")
    }
})