Untitled

// All Default Breadcrumb hide
$(".hall_default_breadcrumb_remove").find(".breadcrumb").hide();

// All Alert hide
$("#hall_terms_alerts").hide();
$('#hall_alert').hide()
$('#level_alert').hide()
$('#room_alert').hide()

var hall_requisition_table_data = 1


// Requisition Data save
$("#confirm_submit_hall").click(function(){
    var hall_requisition_table = $('#hall_requisition_table tbody')
    var hall_requisition_table_rowCount = $('#hall_requisition_table tbody tr').length;
    var data_list= []

    for (var j = 0; j < hall_requisition_table_rowCount; j++){
        var b = "tr:eq()";
        var output = [b.slice(0, 6), j, b.slice(6)].join('');

        var col1=hall_requisition_table.find(output).find("td:eq(1) select").val(); // get current row 1st TD value
        var col2=hall_requisition_table.find(output).find("td:eq(2) input").val(); // get current row 2nd TD
        var col3=hall_requisition_table.find(output).find("td:eq(3) input").val(); // get current row 3rd TD
        var data= ""+col1+"/"+col2+"/"+ col3+"";

        data_list.push(data);
    }
    data_list.join(',');
    $("input[name=hall_requisition_row]").val(data_list)
    $("input[name=hall_requisition_item_all_row_data]").val(hall_requisition_table_rowCount)

});


// Loader function
$(function() {
    $(".preload").fadeOut(function() {
        $(".content").fadeIn();
    });
});

// $(function () {
//     $('#to_date').datetimepicker({
//         useCurrent: true
//     });
// });

//
function hall_booking_form(){
    if($("#checkbox_hall_terms_and_conditions").prop('checked') == true){
        document.location.href = "/hall/booking/form";
    }else{
        $("#hall_terms_alerts").show();
    }
}

function hall_alert_hide(){
    if($("#checkbox_hall_terms_and_conditions").prop('checked') == true){
        $("#hall_terms_alerts").hide();
    }else{
        $("#hall_terms_alerts").show();
    }
}

function get_all_room(){

    if($("#student_gender").val() === "m"){
        get_male_room($("#hall_semester_id").val(), $("input[id=hall_semester_year]").val(), $("#male_level_id").val())
    }else{
        get_female_room($("#hall_semester_id").val(), $("input[id=hall_semester_year]").val(), $("#female_level_id").val())
    }

}

function get_female_room(semester, year, level){

     if(semester === "" || year === "" || level === ""){
         $("#female_room_id option").remove();

            $('#female_room_id').append($('<option>', {
                value: "",
                text: 'Select Room...'
             }));
     }

     else if(semester !== "" && year !== "" && level !== ""){

         var base_url = window.location.origin;
         var data = "?types=" + level
         var semester_url ="&semester=" + semester
         var year_url ="&year=" + year

         const url = base_url + '/get/level_wise_room'+data+semester_url+year_url;

         var xhttp = new XMLHttpRequest();

         xhttp.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {
              //Typical action to be performed when the document is ready:
             var response = xhttp.responseText.toString().replace(/'/g, '"');

             if (response != 'None'){

                 var x = JSON.parse(response);
                 $("#female_room_id option").remove();

                  $('#female_room_id').append($('<option>', {
                     value: "",
                     text: 'Select Room...'
                  }));

                 x.forEach(myFunction);
                 function myFunction(item, index) {
                     $('#female_room_id').append($('<option>', {
                         value: item['id'],
                         text: item['name']
                     }));
                 }
            }
           }
         };
        xhttp.open("GET", url, true);
        xhttp.send();
     }

     else{
         $("#female_room_id option").remove();

            $('#female_room_id').append($('<option>', {
                value: "",
                text: 'Select Room...'
             }));
        }
}

function get_male_room(semester, year, level){

     if(semester === "" || year === "" || level === ""){
          $("#male_room_id option").remove();

          $('#male_room_id').append($('<option>', {
              value: "",
              text: 'Select Room...'
          }));
     }

     else if(semester !== "" && year !== "" && level !== ""){

         var base_url = window.location.origin;
         var data = "?types=" + level
         var semester_url ="&semester=" + semester
         var year_url ="&year=" + year

         const url = base_url + '/get/level_wise_room'+data+semester_url+year_url;

         var xhttp = new XMLHttpRequest();

         xhttp.onreadystatechange = function() {
             if (this.readyState == 4 && this.status == 200) {
                 //Typical action to be performed when the document is ready:
                var response = xhttp.responseText.toString().replace(/'/g, '"');
                if (response != 'None'){

                    var x = JSON.parse(response);
                    $("#male_room_id option").remove();

                     $('#male_room_id').append($('<option>', {
                        value: "",
                        text: 'Select Room...'
                     }));

                    x.forEach(myFunction);
                    function myFunction(item, index) {
                        $('#male_room_id').append($('<option>', {
                            value: item['id'],
                            text: item['name']
                        }));
                    }
                }
               }
             };
            xhttp.open("GET", url, true);
            xhttp.send();
     }

     else{
          $("#male_room_id option").remove();

          $('#male_room_id').append($('<option>', {
              value: "",
              text: 'Select Room...'
          }));
        }
}


function hall_modal_alert(hall_id){

    if($("#student_gender").val() === "m"){
        if($('#male_hall_id').val() === ""){
            $('#hall_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#hall_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(hall_id)
        }
    }

    else{

        if($('#female_hall_id').val() === ""){
            $('#hall_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#hall_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(hall_id)
        }

    }

}

function level_modal_alert(level_id){

    if($("#student_gender").val() === "m"){
        if($('#male_level_id').val() === ""){
            $('#level_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#level_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(level_id)
        }
    }

    else{

        if($('#female_level_id').val() === ""){
            $('#level_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#level_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(level_id)
        }

    }

}

function room_modal_alert(room_id){

    if($("#student_gender").val() === "m"){
        if($('#male_room_id').val() === ""){
            $('#room_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#room_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(room_id)
        }
    }

    else{

        if($('#female_room_id').val() === ""){
            $('#room_alert').show()
            $('#facility_view').modal('hide');
        }
        else{
            $('#room_alert').hide()
            $('#facility_view').modal('show');
            view_facility_all(room_id)
        }

    }

}


function view_facility_all(facility){

    $("#male_image_view_all").empty();

    if(facility === ""){
        $('#hall_alert').hide()
        $('#level_alert').hide()
        $('#room_alert').hide()
        $('#facility_view').modal('hide');
        $("#male_image_view_all").append("<h6>No Facility Selected</h6>")

    }
    else{
        $('#hall_alert').hide()
        $('#level_alert').hide()
        $('#room_alert').hide()
        $('#facility_view').modal('show');

        var base_url = window.location.origin;
        var data = "?types=" + facility

        const url = base_url + '/hall/booking/image/view'+data;

        var xhttp = new XMLHttpRequest();

        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                 //Typical action to be performed when the document is ready:
                var response = xhttp.responseText.toString().replace(/'/g, '"');

                if (response != 'None'){

                    if(response.length === 2){

                        $("#male_image_view_all").append("<h6>No File Uploaded</h6>")
                    }

                    else{
                        var x = JSON.parse(response);

                        x.forEach(myFunction);

                        function myFunction(item, index) {
                            var image = 'data:image/png;charset=utf-8;base64 , '+ item['data']
                            var name = item['name']
                             $("#male_image_view_all").append(
                                 "<div class='form-group col-md-3'>" +
                                 "<div class='custom'>" +
                                 "<img id='theImg' class='p-1 d-block rounded border border-dark custom_picture_box_portal_hall' src ='"+ image +"' />" +
                                 "<div class='text-center mt-3'><span>"+ name +"</span></div>" +
                                 "</div>" +
                                 "</div>"
                             )
                        }
                    }
                }
            }
        };
        xhttp.open("GET", url, true);
        xhttp.send();

    }
}


$(document).ready(function(){

    $('#hall_semester_year').datetimepicker({
        viewMode: 'years',
        format: 'YYYY'
    });

    $('#renewal_semester_year').datetimepicker({
        viewMode: 'years',
        format: 'YYYY'
    });

    $("#male_hall_id").change(function(){

        var base_url = window.location.origin;
        var data = "?types=" + $("#male_hall_id").val()

        const url = base_url + '/get/hall_wise_level'+data;

        var xhttp = new XMLHttpRequest();

        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                 //Typical action to be performed when the document is ready:
                var response = xhttp.responseText.toString().replace(/'/g, '"');

                if (response != 'None'){

                    var x = JSON.parse(response);
                    $("#male_level_id option").remove();

                     $('#male_level_id').append($('<option>', {
                        value: "",
                        text: 'Select Level...'
                     }));

                    x.forEach(myFunction);
                    function myFunction(item, index) {
                        $('#male_level_id').append($('<option>', {
                            value: item['id'],
                            text: item['name']
                        }));
                    }
                }
            }
        };
        xhttp.open("GET", url, true);
        xhttp.send();

    });

    $("#female_hall_id").change(function(){
        var base_url = window.location.origin;
        var data = "?types=" + $("#female_hall_id").val()

        const url = base_url + '/get/hall_wise_level'+data;

        var xhttp = new XMLHttpRequest();

        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                 //Typical action to be performed when the document is ready:
                var response = xhttp.responseText.toString().replace(/'/g, '"');

                if (response != 'None'){

                    var x = JSON.parse(response);
                    $("#female_level_id option").remove();

                     $('#female_level_id').append($('<option>', {
                        value: "",
                        text: 'Select Level...'
                     }));

                    x.forEach(myFunction);
                    function myFunction(item, index) {
                        $('#female_level_id').append($('<option>', {
                            value: item['id'],
                            text: item['name']
                        }));
                    }
                }
            }
        };
        xhttp.open("GET", url, true);
        xhttp.send();

    });

    $("#requisition_item_id").change(function(){

        var base_url = window.location.origin;
        var data = "?types=" + $("#requisition_item_id").val()

        const url = base_url + '/get/item_wise_code'+data;

        var xhttp = new XMLHttpRequest();

        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                 //Typical action to be performed when the document is ready:
                var response = xhttp.responseText.toString().replace(/'/g, '"');

                if (response != 'None'){

                    var x = JSON.parse(response);
                    $("#item_code").val("");

                    x.forEach(myFunction);
                    function myFunction(item, index) {
                        $("#item_code").val(item['code']);
                    }
                }
            }
        };
        xhttp.open("GET", url, true);
        xhttp.send();

    });

    // Add Clone field in O-Level Academic Table
    var hall_requisition_data = 0
    var hall_requisition_num = 0

    $("#add_hall_requisition_item").click(function(){

        var hall_requisition_table_main_body = document.getElementById("hall_requisition_table_body_row");
        var cln = hall_requisition_table_main_body.cloneNode(true);
        document.getElementById("hall_requisition_record_body").append(cln);

        var table = $('#hall_requisition_table tbody')
        hall_requisition_data = hall_requisition_data+1
        hall_requisition_table_data = hall_requisition_table_data+1;

        var a = "tr:eq()";
        var output = [a.slice(0, 6), hall_requisition_data, a.slice(6)].join('');

        table.find(output).find("td:eq(1) select[id='requisition_item_id']").removeAttr("selected");
        table.find(output).find("td:eq(1) select[id='requisition_item_id'] option:eq(0)").attr('selected', 'selected');

        table.find(output).find("td:eq(2) input[id='item_code']").val("");
        table.find(output).find("td:eq(3) input[id='item_quantity']").val(1);

        table.find(output).find("td:eq(1) select[id='requisition_item_id']").each(function(){
            $(this).attr('name','requisition_item_id'+hall_requisition_num);
            $(this).attr('required');
        });

        table.find(output).find("td:eq(3) input[id='item_quantity']").attr("required","required");

        table.find(output).find("td:eq(1) select").find('option:eq(0)').prop('disabled', 'disabled');
        hall_requisition_num = hall_requisition_num + 1;

        var requisition_item_row=table.find(output).find("td:eq(1) select");

        requisition_item_row.change(function(){

            var requisition_item_row_id = requisition_item_row.children("option:selected").val();

            var base_url = window.location.origin;
            var data = "?types=" + requisition_item_row_id

            const url = base_url + '/get/item_wise_code'+data;

            var xhttp = new XMLHttpRequest();

            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                     //Typical action to be performed when the document is ready:
                    var response = xhttp.responseText.toString().replace(/'/g, '"');

                    if (response != 'None'){

                        var x = JSON.parse(response);
                        table.find(output).find("td:eq(2) input[id='item_code']").val("");

                        x.forEach(myFunction);
                        function myFunction(item, index) {
                            table.find(output).find("td:eq(2) input[id='item_code']").val(item['code']);
                        }
                    }
                }
            };
            xhttp.open("GET", url, true);
            xhttp.send();

        });
    });


    // Find and remove selected table rows
    $("#delete_hall_requisition_item").click(function(){
        $("#hall_requisition_table tbody").find('input[id="hall_requisition_select"]').each(function(){
            if($(this).is(":checked")){
                $(this).parents("tr").remove();
                hall_requisition_data = hall_requisition_data - 1;
                hall_requisition_num = hall_requisition_num - 1;
                hall_requisition_table_data = hall_requisition_table_data -1;
            }
        });
    });

});


// Requisition Data save
$("#renew_seat").click(function(){
    $("#renewal_value").val($("#renew_seat").data('id'))
});

function hall_renewal_form(){
    if($("#checkbox_hall_renewal_terms_and_conditions").prop('checked') === true){
        $("#renewal_submit").removeAttr("disabled")
    }else{
        $("#renewal_submit").attr("disabled", "true")
    }
}

$("#renewal_submit").click(function(){
    document.location.href = "/hall/renewal/form/"+$("#renewal_value").val();
});


// Requisition Data save
$("#cancel_seat").click(function(){
    $("#cancel_value").val($("#cancel_seat").data('id'))
});

function hall_cancel_form(){
    if($("#checkbox_hall_cancel_terms_and_conditions").prop('checked') === true){
        $("#cancel_submit").removeAttr("disabled")
    }else{
        $("#cancel_submit").attr("disabled", "true")
    }
}

$("#cancel_submit").click(function(){
    document.location.href = "/hall/cancellation/form/"+$("#cancel_value").val();
});