#{if contacts[0].getClass().equals(models.contacts.Customer)}

<div class="row">
    <div class="col-md-12">
        <div class="table-responsive">
            <!-- begin widget-table -->
            <table class="table table-bordered widget-table widget-table-rounded" data-id="widget" width="100%">
                <thead>
                <tr>
                    <th  class="hidden-lg hidden-md hidden-sm hidden-xs"></th>
                    <th width="1%">Logo</th>
                    <th>Ονομασία</th>
                    <th>Διεύθυνση</th>
                    <th>Τηλέφωνο</th>
                    <th>Κινητό</th>
                    <th>Email</th>
                    <th>Έσοδα</th>
                </tr>
                </thead>
                <tbody>

                    #{list contacts}

                    <tr>
                        <td  class="hidden-lg hidden-md hidden-sm hidden-xs">${_.id}</td>
                        <td>
                            <div class="widget-table-img"
                                 style="background-image: url(../assets/img/product/product-6.png);"></div>
                        </td>
                        <td>
                            <a href="@{controllers.Contacts.addContact(_.id)}">
                            <h4 class="widget-table-title">${_.financialInfo?.fullName}</h4>
                            </a>
                            <div class="clearfix f-s-10 m-t-5">
                                Κατάσταση:
                                #{if _.getProjectsStatus().equals("1")}
                                    <b class="text-orange" data-id="widget-elm" data-light-class="text-orange"
                                       data-dark-class="text-orange">Υπο συζήτηση</b>
                                #{/if}
                                #{elseif _.getProjectsStatus().equals("2")}
                                    <b class="text-green" data-id="widget-elm" data-light-class="text-green"
                                       data-dark-class="text-green">Ενεργός</b>
                                #{/elseif}
                                #{elseif _.getProjectsStatus().equals("3")}
                                    <b class="text-red" data-id="widget-elm" data-light-class="text-red"
                                       data-dark-class="text-red">Ανενεργός</b>
                                #{/elseif}
                                #{else}
                                    <b class="text-red" data-id="widget-elm" data-light-class="text-red"
                                       data-dark-class="text-red">Κανένα έργο</b>
                                #{/else}

                                <a class="anoclass" href="@{controllers.Projects.filterProjects(_.id)}"> Έργα:
                                    <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
                                       data-dark-class="text-white">${_.projects.size()}</b> </a>

                                <a id="showTasks${_.id}" data-target="#viewTasks" data-toggle="modal" class="anoclass" href="#">
                                    Tasks:
                                <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
                                   data-dark-class="text-white">${_.numberOfTasks()}</b></a>


                            </div>


                        </td>
                        <td class="text-nowrap pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addContact(_.id)}';">
                            <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
                               data-dark-class="text-white">${_.contactInfo.address} ${_.contactInfo.number}
                                - ${_.contactInfo.zipcode}</b><br>

                        </td>
                        <td class="text-nowrap pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addContact(_.id)}';">${_.contactInfo.landline}</td>
                        <td class="text-nowrap pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addContact(_.id)}';">${_.contactInfo.mobile}</td>
                        <td class="text-nowrap pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addContact(_.id)}';">${_.contactInfo.email}</td>
                        <td class="text-nowrap pointer-cursor moneyC"
                            onclick="window.location='@{controllers.Contacts.addContact(_.id)}';">${_.getTotalRevenue()}</td>
                    *{<td>}*
                    *{<a href="#" class="btn btn-inverse btn-sm width-80 rounded-corner" data-id="widget-elm"}*
                    *{data-light-class="btn btn-inverse btn-sm width-80 rounded-corner"}*
                    *{data-dark-class="btn btn-default btn-sm width-80 rounded-corner">Edit</a>}*
                    *{</td>}*
                    </tr>


                    #{/list}

                </tbody>
            </table>
            <!-- end widget-table -->
        </div>
    </div>
</div>

#{/if}

#{else}


<div class="row">
    <div class="col-md-12">
        <div class="table-responsive">
            <!-- begin widget-table -->
            <table class="table table-bordered widget-table widget-table-rounded" data-id="widget" width="100%">
                <thead>
                <tr>
                    <th class="hidden-lg hidden-md hidden-sm hidden-xs"></th>
                    <th></th>
                    <th>Όνομα</th>
                    <th class="hidden-xs">Τηλέφωνο</th>
                    <th class="hidden-xs">Κινητό</th>
                    <th>Email</th>
                    <th>Πελάτη</th>
                    <th >Τύπος</th>
                </tr>
                </thead>
                <tbody>
                    #{list contacts}
                    <tr>
                        <td class="hidden-lg hidden-md hidden-sm hidden-xs">${_.id}</td>
                        <td class="pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">
                            <a class="media-left" href="javascript:;">
                                <img alt="photo"
                                     src="https://www.gravatar.com/avatar/${util.MD5Util.md5Hex(_.contactInfo?.email)}?s=38&d=mm"
                                     class="rounded"/>
                            </a>
                        </td>
                        <td class="pointer-cursor" style="width: 300px !important;;"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">
                            <h4 class="widget-table-title">${_.getFullName()}</h4>
                            <p class="widget-table-desc m-t-2">
#{if _.isUser()}
    <a class="anoclass" href="@{controllers.Projects.filterProjects(_.id)}"> Έργα:
        <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
           data-dark-class="text-white">${_.getProjectShares()}</b> </a>
    Todo:
    <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
       data-dark-class="text-white">${_.getNumberOfActiveTasks()}</b>
*{<a href="@{controllers.Contacts.addAssociate(_.id)}#deliverable" target="" >}*
    Παραδοτέα:
*{</a>}*
    <b class="text-inverse" data-id="widget-elm" data-light-class="text-inverse"
       data-dark-class="text-white">${_.getNumberOfDeliverables()}</b>
    #{/if}

                            </p>
                        </td>
                        <td class="pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">${_.contactInfo.landline}</td>
                        <td class="pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">${_.contactInfo.mobile}</td>
                        <td class="pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">${_.contactInfo.email}</td>
                        <td class="pointer-cursor"
                            onclick="window.location='@{controllers.Contacts.addAssociate(_.id)}';">
                            <a href="@{controllers.Contacts.addContact(_.customer?.id)}">${_.customer?.financialInfo?.fullName}</a>
                        </td>
                        <td style="width: 200px !important;" >
                            #{if _.isUser()}
                                <select id="selRole${_.id}" class="selectpicker form-control-md" data-width="100%">
                                    <option data-icon="fa  fa-user-cog"
                                            value="admin" #{if _.roleInfo?.roleName.equals('admin')} selected #{/if}>
                                        &nbsp;Admin
                                    </option>
                                    <option data-icon="fa fa-user" value="user" #{if _?.roleInfo?.roleName.equals('user')}
                                            selected #{/if}>&nbsp;User
                                    </option>
                                        <option data-icon="fa fa-user-clock"
                                                value="viewer" #{if _?.roleInfo?.roleName.equals('viewer')}
                                                selected #{/if}>&nbsp;Viewer</option>
                                </select>
                            #{/if}
                            #{else}
                                <a href="@{EmailController.sendInvite(_.id)}"  class="btn btn-md btnRegister btn-purple block">
                                    <i class="fa fa-sign-in-alt fa-2x pull-left text-white"></i>
                                    <b>Δημιουργία χρήστη</b><br />
                                    <small>Αποστολή πρόσκλησης</small>
                                </a>
                            </span>
                            #{/else}
                        </td>
                    </tr>
                    #{/list}
                </tbody>
            </table>
            <!-- end widget-table -->
        </div>
    </div>
</div>

#{/else}



<div id="viewTasks" class="modal fade" role="dialog">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div id="showToDoList"></div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Επιστροφή</a>
            </div>
        </div>

    </div>
</div>


<style>
    a:link {
        text-decoration: none;
        color: black;
    }

    .anoclass {
        color: #707478;
    }
    .btnRegister {
        display:inline-block;
        width: 100%;
    }
</style>

<script>
    $(function () {
        $('.selectpicker').selectpicker();


        var formatOptions = {decimalSymbol: '.', digitGroupSymbol: ',', symbol: '€', positiveFormat: '%s %n'};

        $(".moneyC").formatCurrency(formatOptions);


    });
    $('.btn-white-without-border').click(function(){
        $('.btn-white-without-border').button('toggle')
    });

    $(".selectpicker").change(function (e) {
        var rid = $(this).closest("tr").find("td:nth-child(1)").text();
        $.ajax({
            url: "@{Contacts.updateUserRoles}",
            data: {
                appUserId: rid,
                role: $('#selRole'+rid).val()
            },
            type: 'POST',
            success: function () {

                var last_gritter;
                if (last_gritter) $.gritter.remove(last_gritter);
                last_gritter = $.gritter.add({
                    title: 'Αποθήκευση',
                    text: 'Ο ρόλος του χρήστη στο σύστημα άλλαξε <br/><br/>Έχει σταλθεί ηλεκτρονικό μήνυμα στον χρήστη ενημερώνοντας τον για το νέο του ρόλο στο σύστημα.',
                    class_name: 'gritter-success gritter-left'
                });
            }


        });

        return false;

    })
</script>

<script>
    $('.anoclass').click(function(){
        var customerId = $(this).closest("tr").find("td:nth-child(1)").text();
        var listAction = #{jsAction @controllers.Contacts.showCustomerTasks(':customerId')/}
                $(".showToDoList").load(listAction({customerId:customerId}), function () {
                    $(".showToDoList").show();

                })
        $("#viewTasks").show();
    });
</script>