{% extends 'base.html.twig' %}
{% block title %}Register{% endblock %}
{% block content %}
{% for flash_error in app.flashes('verify_email_error') %}
<div class="alert alert-danger" role="alert">{{ flash_error }}</div>
{% endfor %}
<div class="row gx-4">
<div class="col-12 mb-2">
<form class="form-inline" id="filter-form">
<div class="row">
<div class="col-xl-2 col-sm-3">
<select name="age" class="form-select form-select-sm">
<option value="0">All Age</option>
<option value="1">18-22</option>
<option value="2">23-30</option>
<option value="3">31-45</option>
<option value="4">46+</option>
</select>
</div>
<div class="col-xl-2 col-sm-3">
<select name="gen" class="form-select form-select-sm">
<option value="0">All Genitaly</option>
<option value="1">Male</option>
<option value="2">Female</option>
</select>
</div>
<div class="col-xl-2 col-sm-3">
<select name="role" class="form-select form-select-sm">
<option value="0">All Roles</option>
<option value="1">Dominant</option>
<option value="2">Submissive</option>
<option value="3">Switch</option>
</select>
</div>
<div class="col-xl-2 col-sm-6">
<input name="only-verified" class="form-check-input" type="checkbox" id="inlineCheckbox1">
<label class="form-check-label" for="inlineCheckbox1">Only Identity Verified</label>
</div>
<div class="col-xl-2 col-sm-6">
<input name="not-fake" class="form-check-input" type="checkbox" id="inlineCheckbox1">
<label class="form-check-label" for="inlineCheckbox1">Not Fake</label>
</div>
</div>
</form>
</div>
</div>
<div id="member-list" class="row gx-4 d-flex justify-content-between">
</div>
<div id="end-list" style="width:1px;height:1px;"></div>
{% endblock %}
{% block javascript_links %}
<script src="https://wetoy.tech/pwh1a7/plugins/waypoints/lib/jquery.waypoints.js" type="text/javascript"></script>
<script src="https://wetoy.tech/pwh1a7/js/api/members-list.js?{{ random(50, 100) }}" type="text/javascript"></script>
{% endblock %}