{% extends "syncro_frontend/base.html" %}
{% block content %}
<div class="container p-2 pt-4">
    <h1 class="mt-5">Find a role or tv-series</h1>
    <form class="d-flex mt-2 mb-4" action="/syncro/search/main/" method="get">
        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="search_value">
        <button class="btn btn-outline-success" type="submit">Search</button>
    </form>
    <p>
        Currently {{ speakers_count }} known voice actors in database.
    </p>
    <h2>Add a new series</h2>
    <form class="d-flex mt-2 mb-4" action="/syncro/add/series/" method="post">
        <input class="form-control me-2" type="search" placeholder="Add link" aria-label="Add" name="add_url">
        <button class="btn btn-outline-success" type="submit">Add</button>
        {% csrf_token %}
    </form>
    <p>
        Currently {{ series_count }} <a href="series/overview">series</a> in database.
    </p>
</div>
{% endblock %}