<div class="modal inmodal" id="unblockIpModal" tabindex="-1" role="dialog" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content animated fadeIn">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 8px;">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">Unblock API IPs</h4>

            </div>

            <div class="modal-body">
                Are you sure you want to unblock this IP?
            </div>

            <div class="modal-footer">
                <form id="unblock-ip-form" action="{{ route('api-blocked-ips.unblock') }}" method="POST">
                    @csrf
                    <input type="hidden" id="unblock-ip" name='id' value=''>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" id="unblock-ip">Unblock</button>
                </form>
            </div>

        </div>

    </div>

</div>