{% include "header.html" %}

<!-- main page  -->
<div class="mdk-header-layout__content">

    <div class="mdk-drawer-layout js-mdk-drawer-layout" data-push data-responsive-width="992px">
        <div class="mdk-drawer-layout__content page">

            <div class="container page__heading-container">
                <div class="page__heading">
                    
                </div>

                <div class="row mb-3">
                    <div class="col-12">
                        <h1 class="heading">Contact Us Enquiries</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="#">Home</a>
                                </li>
    
                                <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                            </ol>
                        </nav>
                    </div> 
                </div>
                <div class="mb-3 mt-4">
                    <div class="card card-body mb-3">
                        <h4>Filters</h4>
                        <form method="GET">
                            <div class="row justify-content-center">
                                <div class="col-lg-2 col-md-4 col-12">
                                    <input type="hidden" name="page" value="{{page}}" />
                                    <div class="form-group">
                                        <label>Name</label>
                                        <input type="text" name="name" {% if name != None %} value="{{name}}"{% else %} value=""{% endif %}  class="form-control" placeholder="Name..">
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-12">
                                    <div class="form-group">
                                        <label>Email Id</label>
                                        <input type="email" name="email" {% if email != None %} value="{{email}}"{% else %} value=""{% endif %} class="form-control" placeholder="email..">
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-12">
                                    <div class="form-group">
                                        <label>Contact Number</label>
                                        <input type="number" name="contact" {% if contact != None %} value="{{contact}}"{% else %} value=""{% endif %}class="form-control" placeholder="contact..">
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-9 col-12">
                                    <div class="form-group row">
                                        <!-- <label for="name col-md-12">Select Dates</label> -->
                                        <div class="col-md-6 mb-md-0 mb-4">
                                            <label for="">From Dates</label>
                                            <input type="date" class="form-control" name="from_date" value="{{from_date}}"/>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="">To Dates</label>
                                            <input type="date" class="form-control" name="to_date" value="{{to_date}}"/>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-2 col-md-3 col-12">
                                    <div class="justify-content-center m-top-18px">
                                        <label for="name" class="form-label"></label>
                                        <button class="btn add-btn" type="submit">Filter</button>
                                        <a class="btn btn-refresh" href="{{SITE_URL}}/admin/contact-us-enquiries"><i class="fas fa-sync-alt"></i></a>
                                    </div>
                                    
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>



            <div class="container page__container exam-module">
                <div class="card card-body">
                    <div class="row no-gutters">

                        <div class="col-lg-12 card-body">

                            <div class="table-responsive border-bottom" data-toggle="lists"
                                data-lists-values='["js-lists-values-employee-name"]'>

                                <table class="table mb-0 thead-border-top-0">
                                    <thead class="table-heading">
                                        <tr>
                                            <th class="table-head">Sr.No.</th>
                                            <th class="table-head">Name</th>
                                            <th class="table-head">Email Id</th>
                                            <th class="table-head">Contact Number</th>
                                            <th class="table-head">Created On</th>
                                            
                                            <th class="table-head">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody class="list" id="staff">
                                        {% for enquiry in enquiries %}
                                        <tr class="">
                                            <td>{{forloop.counter}}</td>
                                            <td>
                                                <div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span
                                                            class="js-lists-values-exam-name exam-name">{{enquiry.first_name}}&nbsp;{{enquiry.last_name}}</span>
                                                    </div>
                                                </div>
                                            </td>

                                            <td>
                                                <div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span
                                                            class="js-lists-values-exam-name exam-name">{{enquiry.email}}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span
                                                            class="js-lists-values-exam-name exam-name">{{enquiry.contact}}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span
                                                            class="js-lists-values-exam-name exam-name">{{enquiry.created_at}}</span>
                                                    </div>
                                                </div>
                                            </td>

                                            <td span="2">
                                                <a href="#modal-delete" class="delete-button badge badge-danger"
                                                    data-toggle="modal" data-id="{{enquiry.id}}"><i
                                                        class="fas fa-trash delete"></i></a>
                                                <!-- <a href="#edit-enquiry-code-modal"
                                                    class="edit-button badge badge-warning edit" data-toggle="modal"
                                                    data-id="{{enquiry.id}}" 
                                                    data-fname="{{enquiry.first_name}}"
                                                    data-lname="{{enquiry.last_name}}"
                                                    data-email="{{enquiry.email}}"
                                                    data-contact="{{enquiry.contact}}"
                                                   ><i class="fas fa-edit"></i></a> -->

                                            </td>
                                        </tr>
                                        {% endfor %}



                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>

                </div>


                <div class="col-lg-12 p-0">
                    <ul class="pagination m-0">
                        {% if enquiries.has_previous %}
                        <li class="page-item ">
                            <a class="page-link" href="?page={{ enquiries.previous_page_number }}{{filter}}"
                                aria-label="Previous">
                                <span aria-hidden="true" class="material-icons">chevron_left</span>
                                <span>Prev</span>
                            </a>
                        </li>
                        {% endif %}

                        <li class="page-item active ">
                            <a class="page-link" href="?page={{ enquiries.number }}{{filter}}" aria-label="1">
                                <span>{{ enquiries.number }}</span>
                            </a>
                        </li>

                        {% if enquiries.has_next %}

                        <li class="page-item">
                            <a class="page-link" href="?page={{ enquiries.next_page_number }}{{filter}}" aria-label="Next">
                                <span>Next</span>
                                <span aria-hidden="true" class="material-icons">chevron_right</span>
                            </a>
                        </li>
                        {% endif %}
                    </ul>
                </div>

            </div>

        </div>


        <!-- // END drawer-layout__content -->

        <!-- drawer -->
        {% include "sidebar.html"%}
        <!-- // END drawer -->
    </div>
    <!-- // END drawer-layout -->

</div>
<!-- // END header-layout__content -->

</div>

<!-- // END header-layout -->

{% include "footer.html" %}


<!-- =========== edit exam category model start =============  -->

<!-- <div id="edit-enquiry-code-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-dismiss="modal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="px-3">
                    <h4 class="modal-heading">Edit Coupon</h4>
                    <form method="post" enctype="multipart/form-data" class="edit_enquiry_code_form modal-form">
                        {% csrf_token %}

                        <input type="hidden" name="id" id="enquiry_id">

                        <div class="form-group">
                            <label for="name">Coupon Code</label>
                            <input class="form-control" type="text" id="code" name="code" />
                        </div>

                        <div class="form-group">
                            <label for="course_name">Select Course </label>
                            <select data-toggle="select" name="course_name" id="course" class="form-control section">
                               
                                {% for course in all_courses %}
                                <option value="{{ course.id }}">{{ course.course_name }}</option>
                                {% endfor %}

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="minimum_amount">Minimum Amount</label>
                            <input class="form-control" type="text" id="min_amount" name="minimum_amount" />
                        </div>
                        <div class="form-group">
                            <label for="discount_type">Discount Type </label>
                            <select name="discount_type" data-toggle="select" id="d_type" class="form-control">
                                <option selcted="">Select discount Type</option>
                                <option value="percent">percent</option>
                                <option value="amount">amount</option>
                            </select>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label for="Discount">Discount</label>
                            <input class="form-control" type="text" id="discount" name="discount" required="" />
                        </div>
                        <div class="form-group">
                            <label for="name">Valid To</label>
                            <input class="form-control" type="datetime-local" id="validto" name="validto" />
                        </div>

                        <div class="form-group">
                            <label for="status">Status </label>
                            <select id="status" name="status" data-toggle="select" class="form-control">
                                <option selected="">Active</option>
                                <option selected="">Inactive</option>

                            </select>
                        </div>
                        <div id="edit_msg"></div>
                        <div class="form-group text-center">
                            <button class="btn modal-btn" type="submit">Save</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>

    </div>

</div> -->

<!-- ========== edit exam category model end ==========  -->

<!--========= delete modal start==========  -->

<div id="modal-delete" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content">
            <div class="modal-body text-center p-4">
                <form method="post" enctype="multipart/form-data" id="delete_form">
                    {% csrf_token %}
                    <h4 class="">Are you sure you want to delete?</h4>
                    <input type="hidden" name="id" id="delete_id" />
                    <button type="submit" class="btn btn-danger">Yes</button>
                    <button type="button" class="btn btn-light text-dark" data-dismiss="modal">No</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!--========= delete modal end ==========  -->




</body>
<!-- <script>

  
    $('#add-enquiry-code-form').submit(function (event) {
        
        event.preventDefault();

        var formData = new FormData($(this)[0]);

       
        $.ajax({
            url: '{% url "add_coupons" %}',
            type: 'POST',
            data: formData,
            processData: false,
            dataType: 'json',
            contentType: false,
            success: function (response) {
                if (response.status == 'success') {
                    $('#add-enquiry-code-modal').modal('hide');
                    setTimeout(function () {
                        Swal.fire({
                            icon: 'success',
                            title: 'Success!',
                            text: 'enquiry created successfully.',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'OK'
                        });
                    }, 2000);
                    setTimeout(function () {
                        location.reload();
                    }, 3000);
                   
                }
                else {

                    $('#msg').html('<div class="text-danger">' + response.msg + '</div>');
                }
            },
            error: function (xhr, status, error) {
               
                console.log(error);
            }
        });

    });
</script> -->

<!-- <script>
    
    $('.edit-button').click(function () {
        var id = $(this).data('id');
        $('#enquiry_id').val(id);
        $('#code').val($(this).data('code'));
        $('#course').val($(this).data('course'));
        $('#min_amount').val($(this).data('minamount'));
        $('#d_type').val($(this).data('dtype'));
        $('#discount').val($(this).data('amount'));
        $('#validto').val($(this).data('validto'));
        $('#status').val($(this).data('status'));

    })

    
    $('.edit_enquiry_code_form').submit(function (event) {
        
        event.preventDefault();

        var formData = new FormData($(this)[0]);

       
        $.ajax({
            url: '{% url "edit_coupon" %}',
            type: 'POST',
            data: formData,
            processData: false,
            dataType: 'json',
            contentType: false,
            success: function (response) {
                if (response.status == 'success') {
                    $('#edit-enquiry-code-modal').modal('hide');
                    setTimeout(function () {
                        Swal.fire({
                            icon: 'success',
                            title: 'Success!',
                            text: 'enquiry updated successfully.',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'OK'
                        });
                    }, 2000);
                    setTimeout(function () {
                        location.reload();
                    }, 3000);
                    
                }
                else {

                    $('#edit_msg').html('<div class="text-danger">' + response.msg + '</div>');
                }
            },
            error: function (xhr, status, error) {
               
                console.log(error);
            }
        });

    });
</script> -->

<script>
    $('.delete-button').click(function () {
        var id = $(this).data('id');
        $('#delete_id').val(id);
    })
  
    $('#delete_form').submit(function (event) {
       
        event.preventDefault();
        var formData = new FormData($(this)[0]);

        $.ajax({
            url: '{% url "delete_Contact_us_enquiries" %}',
            type: 'POST',
            data: formData,
            processData: false,
            dataType: 'json',
            contentType: false,
            success: function (response) {
                if (response.status == 'success') {
                    $('#modal-delete').modal('hide');
                    setTimeout(function () {
                        Swal.fire({
                            icon: 'success',
                            title: 'Success!',
                            text: 'enquiry deleted successfully.',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'OK'
                        });
                    }, 1000);
                    setTimeout(function () {
                        location.reload();
                    }, 1000);
                    $('#msg').html('<div class="text-success">' + response.msg + '</div>');
                }
                else {

                    $('#msg').html('<div class="text-danger">' + response.msg + '</div>');
                }
            },
            error: function (xhr, status, error) {
                console.log(error);
            }
        });

    });
</script>

</html>