{% extends 'admin.html.twig' %}

{% block content %}
    <div class="block-header">
        <h2>
            Tablica wyników
        </h2>
    </div>
    {{ include ('nordmindAdminBundle:Default:searchForm.html.twig', {'url' : 'nordmind_admin_index'}) }}
    <!-- Widgets -->
    <div class="row clearfix">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <a href="{{path('nordmind_contact_index')}}">
                <div class="info-box bg-cyan  hover-expand-effect" id="box-contact">
                    <div class="icon">
                        <i class="material-icons">person_add</i>
                    </div>
                    <div class="content">
                        <div class="text">Nowe kontakty dodane w okresie</div>
                        <div class="number count-to" data-from="0" data-to="{{contacts|length}}" data-speed="1000"
                             data-fresh-interval="20"></div>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <a href="{{path('nordmind_sale_index')}}">
                <div class="info-box bg-purple hover-expand-effect" id="box-sale-open">
                    <div class="icon">
                        <i class="material-icons">hourglass_empty</i>
                    </div>
                    <div class="content dashboard">
                        <div class="text">Szanse sprzedaży dodane w okresie
                            <span class="pull-right badge bg-black">{{sales['added']["number"]}}<span>
                                    </div>
                                    <div class="number">{{sales['added']["amount"]|number_format(2, '.', ',')}}</div>
                                    </div>
                                    </div>
                                    </a>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                        <a href="{{path('nordmind_sale_index')}}">
                                            <div class="info-box bg-orange hover-expand-effect">
                                                <div class="icon">
                                                    <i class="material-icons">event</i>
                                                </div>
                                                <div class="content dashboard">
                                                    <div class="text">Suma sprzedaży otwartych
                                                        <span class="pull-right badge bg-black">{{sales['middle']["number"]}}<span>
                                                                </div>
                                                                <div class="number">{{sales['middle']["amount"]|number_format(2, '.', ',')}}</div>
                                                                </div>
                                                                </div>
                                                                </a>
                                                                </div>
                                                                </div>
                                                                <div class="row clearfix">
                                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                                                        <a href="{{path('nordmind_sale_index')}}">
                                                                            <div class="info-box bg-blue hover-expand-effect">
                                                                                <div class="icon">
                                                                                    <i class="material-icons">work</i>
                                                                                </div>
                                                                                <div class="content dashboard">
                                                                                    <div class="text">Możliwe do wygrania w okresie
                                                                                        <span class="pull-right badge bg-black">{{sales['expected']["number"]}}<span>
                                                                                                </div>
                                                                                                <div class="number">{{sales['expected']["amount"]|number_format(2, '.', ',')}}</div>
                                                                                                </div>
                                                                                                </div>

                                                                                                </div>

                                                                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                                                                                    <a href="{{path('nordmind_sale_index_lost')}}">
                                                                                                        <div class="info-box bg-pink hover-expand-effect">
                                                                                                            <div class="icon">
                                                                                                                <i class="material-icons">thumb_down</i>
                                                                                                            </div>
                                                                                                            <div class="content dashboard">
                                                                                                                <div class="text">Sprzedaż przegrana w okresie
                                                                                                                    <span class="pull-right badge bg-black">{{sales['failure']["number"]}}<span>
                                                                                                                            </div>
                                                                                                                            <div class="number" >{{sales['failure']["amount"]|number_format(2, '.', ',')}}</div>
                                                                                                                            </div>
                                                                                                                            </div>
                                                                                                                            </a>
                                                                                                                            </div>
                                                                                                                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                                                                                                                <a href="{{path('nordmind_sale_index_win')}}">
                                                                                                                                    <div class="info-box bg-light-green hover-expand-effect">
                                                                                                                                        <div class="icon">
                                                                                                                                            <i class="material-icons">thumb_up</i>
                                                                                                                                        </div>
                                                                                                                                        <div class="content dashboard">
                                                                                                                                            <div class="text">Sprzedaż wygrana w okresie
                                                                                                                                                <span class="pull-right badge bg-black">{{sales['success']["number"]}}<span>
                                                                                                                                                        </div>
                                                                                                                                                        <div class="number">{{sales['success']["amount"]|number_format(2, '.', ',')}}</div>
                                                                                                                                                        </div>
                                                                                                                                                        </div>
                                                                                                                                                        </a>

                                                                                                                                                        </div>
                                                                                                                                                        </div>

                                                                                                                                                        <div class="row clearfix">
                                                                                                                                                            <!-- Task Info -->
                                                                                                                                                            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                                                                                                                                                                <div class="card">
                                                                                                                                                                    <div class="header">
                                                                                                                                                                        <h2>Najnowsze zdarzenia</h2>
                                                                                                                                                                        <ul class="header-dropdown m-r-0">
                                                                                                                                                                            {% if is_granted('ROLE_SUPER_ADMIN') %}
                                                                                                                                                                                <li>
                                                                                                                                                                                    <a href="{{path('nordmind_app_create_notification')}}" class="btn btn-primary" data-toggle="modal" data-target="#mdModal">
                                                                                                                                                                                        Dodaj zdarzenie
                                                                                                                                                                                    </a>
                                                                                                                                                                                </li>
                                                                                                                                                                            {% endif %}
                                                                                                                                                                        </ul>
                                                                                                                                                                    </div>
                                                                                                                                                                    <div class="body" id="notifications-box">
                                                                                                                                                                        <div class="table-responsive">
                                                                                                                                                                            <table class="table table-hover dashboard-task-infos">
                                                                                                                                                                                <thead>
                                                                                                                                                                                    <!--<tr>
                                                                                                                                                                                        <th>#</th>
                                                                                                                                                                                        <th>Task</th>
                                                                                                                                                                                        <th>Status</th>
                                                                                                                                                                                        <th>Manager</th>
                                                                                                                                                                                        <th>Progress</th>
                                                                                                                                                                                    </tr>-->
                                                                                                                                                                                </thead>
                                                                                                                                                                                <tbody>
                                                                                                                                                                                    {% for key,notification in  userNotifications %}
                                                                                                                                                                                        <tr>
                                                                                                                                                                                            <td>{{loop.index}}</td>
                                                                                                                                                                                            <td>{{notification.notification.createdAt|date('d.m.y H:i')}}</td>
                                                                                                                                                                                            <td><span class="label {{notification.notification.entity == 'nordmind/SaleBundle/Entity/Sale' ? 'bg-blue' : 'bg-green'}}">
                                                                                                                                                                                                    {% if notification.notification.creator.isObjectLoadable() %}
                                                                                                                                                                                                        {{ notification.notification.creator }}
                                                                                                                                                                                                    {% else %}
                                                                                                                                                                                                        Użytkownik usunięty
                                                                                                                                                                                                    {% endif %}
                                                                                                                                                                                                </span></td>
                                                                                                                                                                                            <td>{{notification.notification.message}}</td>
                                                                                                                                                                                        </tr>
                                                                                                                                                                                    {% endfor %}
                                                                                                                                                                                </tbody>
                                                                                                                                                                            </table>
                                                                                                                                                                        </div>
                                                                                                                                                                    </div>
                                                                                                                                                                </div>
                                                                                                                                                            </div>
                                                                                                                                                            <!-- #END# Task Info -->
                                                                                                                                                            <!-- Browser Usage -->
                                                                                                                                                            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">

                                                                                                                                                                <div class="card">
                                                                                                                                                                    <div class="header">
                                                                                                                                                                        <h2>Sprzedaż</h2>
                                                                                                                                                                    </div>
                                                                                                                                                                    <div class="body" id="duplicates-box">

                                                                                                                                                                        {% for salesProcess in salesProcesses %}
                                                                                                                                                                            <h4>{{ salesProcess }}</h4>
                                                                                                                                                                            <div class="panel-group" id="accordion_{{salesProcess.id}}" role="tablist" aria-multiselectable="true">

                                                                                                                                                                                {% for salesStep in salesSteps[salesProcess.id] %}
                                                                                                                                                                                    <div class="panel panel-primary">
                                                                                                                                                                                        <div class="panel-heading" role="tab" id="headingOne_1">
                                                                                                                                                                                            <h4 class="panel-title">
                                                                                                                                                                                                <a role="button" data-toggle="collapse" data-parent="#accordion_{{salesProcess.id}}" href="#collapse_{{salesStep.id}}" aria-expanded="false" aria-controls="collapse_{{salesStep.id}}" class="collapsed">
                                                                                                                                                                                                    {{ salesStep }}
                                                                                                                                                                                                    <span class="pull-right badge bg-light-green">{{ sales['steps'][salesStep.id] is defined ? sales['steps'][salesStep.id]['number'] : '0' }}</span>
                                                                                                                                                                                                    <span class="label label-default pull-right">
                                                                                                                                                                                                        {{ sales['steps'][salesStep.id] is defined ? sales['steps'][salesStep.id]['amount']|number_format(2, '.', ',') : '0,00' }}
                                                                                                                                                                                                    </span>
                                                                                                                                                                                                </a>
                                                                                                                                                                                            </h4>
                                                                                                                                                                                        </div>
                                                                                                                                                                                        <div id="collapse_{{salesStep.id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading_{{salesStep.id}}" aria-expanded="false">
                                                                                                                                                                                            <div class="panel-body">
                                                                                                                                                                                                {% if allSales[salesStep.id] is defined %}

                                                                                                                                                                                                    <div>
                                                                                                                                                                                                        <table class="table table-hover dashboard-task-infos">
                                                                                                                                                                                                        <tbody>
                                                                                                                                                                                                        {% for aSale in allSales[salesStep.id] %}
                                                                                                                                                                                                        <tr>
                                                                                                                                                                                                        <td>{{ aSale.sale.contact }}</td>
                                                                                                                                                                                                        <td>
                                                                                                                                                                                                        {{ aSale.price ? aSale.price|number_format(2, '.', ',') : '0,00' }}
                                                                                                                                                                                                        </td>
                                                                                                                                                                                                        </tr>
                                                                                                                                                                                                        {% endfor %}

                                                                                                                                                                                                        </tbody>
                                                                                                                                                                                                        </table>

                                                                                                                                                                                                    </div>

                                                                                                                                                                                                {% endif %}
                                                                                                                                                                                            </div>
                                                                                                                                                                                        </div>
                                                                                                                                                                                    </div>
                                                                                                                                                                                {% endfor %}

                                                                                                                                                                            </div>
                                                                                                                                                                            <div>
                                                                                                                                                                                <button class="btn btn-success btn-lg btn-block waves-effect" type="button">SUMA <span class="badge">{{ sales['processes'][salesProcess.id] is defined ? sales['processes'][salesProcess.id]|number_format(2, '.', ',') }} </span></button>
                                                                                                                                                                            </div>
                                                                                                                                                                        {% endfor %}

                                                                                                                                                                    </div>
                                                                                                                                                                </div>
                                                                                                                                                                <div class="card">
                                                                                                                                                                    <div class="header">
                                                                                                                                                                        <h2>Zagrożona sprzedaż</h2>
                                                                                                                                                                    </div>
                                                                                                                                                                    <div class="body" id="sale-box">
                                                                                                                                                                        <table class="table table-hover dashboard-task-infos">
                                                                                                                                                                            <thead>
                                                                                                                                                                                <tr>
                                                                                                                                                                                    <th>#</th>
                                                                                                                                                                                    <th>Sprzedaż</th>
                                                                                                                                                                                    <th>Oczekiwana data</th>
                                                                                                                                                                                    <th>Pracownik</th>
                                                                                                                                                                                </tr>
                                                                                                                                                                            </thead>
                                                                                                                                                                            <tbody>
                                                                                                                                                                                {% for sale in expiredSales %}
                                                                                                                                                                                    <tr>
                                                                                                                                                                                        <td>{{loop.index}}</td>
                                                                                                                                                                                        <td><a  data-toggle="modal" data-target="#mdModal" href="{{path('nordmind_sale_show', {id: sale.id})}}">{{sale.contact}}</a></td>
                                                                                                                                                                                        <td><span class="label bg-{{date(sale.expectedDate) > date() ? 'orange' : 'red'}}">{{sale.expectedDate|date('d.m.Y')}}</span></td>
                                                                                                                                                                                        <td>
                                                                                                                                                                                            {% if sale.user %}
                                                                                                                                                                                                <a href="{{path('nordmind_user_show', {id: sale.user.id})}}">
                                                                                                                                                                                                    {{sale.user}}
                                                                                                                                                                                                </a>
                                                                                                                                                                                            {% endif %}
                                                                                                                                                                                        </td>
                                                                                                                                                                                    </tr>
                                                                                                                                                                                {% endfor %}
                                                                                                                                                                            </tbody>
                                                                                                                                                                        </table>
                                                                                                                                                                    </div>
                                                                                                                                                                </div>
                                                                                                                                                            </div>
                                                                                                                                                            <!-- #END# Browser Usage -->
                                                                                                                                                        </div>
                                                                                                                                                    {% endblock content %}
                                                                                                                                                    {% block javascript %}
                                                                                                                                                        {{ parent() }}
                                                                                                                                                        <script type="text/javascript">
                                                                                                                                                            $(function () {
                                                                                                                                                                $('#box-sale-open').on('click', function () {
                                                                                                                                                                    $('#search-form').attr('action', '{{path('nordmind_sale_index')}}');
                                                                                                                                                                    $('#search-form').submit();
                                                                                                                                                                });
                                                                                                                                                                $('#select-global-dates').change(function () {
                                                                                                                                                                    if ($('#select-global-dates').val())
                                                                                                                                                                    {
                                                                                                                                                                        datesSelect($('#select-global-dates').val(), '#date-from', '#date-to')
                                                                                                                                                                    }
                                                                                                                                                                });

                                                                                                                                                                var configs = $.AdminBSB.options.leftSideBar;
                                                                                                                                                                var height = ($(window).height() - ($('.user-info').outerHeight() + $('.navbar').innerHeight()));
                                                                                                                                                                $('#notifications-box').slimscroll({
                                                                                                                                                                    height: height + "px",
                                                                                                                                                                    color: configs.scrollColor,
                                                                                                                                                                    size: configs.scrollWidth,
                                                                                                                                                                    alwaysVisible: configs.scrollAlwaysVisible,
                                                                                                                                                                    borderRadius: configs.scrollBorderRadius,
                                                                                                                                                                    railBorderRadius: configs.scrollRailBorderRadius
                                                                                                                                                                });

                                                                                                                                                                $('#duplicates-box').slimscroll({
                                                                                                                                                                    height: height / 2 + "px",
                                                                                                                                                                    color: configs.scrollColor,
                                                                                                                                                                    size: configs.scrollWidth,
                                                                                                                                                                    alwaysVisible: configs.scrollAlwaysVisible,
                                                                                                                                                                    borderRadius: configs.scrollBorderRadius,
                                                                                                                                                                    railBorderRadius: configs.scrollRailBorderRadius
                                                                                                                                                                });

                                                                                                                                                                $('#sale-box').slimscroll({
                                                                                                                                                                    height: height / 2 + "px",
                                                                                                                                                                    color: configs.scrollColor,
                                                                                                                                                                    size: configs.scrollWidth,
                                                                                                                                                                    alwaysVisible: configs.scrollAlwaysVisible,
                                                                                                                                                                    borderRadius: configs.scrollBorderRadius,
                                                                                                                                                                    railBorderRadius: configs.scrollRailBorderRadius
                                                                                                                                                                });


                                                                                                                                                            });
                                                                                                                                                        </script>
                                                                                                                                                    {%  endblock javascript %}