{%  extends "base.html.twig" %}

{% block title %}Agent Profile list{% endblock %}

{% block body %}

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="bgc-white bd bdrs-3 p-20 mB-20">
                    <h4 class="d-inline-block c-grey-900">Agent Profile List
                        <a href="{{ path('admin_help', {'page': 'agentProfiles'}) }}"><span class="help-box" title="What is Agent Profile."></span></a>
                    </h4>
                    <hr class="mB-30">
                    {% include 'blocks/filter.html.twig' %}
                    {{ sg_datatables_render(datatable) }}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="confirmDeleteAgentProfile" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmDeleteAgentProfile">Delete Agent Profile</h5>
                </div>
                <div class="modal-body">
                    Do you really want to delete selected Agent Profile?
                </div>
                <div class="modal-footer">
                    <button id="cancel" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <a id="confirm" class="btn btn-danger btn-ok"><span class="fas fa-trash"></span>  Delete</a>
                </div>
            </div>
        </div>
    </div>

{% endblock body %}

{% block javascripts %}

    {{ parent() }}

    <script>

        $(document).ready(function() {

            $('a#confirm').click(function (e) {
                $('#confirm-delete').modal('hide');
                $.ajax({
                    url: $('#confirm').attr('link'),
                    success: function (result) {
                        $('#sg-datatables-agent_profile_datatable').DataTable().ajax.reload();
                    }
                });
            });

            $('#sg-datatables-agent_profile_datatable').on('click', '#delete', function () {
                var link = $(this).attr('href');
                $('#confirm-delete').modal('show').find('a#confirm').attr('link', link);
            });

        });

    </script>

{% endblock %}