{% load static %}
<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                    x
                </button>
            </div>
            <div class="modal-body">
                <p class="modal-text">Are you sure you want to<br>Delete </p>
                <div class="modal-btn d-flex ">
                    <button><a class="extra-btn" href="#" data-dismiss="modal">No</a></button>
                    <button><a class="download-btn" href="#" data-dismiss="modal">Yes</a></button>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="message-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining
                    essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
                    containing Lorem Ipsum passages.</p>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="reply-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Reply to: akanksha@gmail.com</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="col-xxl-12">
                    <textarea name="post-meta-description" class="form-control" id="post-meta-description" cols="10" rows="5"></textarea>

                    <button><a href="#" class="download-btn">Reply</a></button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reset-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Enter Password</label>
                        <input type="password" class="form-control">
                    </div>
                </div>
                <p class="modal-text note">Note<span>*</span>: New Password sent to user's email</p>
                <button><a class="download-btn" href="" data-dismiss="modal">Reset Password</a></button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-feedback" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Add Feedback</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Title</label>
                        <textarea class="form-control"></textarea>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Given By</label>
                        <input type="email" class="form-control">
                    </div>
                </div>

                <div class="modal-btn d-flex ">
                    <button><a class="download-btn" href="#" data-dismiss="modal">Save</a></button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-faq" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Add FAQ</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Question</label>
                        <input type="email" class="form-control">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Answer</label>

                        <textarea class="form-control"></textarea>
                    </div>
                </div>

                <div class="modal-btn d-flex ">
                    <button>a class="download-btn" href="#" data-dismiss="modal">Save</a></button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="edit-faq" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">Edit FAQ</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Question</label>
                        <input type="email" class="form-control" value=". Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos ">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="mb-4">
                        <label class="form-label">Answer</label>
                        <textarea class="form-control">. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incepto. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos </textarea>
                    </div>
                </div>

                <div class="modal-btn d-flex ">
                    <button><a class="download-btn" href="#" data-dismiss="modal">Save</a></button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="view_sub-admin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg " role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header pb-10">
                    <h5 class="modal-title" id="exampleModalLabel">View Permission</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                        x
                    </button>
                </div>
                <div class="checkbxs">
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx1">
                        <label class="form-check-label" for="checkbx1">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx2">
                        <label class="form-check-label" for="checkbx2">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx3">
                        <label class="form-check-label" for="checkbx3">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx4">
                        <label class="form-check-label" for="checkbx4">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx5">
                        <label class="form-check-label" for="checkbx5">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx6">
                        <label class="form-check-label" for="checkbx6">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx7">
                        <label class="form-check-label" for="checkbx7">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx8">
                        <label class="form-check-label" for="checkbx8">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx9">
                        <label class="form-check-label" for="checkbx9">Manage Customers</label>
                    </div>
                    <div class="form-check form-check-primary form-check-inline">
                        <input class="form-check-input" type="checkbox" id="checkbx10">
                        <label class="form-check-label" for="checkbx10">Manage Customers</label>
                    </div>
                </div>

                <div class="modal-btn d-flex ">
                    <button><a class="download-btn mt-4" href="#" data-dismiss="modal">Save</a></button>
                </div>
            </div>
        </div>
    </div>
</div>