{% extends 'layouts/layout.html' %}

{% block title %}
{{ config['PUBLIC_CONFIG'].site.title }}
{% endblock %}

{% block styles %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/css/index.css') }}"/>
{% endblock %}

{% block content %}
<main>
    <div class="container">
        <div class="jumbotron text-center">
            <div class="col-md-6">
                <a href={{ url_for('HomeView:signin') }} class="btn btn-warning">Sign In</a>
            </div>
            <div class="col-md-6">
                <a href={{ url_for('HomeView:signup') }} class="btn btn-warning">Sign Up</a>
            </div>
        </div>
        <div>
            <h1>IPTV/Video cloud admin panel for <a href="https://github.com/fastogt/iptv">server</a></h1>
            <h2>Features:</h2>
            <ul>
                <li>Cross-platform (Linux, MacOSX, FreeBSD, Raspbian/Armbian)</li>
                <li>GPU/CPU Encode/Decode/Post Processing</li>
                <li>Relays</li>
                <li>Timeshifts</li>
                <li>Catchups</li>
                <li>Playlists</li>
                <li>Restream/Transcode from online streaming services like Youtube, Twitch</li>
                <li>Mozaic</li>
                <li>Many Outputs</li>
                <li>Physical Inputs</li>
                <li>Streaming Protocols</li>
                <li>File Formats</li>
                <li>Presets</li>
                <li>Vods server-side support</li>
                <li>Channels on demand</li>
                <li>HTTP Live Streaming (HLS) server-side support</li>
                <li>
                    Public API, client server communication via <a href="https://www.jsonrpc.org/specification">JSON RPC</a>
                </li>
                <li>Protocol gzip compression</li>
                <li>Deep learning video analysis (Paid, demo by request)</li>
                <li>Supported deep learning frameworks:</li>
                <ul>
                <li>Tensorflow</li>
                <li>NCSDK</li>
                <li>Caffe</li>
                </ul>
                <li>ML Hardware:</li>
                <ul>
                <li>Intel Movidius Neural Compute Stick</li>
                <li>NVIDIA Jetson</li>
                </ul>
                <li>Subscribers control</li>
                <li><a href="https://aws.amazon.com/kinesis/video-streams">Amazon Kinesis Video Streams integration</a></li>
                <li><a href="https://hub.docker.com/r/fastogt/iptv_admin">Admin panel</a></li>
                <li><a href="https://hub.docker.com/r/fastogt/fastocloud">Docker Image</a></li>
            </ul>
            <h2>Machine learning video analysis:</h2>
            <video id="video" controls></video>
            <h2>Visit our client site: <a href="https://fastotv.com">fastotv.com</a></h2>
            <h2>Connect to our community for realtime help: <a
                    href="{{ config['PUBLIC_CONFIG'].support.community_channel }}">Community channel</a></h2>
        </div>
    </div>
</main>
<footer>
    <div class="container">
        <div class="jumbotron text-center">
            <p class="keep-left">Address: {{config['PUBLIC_CONFIG'].support.contact_address }}</p>
            <p class="keep-left">Copyright © 2014-2019
                <a href="{{ config['PUBLIC_CONFIG'].company.domain }}">
                    {{ config['PUBLIC_CONFIG'].company.title }}
                </a>. All rights reserved.
            </p>
            <p class="keep-left">Exclusive partners:
                {% for partner in config['PUBLIC_CONFIG'].support.partners %}
            <li><a href="{{ partner.website }}">{{ partner.company }} ({{ partner.country }} region)</a></li>
            {% endfor %}
            </p>
            <p> Website development -
                <a href="/">
                    <img src="{{ url_for('static', filename='assets/images/fastogt.png') }}">
                </a>
            </p>
        </div>
    </div>
</footer>
{% endblock %}
{% block scripts %}
{{ super() }}
<script src="{{ url_for('static', filename='assets/js/script.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
if(Hls.isSupported())
{
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('{{ url_for('static', filename='examples/object_detection/master.m3u8') }}');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function()
    {
        video.play();
    });
}
else if (video.canPlayType('application/vnd.apple.mpegurl'))
{
    video.src = '{{ url_for('static', filename='examples/object_detection/master.m3u8') }}';
    video.addEventListener('canplay',function()
    {
        video.play();
    });
}
</script>
{% endblock %}