{% extends 'base.html' %} {% load humanize %} {% block contentbody %}
<div class="collapse" id="collapseExample">
  <div class="card card-body">
      <form action="{{ request.build_absolute_uri }}" method="GET">
          <div class="row">
              <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="Keep Warm">Keep Warm</option>
                      <option value="High Preference">High Preference</option>
                      <option value="Doc. Submitting">Doc. Submitting</option>
                      <option value="Start Application">Start Application</option>
                      <option value="Upcoming Intake">Upcoming Intake</option>
                      <option value="On Test Preparation">On Test Preparation</option>
                      <option value="Case Closed">Case Closed</option>
                  </select>
              </div>
              <input type="submit" class="btn btn-info btn-sm" value="Search">
          </div>
      </form>
  </div>
</div>

<div class="d-flex py-3 align-items-center justify-content-between">
  <div>
      {% if old %}
      <h4>Old Application List</h4>
      {% else %}
      <h4>Abroad Study List</h4>
      {% endif %}
  </div>
  <div>
      <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>
      {% if old %}
      <a class="unarchiveAction btn btn-info btn-sm" href="">
          Undo Old Application
      </a>
      {% else %}
      <a class="archiveAction btn btn-info btn-sm" href="">
          Old Application
      </a>
      {% endif %}
      <span onclick="send_bulk_sms()" data-toggle="modal" data-target="#exampleModalLong"
          class="archiveAction1 btn btn-warning btn-sm">
          Bulk Sms
      </span>
      {% if perms.enquiry.add_personalinfo %}
      <a href="{% url 'enq:abroad-study-create' %}" class="btn btn-success btn-sm">Add
          <i class="mdi mdi-plus-outline"></i>
      </a>
      {%endif%}
  </div>
</div>
<br />
<div class="container-fluid">
  <div class="collapse filter-wrap" id="filterPanel">
    <div class="card">
      <div class="card-body">
        <form method="get" id="adminFilterForm" class="form-horizontal">
          <div class="row">
            <div class="col-md-4">
              <label for="student">Student Name</label>
              <input type="text" name="student" class="form-control" value="" />
            </div>
            <div class="col-md-4">
              <label for="enquiryNumber">Enquiry Number</label>
              <input type="text" name="enquiryNumber" class="form-control" value="" />
            </div>
            <div class="col-md-4">
              <label for="user">Agent</label>
              <select name="agent" class="form-control">
                <option value="">Select Agent</option>
                <option value="6">Studysys Consult (P.) Ltd.</option>
                <option value="25">Access Education Network</option>
                <option value="26">VN Group Education Consultancy</option>
                <option value="29">Ashim Lamichhane</option>
              </select>
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="row margin-t-5 text-right" style="margin-top: 13px">
            <div class="form-group-sm col-md-12">
              <button type="submit" class="btn btn-primary legitRipple">
                Filter
                <i class="icon-arrow-right14 positio n-right"></i>
              </button>
              <button class="btn btn-primary"
                onclick="event.preventDefault();window.location = window.location.href.split('?')[0]">
                Reset
                <i class="icon-reload-alt"></i>
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- <div class="pull-right">
          <a class="archiveAction" href="">
          <button class="btn btn-flat border-success text-success-400 ">
          Old Application Folder
          </button>
          </a>
       </div> -->
    <div class="card-body">
      <ul class="nav nav-tabs nav-justified">
        {%for x in status%}
        <li class="nav-item active">
          {% ifequal forloop.counter 1%}
          <a href="#basic-justified-tab{{forloop.counter}}" class="nav-link active" data-toggle="tab">{{x}}</a>
          {%else%}
          <a href="#basic-justified-tab{{forloop.counter}}" class="nav-link" data-toggle="tab">{{x}}</a>
          {%endifequal%}
        </li>
        {%endfor%}
      </ul>
      <div class="tab-content">
        {%for x in status%}
          {% ifequal forloop.counter 1%}
            <div class="tab-pane table-responsive active in" id="basic-justified-tab{{forloop.counter}}">
          {%else%}
            <div class="tab-pane table-responsive" id="basic-justified-tab{{forloop.counter}}">
          {%endifequal%}
          <h4 class="heading"></h4>
          <table class="table table-striped">
            <thead class="bg-secondary text-white">
              <tr>
                <th></th>
                <th>Application No.</th>
                <th>Student Details</th>
                <th>Applied University</th>
                <th>Action</th>
              </tr>
            </thead>
            
            {% for data in object_list %}
            {%ifequal data.application_status x%}
            <tbody>
              {% if data.student.created_by == request.user or data.student.assign_to.id == request.user.id or request.user.is_superuser == True or request.user.is_staff == True %}
              <tr>
                <td>
                  <input type="checkbox" id="selectEnquiry-{{data.student.id}}" data-id="{{data.student.id}}" name="selectEnquiry"
                    class="selectEnquiry" />
                </td>
                <td>
                  <p style="color: green"><b>APP-{{data.student.id}}</b></p>
                  <p style="color: blue">{{data.applied_date|naturalday}}</p>
                  <p><b>Enq. Mode:</b> 
                    {%if data.student.otherdetails.enquiry_mode %}
                      <p>{{data.student.otherdetails.enquiry_mode}}</p>
                    {%else%}
                      <p>New</p>
                    {%endif%}
                  </p>
                  {%if data.student.assign_to%}
                    <p>Assigned To: {{data.student.assign_to}}</p>
                  {%endif%}
                  <p><b>Created By:</b>  {{data.student.created_by}}</p>
                  <!-- <p>{{data.application_status}}</p> -->
                </td>
                <td>
                  <p><strong>{{data.student|upper}}</strong></p>
                  <p><b>DOB:</b> {{data.student.dob}}</p>
                  <p><b>Phone:</b> {{data.student.mobile_number}}</p>
                  <p><b>City:</b> {{data.student.address}}</p>
                  <p><b>Email:</b><span style="color: blue">{{data.student.email}}</span></p>
                  
                </td>
                <td>
                  <table class="table table-striped table-hover applied-university-table">
                    <thead class="bg-secondary text-white">
                      <tr>
                        <th>
                          <strong>University Name</strong>
                        </th>
                        <th>
                          <strong>Program Level</strong>
                        </th>
                        <th>
                          <strong>Program Name (Program Type)</strong>
                        </th>
                        <th>
                          <strong>Term (Intake)</strong>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>{{data.university}}</td>
                        <td>{{data.course.program_level}}</td>
                        <td>{{data.course}}</td>
                        <td>{{data.intake}} ({{data.year}})</td>
                      </tr>
                    </tbody>
                  </table>
                  
                  {%for wtf in data.student.rdodstatus_set.all %}
                    {%ifequal wtf.applied_uni_id data.university.id%}
                      {% ifequal wtf.rdod_document.rdod_document_type '1' %}
                        {% ifequal wtf.rdod_document.rdod_display_in_list True %}
                        <p style="padding: 5px">
                          {{wtf.rdod_document}} : &nbsp;
                          <span style="color: {{wtf.rdod_status_name.doc_status_colord_code}}">{{wtf.rdod_status_name}}</span>
                        </p>
                        {%endifequal%}
                      {%endifequal%}
                    {%endifequal%}
                  {%endfor%}
                </td>
                <td style="vertical-align: middle;">
                  {% if perms.enquiry.add_personalinfo %}
                        
                        <a class="delete-item btn btn-info w-100" href="{% url 'enq:abroad-study-detail' data.student.id%}"><i
                                class="icon icon-eye"></i></a><br />
                        {% if enq.assign_to.id == request.user.id or request.user.is_superuser == True %}
                        {% endif %}
                    {% endif %}
                    {% if perms.enquiry.change_personalinfo %}
                    <a href="{% url 'enq:abroad-study-edit' data.student.id %}"
                        class="delete-item btn btn-secondary my-3 w-100"><i class="icon icon-pencil"></i></a>
                        {% if enq.assign_to.id == request.user.id or request.user.is_superuser == True %}
                        {% endif %}
                    {% endif %}
                    {% if perms.enquiry.delete_personalinfo %}
                    <form action="{% url 'enq:abroad-study-del' data.student.id %}" method="GET">
                        {% csrf_token %}
                        <a href="#" class="deleteobject btn btn-danger w-100">
                            <i class="icon icon-trash" url="{% url 'enq:abroad-study-del' data.student.id %}" data-toggle="modal"
                                data-target="#verticalcenter"></i>
                        </a>
                    </form>
                        {% if enq.assign_to.id == request.user.id or request.user.is_superuser == True %}
                        {% endif %}
                    {% endif %}
                </td>
              </tr>
              {%endif%}
            </tbody>
            {%endifequal%}
            {%endfor%}
            
          </table>
          </div>
        {%endfor%}  
      </div>
      
    </div>
  </div>
  </div>
</div>


  {% include 'pages/pagination.html' %} {% endblock %}
  {% block js%}
<script>
    // $(document).ready(function () {

    //     var comments = `{{comments}}`;
    //     console.log(comments);
    //     var my_obj = JSON.parse(comments);
    //     console.log(my_obj);
    // for(i=0;i<my_obj.comm.length;i++){
    //     alert(my_obj.comm[i]);
    //     // document.getElementById("comm"+i.toString()).innerHTML = comments[i];
    // }
    // });


    $('.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 change Selected Enquiry ?');
        if (result) {
            // url = text+temp;
            url = `/enquiry/old/?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 change Selected Enquiry ?');
        if (result) {
            // url = text+temp;
            url = `/enquiry/undo-old/?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);
                    }
                }
            });
        }

    });

    function send_bulk_sms() {
        $('#users_selected').html('');
        // alert(1)
        let allVals = [];
        $('input[name="selectEnquiry"]:checked').each(function () {
            allVals.push({ "id": $(this).data('id'), "name": $(this).data('name'), "mobile": $(this).data('number') });
        });
        console.log(allVals);
        for (i = 0; i < allVals.length; i++) {
            $('#users_selected').append(`<div class="user_selected"><span>${allVals[i].name} :  </span><span>${allVals[i].mobile}</span></div>`);
        }
        return allVals

    }

    function send_messages() {
        // alert(1)
        // let allVals = [];
        var allVals = ""
        $('input[name="selectEnquiry"]:checked').each(function () {
            allVals += $(this).data('number') + ",";
        });

        if (allVals.length == 0) {
            // swal('Please Select Enquiry !!', '', 'warning');
            alert('Plese select enquiry');
            return false;
        }
        if ($('#my_message').val() == '') {
            alert('Please enter message');
            return false;
        }
        // change number here
        if (($("#my_message").val()).length > 300) {
            alert('too long message');
            return false;
        }
        var data = {
            'allVals': allVals,
            'message': $('#my_message').val(),
            'csrfmiddlewaretoken': '{{ csrf_token }}'
        }
        $.ajax({
            type: "POST",
            url: '/sms/bulk/',
            data: {
                'allVals': allVals,
                'message': $('#my_message').val(),
                'csrfmiddlewaretoken': '{{ csrf_token }}'
            },
            dataType: 'JSON',
            success: function (res) {
                // console.log(res);
                notification_msg("message sent successfully");

                // if (res.success == true) {
                // window.location.reload(true);
                // } else {
                // window.location.reload(true);
                // }
            }
        });
    }



    $("#my_message").bind("input propertychange", function () {
        var total_length = ($("#my_message").val()).length
        $("#length_cout").html(300 - total_length)
        // alert(total_length)
    })

</script>

{% endblock %}