{% extends 'base.html' %}

{% block contentbody %}
{% csrf_token %}
<div class="table-holder" style="overflow-x: scroll;">
<table class="table table-condensed table-bordered table-hover" style="overflow-x: scroll;" >
    <tr>
        
        <th>
            Course Name
        </th>
        <th>
            Program Level
        </th>
        <th>
            Concentration
        </th>
        <!-- <th>
            Location
        </th> -->
        <th>
            Application fee
        </th>
        <th>
            Duration
        </th>
        <th>
            Tuition fee
        </th>
        <th>
            entry_req    
        </th>
        <th>
            test_score_req
        </th>
        <th>
            application_deadline
        </th>
        <th>
            scholarship_detail
        </th>
        <th>
            remarks
        </th>

    </tr>
    <tbody id="body_table">
    {% for form in forms %}
    <tr data-id="{{form.1}}">
        <form class="my_courses_form" action="{% url 'university:edit_course_information' form.1 %}" method="post" >
            {% csrf_token %}
        <td>
        <span class="course_names">

        </span>

        <!-- </span> -->
        <span id="course_hidden" style="display: none;">
        
            {{ form.0.course }}

            
        </span>
            <span id="uni_campus_hidden" style="display: none;">

                {{ form.0.uni_or_campus }}
            </span>
        </td>
        <td>
            <span class="program_levelss">
            </span>
            <span id="program_level_hidden" style="display: none;">
                
                {{ form.0.program_level }}
            </span>
        </td>
        <td>
           
            {{ form.0.concentration }}
        </td>
        
        <td>
            {{ form.0.application_fee }}
        </td>
        <td>
            {{ form.0.duration }}
        </td>
        <td>
            {{ form.0.tuition_fee }}
        </td>
        <td>
            {{ form.0.entry_req }}
        </td>
        <td>
            {{ form.0.test_score_req }}
        </td>
        <td>
            {{ form.0.application_deadline }}
        </td>
        <td>
            {{ form.0.scholarship_detail }}
        </td>
        <td>
            {{ form.0.remarks }}    
        </td>
    </form>
    </tr>
        {% endfor %}
    </tbody>
</table>
<input type="button" class="btn btn-danger" value="Submit" onclick="submit_all()" />
</div>
{% endblock %}
{% block js %}
<script>
    $(document).ready(function() {

    var courses = $(".course_name")
    for(var i = 0; i < courses.length; i++) {
        var course =  $('option:selected',courses[i]).text();
        // console.log(course);
        $(courses[i]).closest('td').find('.course_names').text(course);

    }
   
    var program_levels = $(".program_lev");
    for(var i = 0; i < program_levels.length; i++) {
        var program_level =  $('option:selected',program_levels[i]).text();
        // console.log(program_level);
        $(program_levels[i]).closest('td').find('.program_levelss').text(program_level);

    }

    });

    function submit_all(){

     $('#body_table tr').each(function(index, el) {
        var tr = $(this)
        var id = tr.data('id');
        var my_obj = {
            'program_level': parseInt(tr.find('#program_level').find('option:selected').val()),
            'concentration': tr.find('#concerntration').val(),
            // 'location': tr.find('#location').val(),
            'application_fee': tr.find('#application_fee').val(),
            'admission_requirements': tr.find('#admission_requirements').val(),
            'duration': tr.find('#duration').val(),
            'tuition_fee': tr.find('#tuition_fee').val(),
            'uni_or_campus': parseInt(tr.find('#uni_or_campus').find('option:selected').val()),
            'course': parseInt(tr.find('#courses').find('option:selected').val()),

            // new
            'entry_req': tr.find('#entry_req').val(),
            'test_score_req': tr.find('#test_score_req').val(),
            'application_deadline': tr.find('#application_deadline').val(),
            'scholarship_detail': tr.find('#scholarship_detail').val(),
            'backlog_range': tr.find('#backlog_range').val(),
            'remarks': tr.find('#remarks').val(),
        };
        $.ajax({
            url: "/university/bulk-submit-course-information/",
            type: 'POST',
            data: {"obj":JSON.stringify(my_obj),
                "id":id,
                'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val()
    
        
        },
            success: function(data) {
                notification_msg(data.data)
            }
        });

     });
        
        
        
    }

// $("#concerntration").on('focusout paste'),function(){
//     criteria.push($(this).nearest('tr'));
// }
function delete_course(elem){
    var id = $(elem).data('id');
    var name = $(elem).data('name');
    console.log()
    var del = confirm("Are you sure you want to delete "+name+"?");
    if (del == true){
        $("#delete_form_"+id).submit();
    }
}
</script>
{% endblock %}