{% extends 'base.html' %}
{% load static %}

{% block contentbody %}
<!-- TABLE START -->
<div class="card">
    <!-- TAB BASIS -->
    <div class="card-body">
        <div class="collapse" id="collapseExample">
            <div class="card card-body">
                <form action="{% url 'enq:abroad-study-list' %}" method="GET">
                    <div class="row">
                        <div class="col-md-2">
                            <select class="form-control countrySelect" name="country">
                                <option value="">Select Country</option>
                                {% for each in countrys %}
                                <option value="{{each.id}}">{{each.name}}</option>
                                {% endfor %}

                            </select>
                        </div>
                        <div class="col-md-2">
                            <input class="programName form-control" name="username" placeholder="Search Name"
                                type="text">
                        </div>
                        <div class="col-md-3">
                            <input class="programName form-control" name="contact" placeholder="Search Mobile Number"
                                type="number" min="10">
                        </div>
                        <div class="col-md-2">
                            <input class="programName form-control" name="enquiry" placeholder="Search by Enq id"
                                type="text">
                        </div>
                        <div class="col-md-2">
                            <select class="form-control categorySelect" name="category">
                                <option value="">Select Category</option>
                                <option value="New">New</option>
                                <option value="High Preference">High Preference</option>
                                <option value="Keep Warm">Keep Warm</option>
                                <option value="Doc. Submitting">Doc. Submitting</option>
                                <option value="Case Closed">Case Closed</option>
                                <option value="Office Visited">Office Visited</option>
                                <option value="Upcoming Intake">Upcoming Intake</option>
                                <option value="Start Application">Start Application</option>
                            </select>
                        </div>
                        <input type="submit" class="btn btn-info btn-sm" value="Search">
                    </div>
                </form>
            </div>
        </div>
        <div class="page-breadcrumb">
            <div class="row">
                <div class="col-5 align-self-center">
                    {% if archive %}
                        <h4 class="page-title">Archive Enquiry List</h4>
                    {% else %}
                        <h4 class="page-title">Enquiry List</h4>
                    {% endif %}
                    
                </div>
                <div class="col-7 align-self-center">
                    <div class="d-flex align-items-center justify-content-end">
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb action-buttons pull-right" style="background-color: white;">
                                <li>
                                    <a class="btn btn-primary btn-sm" data-toggle="collapse" href="#collapseExample"
                                        role="button" aria-expanded="false" aria-controls="collapseExample">
                                        Filter <i class="m-r-10 mdi mdi-filter"></i>
                                    </a>
                                </li>
                                <li>
                                    {% if archive %}
                                        <a class="unarchiveAction btn btn-info btn-sm" href="">
                                            Unrchive Folder
                                        </a>
                                    {% else %}
                                        <a class="archiveAction btn btn-info btn-sm" href="">
                                            Archive Folder
                                        </a>
                                    {% endif %}
                                </li>
                                <li>
                                    <a class="archiveAction1 btn btn-warning btn-sm" href="">
                                        Bulk Sms
                                    </a>
                                </li>
                                <li>
                                    <a href="{% url 'enq:abroad-study-create' %}" class="btn btn-success btn-sm">Add
                                        <i class="mdi mdi-plus-outline"></i>
                                    </a>
                                </li>
                            </ul>
                    </div>

                </div>
                <!-- <div class="col-md-1">
                    <h4>
                        <a href="{% url 'enq:abroad-study-create' %}" class="btn btn-success btn-sm">Add
                            <i class="mdi mdi-plus-outline"></i>
                        </a>
                    </h4>
              
            </div> -->
            </div>
        </div>
        <!-- <h4 class="card-title m-b-40">Enquiry List</h4> -->
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home1" role="tab" aria-controls="home1" aria-expanded="true"><span class="hidden-sm-up"> <span class="hidden-xs-down">New</span></a> </li>
            <li class="nav-item"> <a class="nav-link " id="home-tab" data-toggle="tab" href="#home2" role="tab" aria-controls="home2" aria-expanded="false"><span class="hidden-sm-up"> <span class="hidden-xs-down">High Preference</span></a> </li>
        </ul>
        
        <div class="tab-content tabcontent-border p-20" id="myTabContent">
            {% for enq in obj %}
                <div role="tabpanel" class="tab-pane fade active show" id="home1" aria-labelledby="home-tab">
                    {% ifequal enq.category "New" %}
                        <p>{{enq.category}}</p>
                    {% endifequal %}
                </div>
                <div role="tabpanel" class="tab-pane fade" id="home2"  aria-labelledby="profile-tab">
                    {% ifequal enq.category "High Preference" %}
                        <p>{{enq.category}}</p>
                    {% endifequal %}
                </div>
            {% endfor %}
        </div>
    <!-- TAB BASIS END -->
    <div class="card-body ">
        <div class="collapse" id="collapseExample">
            <div class="card card-body">
                
            </div>
        </div>
        
        <div class="table-responsive">
            <table class="table table-striped">
                <thead class="bg-secondary text-white">
                    <tr>
                        <th></th>
                        <th>Enquiry Info</th>
                        <th>Student Details</th>
                        <th>Previous Academic Information</th>
                        <th>Program Interested For </th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% for enq in obj %}
                    <tr>
                        <td><input type="checkbox" name="selectEnquiry" value="{{enq.id}}" data-id="{{enq.id}}" id="selectEnquiry-{{enq.id}}" class="selectEnquiry"></td>

                        <td>
                            <p style="color: green;"><b>ENQ-{{enq.id}}</b></p>
                            Enq. Date: {{enq.enq_date|date:"M d, Y"}} <br>
                            Enq. Mode: {{enq.otherdetails.enquiry_mode}}
                            <br>
                            <p style="color: #488bab">{{enq.otherdetails.agent}}
                            </p>
                        </td>
                        <td>
                            <!-- Student Detail -->
                            {{enq.student_name}}<br>
                            DOB: {{enq.dob}}<br>
                            Phone: {{enq.mobile_number}}<br>
                            City: {{enq.address}}<br>
                            Email: <a href="mailto:{{enq.email}}">{{enq.email}}</a><br>
                        </td>
                        <td>
                            <!-- Previous Academic Detail -->
                            {% if  enq.previousacademicdetail_set.first.program_level == "10 Plus 2 | A Level" %}
                                Last Q: {{enq.previousacademicdetail_set.first.program_level}}<br>
                                Grade: {{enq.previousacademicdetail_set.first.grade_percentage}}<br>
                                Pass Year: {{enq.previousacademicdetail_set.first.passed_year}}<br>
                                Stream: {{enq.previousacademicdetail_set.first.stream}}<br>
                            {% elif enq.previousacademicdetail_set.first.program_level == "Diploma | PCL" %}
                                Last Q: {{enq.previousacademicdetail_set.first.program_level}}<br>
                                Grade: {{enq.previousacademicdetail_set.first.grade_percentage}}<br>
                                Pass Year: {{enq.previousacademicdetail_set.first.passed_year}}<br>
                                Stream: {{enq.previousacademicdetail_set.first.stream}}<br>
                                Degree: {{enq.previousacademicdetail_set.first.degree_name}}<br>
                                Awarding body: {{enq.previousacademicdetail_set.first.awarding_body}}<br>
                                Duration: {{enq.previousacademicdetail_set.first.duration}} years<br>
                            {% else %}
                                Last Q: {{enq.previousacademicdetail_set.first.program_level}}<br>
                                Grade: {{enq.previousacademicdetail_set.first.grade_percentage}}<br>
                                Pass year: {{enq.previousacademicdetail_set.first.passed_year}}<br>
                                Degree: {{enq.previousacademicdetail_set.first.degree_name}}<br>
                                Uni: {{enq.previousacademicdetail_set.first.degree_name}}<br>
                                Duration: {{enq.previousacademicdetail_set.first.duration}} years<br>
                            {% endif %}
                            <!-- Test Score: {{enq.marital_status}}<br> -->
                        </td>
                        <td>

                            <table class="table table-striped">
                                <thead class="bg-secondary text-white">
                                    <tr>
                                        <th>Country</th>
                                        <th>Level</th>
                                        <th>
                                            Program Details
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>


                                        <td>{{ enq.programinterestedfor.first.country}}</td>
                                        <td>{{ enq.programinterestedfor.first.pg_level}}</td>
                                        <td>
                                            {% for course in enq.programinterestedfor.first.pgcoursedetail.all %}
                                            - {{course}}<br>
                                            {% endfor %}
                                        </td>

                                    </tr>
                                </tbody>
                            </table>
                        </td>
                        <td style="vertical-align: middle;">
                            <a class="delete-item" href="{% url 'enq:abroad-study-detail' enq.id%}"><i
                                    class="icon icon-eye"></i></a><br />
                            <a href="{% url 'enq:abroad-study-edit' enq.id%}" class="delete-item"><i
                                    class="icon icon-pencil"></i></a>
                            <form action="{% url 'enq:abroad-study-del' enq.id %}" method="GET">
                                {% csrf_token %}
                                <a href="#" class="deleteobject">
                                    <i class="icon icon-trash" url="{% url 'enq:abroad-study-del' enq.id %}"
                                        data-toggle="modal" data-target="#verticalcenter"></i>
                                </a>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>

        </div>
    </div>
</div>
{% include 'pages/pagination.html' %}

<!-- TABLE END -->
<!-- <div id="verticalcenter" class="modal" tabindex="-1" role="dialog" aria-labelledby="vcenter" aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h4>Are you sure you want to delete?</h4>
                <div>  
                    <input class="btn btn-danger" type="submit" value="Yes, I’m sure">
                    </div>
                    <button type="button" class="btn btn-primary button cancel-link" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div> -->
{% endblock%}

{% block js%}
<script>
    $('.archiveAction').on('click', function (e) {
        let url;
        e.preventDefault();
        let allVals = [];
        $('input[name="selectEnquiry"]:checked').each(function () {
            allVals.push($(this).data('id'));
        });
        if (allVals.length == 0) {
            // swal('Please Select Enquiry !!', '', 'warning');
            alert('Plese select enquiry');
            return false;
        }
        let currentURL=$(location).attr('href')
        console.log(currentURL);
        let result = confirm('Are You Sure you want to archive Selected Enquiry ?');
        if (result) {
            // url = text+temp;
            url = `/enquiry/archive/?id=${allVals}`;
            $.ajax({
                type: "POST",
                url: url,
                data: { allVals: allVals ,csrfmiddlewaretoken: '{{ csrf_token }}'},
                dataType: 'JSON',
                success: function (res) {
                    if (res.success == true) {
                        window.location.reload(true);
                    } else {
                        window.location.reload(true);
                    }
                }
            });
        }
    });

    $('.unarchiveAction').on('click', function (e) {
        let url;
        e.preventDefault();
        let allVals = [];
        $('input[name="selectEnquiry"]:checked').each(function () {
            allVals.push($(this).data('id'));
        });
        if (allVals.length == 0) {
            // swal('Please Select Enquiry !!', '', 'warning');
            alert('Plese select enquiry');
            return false;
        }
        let currentURL=$(location).attr('href')
        console.log(currentURL);
        let result = confirm('Are You Sure you want to archive Selected Enquiry ?');
        if (result) {
            // url = text+temp;
            url = `/enquiry/unarchive/?id=${allVals}`;
            $.ajax({
                type: "POST",
                url: url,
                data: { allVals: allVals ,csrfmiddlewaretoken: '{{ csrf_token }}'},
                dataType: 'JSON',
                success: function (res) {
                    console.log(res);
                    if (res.success == true) {
                        window.location.reload(true);
                    } else {
                        // console.log(res.errorMsg);
                        window.location.reload(true);
                    }
                }
            });
        }
    });
</script>

{% endblock %}