{% extends '../../layout.server.view.html' %} {% block cssFile %}
<link href="/assets/frontend/layout/css/custom.css" rel="stylesheet" type="text/css"> {% endblock %} {% block content %}
<div class="page-slider margin-bottom-40">
    <div class="fullwidthbanner-container revolution-slider" style="overflow: visible;">
        <div class="fullwidthabnner revslider-initialised tp-simpleresponsive" id="revslider-871" style="max-height:320px; height:320px;background-image:url(https://i.imgur.com/aLLUjD4.jpg);padding:100px 20px 100px 20px;">
            <div class="row">
                <div class="col-sm-6">
                    <div class="container-banner" style="text-align:center">
                        <h3 style="font-size:30px;">Trung tâm trợ giúp</h3>
                        <h1 style="font-size:44px;"><strong>Giải đáp mọi thắc mắc</strong></h1>
                    </div>
                </div>
                <div class="col-sm-6" style=>
                    <form id="searchFaqForm">
                        <div class="input-group" style="padding:41px 0px;">
                            <div class="input-icon">
                                <i class="fa fa-search fa-fw" style="padding:9px 0;"></i>
                                <input id="inputFaq" class="form-control" type="text" name="inputFaq" placeholder="Nhập thông tin tìm kiếm..." style="padding:25px 34px;">
                            </div>
                            <span class="input-group-btn">
                          <button  class="btn btn-primary" type="button" style="padding:16px;"> Tìm kiếm</button>
                        </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="container">
        <ul class="breadcrumb">
            <li><i class="fa fa-home"></i><a href="/">Trang chủ</a></li>
            <li class="active">Video hướng dẫn</li>
        </ul>
        <div class="row">
            <div class="col-md-3 rmenu">
                <ul>
                    <li>
                        <p><a href="/ho-tro" style="">Hướng dẫn sử dụng<i class="fa fa-angle-right" style="font-size:20px; float:right;margin:6px 0px;color:#8a95a6;"></i></a></p>
                    </li>
                    <li>
                        <p><a href="/ho-tro/video" style="">Video hướng dẫn<i class="fa fa-angle-right" style="font-size:20px; float:right;margin:6px 0px;color:#8a95a6;"></i></a></p>
                    </li>
                    <li>
                        <p><a href="/ho-tro/faq" style="">Câu hỏi thường gặp<i class="fa fa-angle-right" style="font-size:20px; float:right;margin:6px 0px;color:#8a95a6;"></i></a></p>
                    </li>
                </ul>
            </div>
            <div class="col-md-9">
                <div class="m-b-xs rcontent">
                    <h3><strong>{{detail.title}}</strong></h3>
                    <iframe width="100%" height="400px;" src="{{detail.link_video}}">
                    </iframe>
                    {{detail.content|safe}}
                </div>
                <div class="m-b-xs rlist">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            {% for item in videoList %}
                            <p><span><i class="fa fa-film"></i></span><a href="/ho-tro/video/{{item.title_url}}">{{item.title}}</a></p>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 m-t-lg margin-bottom-30">
                    <div class="fb-comments" data-href="http://hoadonviet.vn/ho-tro/video/{{detail.title_url}}" data-width="100%" data-numposts="10"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
{% endblock %} {% block jsFile %}
<script src="/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    Layout.initUniform();
    ContactUs.init();
});
</script>
{% endblock %}
