{% extends 'Admin/base.html.twig' %}
{% block title %}
    OceanExpert | Add Expert
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/admin-style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/select2-bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/autocomplete.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/register.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap3-wysihtml5.min.css') }}">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/profile.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/zebra_tooltips.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/dataTables.bootstrap.css') }}">


{% endblock %}

{% block body %}
    {% include('navbarlogin.html.twig') %}
    <div class="wrapper">

        {% block sidebar %}
            {% include('Admin/adminSidebar.html.twig') %}
        {% endblock %}

        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section class="content-header">

                <ol class="breadcrumb">
                    <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-home"></i> Home</a></li>
                    <li class="active"><i class="fa fa-envelope fa-fw"></i> Messages</li>
                </ol>
            </section>
            {% block content %}
                <div class="box-header">
                    <h3 class="">All Messages</h3>
                    <div class="">Note that messages must be approved by an administrator before they can be sent - this should not take longer than 48 hours. If after this period your message still has not been checked, please contact us. </div>
                </div>
                <!-- /.box-header -->
                <div class="col-md-3 search-display">
                    Displaying {{ data.getPaginationData.firstItemNumber }} - {{ data.getPaginationData.lastItemNumber }} results of {{ data.getTotalItemCount }}.
                </div>
                <div class="box-body">
                    <table id="allExpert" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th width="20%">SENDER (EMAIL)</th>
                            <th width="50%">MESSAGE</th>
                            <th width="20%">STATUS</th>
                            <th width="10%">DATE ENTERED</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for message in data.items %}
                            <tr>
                                <td>
                                    {% if message.email1 is defined %}
                                        <div><a href="{{ path('view_profile', {'user': message.idSender}) }}" target="_blank"><strong>{{ message.fname ~ " " ~ message.sname }}</strong></a></div>
                                        <div>{{ message.email1 }}</div>
                                    {% else %}
                                        <div><a href="{{ path('view_profile', {'user': user.idInd}) }}" target="_blank"><strong>{{ user.fname ~ " " ~ user.sname }}</strong></a></div>
                                        <div>{{ user.email1 }}</div>
                                    {% endif %}

                                </td>
                                <td><a href="{{ path('view_messages', {'idMessage': message.idMsg}) }}"><strong>{{ message.subject }}</strong></a></td>
                                <td>
                                    {% if message.approved is not null %}
                                    {% if message.approved == 0 %}
                                        <span class="text-danger">Awaiting Approval</span>
                                    {% elseif message.approved == 1 %}
                                        <span class="text-success">Approved: About to be Sent</span>
                                    {% elseif message.approved == 2 %}
                                        <span class="text-primary">Sent:</span><span class="text-muted"> at {{ message.datequeued | date('H:i:s') ~ " on "~ message.datequeued| date('M d, Y') }}</span>
                                    {% elseif message.approved == 3 %}
                                        <span class="text-danger">Approval Denied: Message Not Sent</span>
                                    {% endif %}


                                    {% else %}
                                <td></td>
                                {% endif %}
                                </td>
                                <td>{{ message.dateentered | date('H:i:s') ~ " on "~ message.dateentered| date('M d, Y') }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                        <tfoot>
                        <tr>
                            <th>SENDER (EMAIL)</th>
                            <th>MESSAGE</th>
                            <th>STATUS</th>
                            <th>DATE ENTERED</th>
                        </tr>
                        </tfoot>
                    </table>
                    <div class="col-md-6 pull-right">
                        <div class="navigation pagination-sm pull-right">
                            {{ knp_pagination_render(data) }}
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            {% endblock %}
        </div>
    </div>
    {% include "footer.html.twig" %}
    <script src="{{ asset('js/app.min.js') }}"></script>
    <script src="{{asset('js/icheck.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/validator.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery.inputmask.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/daterangepicker.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/bootstrap-timepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/bootstrap-colorpicker.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/bootstrap-typeahead.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery-ui.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/login.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery.dataTables.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/dataTables.bootstrap.min.js')}}" type="text/javascript"></script>

    <script src="{{ asset('js/wysihtml5-0.3.0.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/handlebars.runtime.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/bootstrap3-wysihtml5.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/admin-add-expert.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.noty.packaged.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript" >
        {% if action == 'usermessages' %}
        $active = $(".messages");
        {% elseif action == 'allmessages' %}
        $active = $(".all-messages");
        {% endif %}

        $active.addClass('active');
        $active.parents(".treeview-menu").addClass("menu-open").css('display','block');
        $active.parents(".treeview").addClass("active");
    </script>

{% endblock %}