templates/client/contact/list-contact.html.twig line 1

Open in your IDE?
  1. {% extends 'client/base2-client.html.twig' %}
  3.         {% block breadcrumbs %}
  4.             <ul class="breadcrumb">
  5.                 <li><a href="/"><i class="icon-home2 position-left"></i>{% trans %}Home{% endtrans %}</a></li>
  6.                 <li><a href="/client"><i class="icon-users4 position-left"></i>{% trans %}Client{% endtrans %}</a></li>
  7.                 <li class="active"><i class="icon-user-plus position-left"></i>{% trans %}List Contact Client{% endtrans %}</li>
  8.             </ul>
  9.         {% endblock %}
  11.     {% block contentClient %}
  14.         {% for client in clients %}
  15.             <div class="row settings-page" id="client-contact-subpage">
  16.             <div class="col-sm-12">
  17.                 <div class="page-header">
  19.                     <div class="col-sm-12">
  20.                         <h4 class="content-group">
  21.                         <span class="label label-flat label-rounded label-icon border-grey text-grey mr-10">
  22.                             <i class=" icon-briefcase3"></i>
  23.                         </span>
  24.                             <a href="#" class="text-default">{% trans %}Client{% endtrans %}: <b>{{ client.name }}</b></a>
  25.                         </h4>
  26.                         <p class="content-group"><span><i>{{ client.title }} </i></span></p>
  28.                     </div>
  30.                 </div>
  31.             </div>
  32.             {% for flashMessage in app.session.flashbag.get('mensajecontacterror') %}
  33.                 <div class="hidden alertFlashMensajeError" data-mensaje="{{ flashMessage }}"></div>
  34.             {% endfor %}
  35.             {% for flashMessage in app.session.flashbag.get('mensajecontact') %}
  36.                 <div class="hidden alertFlashMensaje" data-mensaje="{{ flashMessage }}"></div>
  37.             {% endfor %}
  39.             <div class="tab-pane" id="right-tab2">
  40.                 <div class="col-md-12">
  41.                     {% if contacts|length == 0 %}
  42.                         <div class="well text-center">
  43.                             <i class="icon-bubble-notification text-grey" style="font-size: 50px"></i>
  44.                             <h2 class="text-grey">{% trans %}This client doesn't have any contact{% endtrans %}</h2>
  45.                             <a class="btn btn-next bg-teal-400" href="/client/contact/add/{{ client.id }}">{% trans %}Add contact{% endtrans %}</a>
  46.                         </div>
  47.                     {% else %}
  48.                         <div class="panel">
  49.                             <div class="panel-heading">
  50.                                 <h6 class="panel-title">{% trans %}Contact list{% endtrans %}<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
  51.                                 <div class="heading-elements panel-nav">
  52.                                     <ul class="nav nav-tabs nav-tabs-bottom">
  53.                                         <li class="border-bottom border-info ">
  54.                                             <a class="" href="/client/contact/add/{{ client.id }}"><i class="icon-user-plus position-left"></i>{% trans %}Add New Contact{% endtrans %}</a></li>
  55.                                     </ul>
  56.                                 </div>
  57.                             </div>
  58.                             <div class="panel-body">
  59.                                 {% for contacto in contacts %}
  60.                                     {#{{ dump(contacto) }}#}
  61.                                     {% if contacto.contacts.birthday is not empty %}
  62.                                         {% set birthday = contacto.contacts.birthday|date("d/m/Y") %}
  63.                                     {% else %}
  64.                                         {% set birthday = "Not Registered" %}
  65.                                     {% endif %}
  67.                                     <div class="col-md-12">
  68.                                         <div class="col-md-2">
  69.                                             <div class="col-md-12">
  70.                                                 {% if contacto.contacts.picture is not empty %}
  71.                                                     <img class="img-responsive" id="client-image" src="{{ asset(contacto.contacts.picture) }}" alt="">
  72.                                                 {% else %}
  73.                                                     <img class="img-responsive" id="client-image" src="{{ asset('assets/images/placeholder.jpg') }}" alt="">
  74.                                                 {% endif %}
  75.                                             </div>
  76.                                             {% if app.session.get('_modules').mcomercial == 1%}
  77.                                                 <div class="col-md-12 text-center">
  78.                                                     <br>
  79.                                                     <a type="button" class="btn bg-info-300" href="/commercial/tracking/addcc/{{ contacto.contacts.clientId }}/{{ contacto.contacts.id }}" data-original-title="{% trans %}Add Commercial Tracking{% endtrans %}"><i class="icon-file-plus position-left"></i> {% trans %}Tracking{% endtrans %}</a>
  80.                                                 </div>
  81.                                             {% endif %}
  82.                                         </div>
  83.                                         <div class="col-md-10">
  84.                                             <div class="panel panel-flat border-left-info">
  85.                                                 <div class="panel-heading">
  86.                                                     <h5 class="panel-title">{{ contacto.contacts.name }} {{ contacto.contacts.lastName }} |
  87.                                                         <span class="text-thin">{{ contacto.contacts.department }} - <i>{{ contacto.contacts.position }} </i></span>
  88.                                                     </h5>
  89.                                                     <h6>
  90.                                                         <span class="label label-flat border-pink text-pink-600"> {{ contacto.contacts.typeclient }} </span>
  91.                                                         {% if contacto.contacts.status is not empty %}
  92.                                                             | <span class="text-thin">{% trans %}Status{% endtrans %}: <strong>{{ contacto.contacts.status|trans }}</strong></span><br>
  93.                                                         {% endif %}
  94.                                                     </h6>
  95.                                                     <div class="heading-elements">
  96.                                                         <ul class="icons-list">
  97.                                                             <li><a  href="/client/contact/edit/{{ contacto.contacts.id }}"><i class="icon-pencil"></i></a></li>
  99.                                                         </ul>
  100.                                                     </div>
  101.                                                 </div>
  103.                                                 <div class="panel-body">
  104.                                                     <div class="col-md-6">
  105.                                                         <label>{% trans %}Email{% endtrans %}: <strong>{{ contacto.contacts.email }}</strong></label><br>
  106.                                                         <label>{% trans %}Phone{% endtrans %}: <strong>{{ contacto.contacts.phone }}</strong></label><br>
  107.                                                         <label>{% trans %}Mobile{% endtrans %}: <strong>{{ contacto.contacts.mobile }}</strong></label><br>
  108.                                                         <label>{% trans %}Birthday{% endtrans %}: <strong>{{ birthday|trans }}</strong></label><br>
  110.                                                     </div>
  111.                                                     <div class="col-md-6 text-right">
  112.                                                         {% if contacto.contacts.situation is not empty %}
  113.                                                             <label>{% trans %}Situation{% endtrans %}: <strong>{{ contacto.contacts.situation|trans }}</strong></label><br>
  114.                                                         {% endif %}
  115.                                                         <label>{% trans %}Creation date{% endtrans %}: <strong>{{ contacto.contacts.createdAt|date("d/m/Y") }}</strong></label><br>
  116.                                                         <label>{% trans %}Assigned agent{% endtrans %}: <strong>{{ contacto.contacts.assignedAgent }}</strong></label><br>
  117.                                                         <label>{% trans %}Created by{% endtrans %}: <strong>{{ contacto.contacts.createdId }}</strong></label>
  118.                                                     </div>
  119. {#{{ dump(contacto.breakdown) }}#}
  120.                                                     {% if contacto.breakdown is not null %}
  121.                                                         {% for breakdownVol in contacto.breakdown %}
  123.                                                             <div class="col-sm-12 margen-10">
  124.                                                                 <div class="panel panel-collapsed">
  125.                                                                     <div class="panel-heading">
  126.                                                                         <h6 class="panel-title text-grey-300"><b>{% trans %}Break down Volume{% endtrans %}</b>: {% trans %}Year of the Budget{% endtrans %}: <b>{{ breakdownVol.breakdownControl.year}}</b> - {% trans %}Volume{% endtrans %}: <b>{{ breakdownVol.breakdownControl.volume|number_format(2, '.', ',') }}</b></h6>
  127.                                                                         <div class="heading-elements">
  128.                                                                             <ul class="icons-list">
  129.                                                                                 <li><a data-action="collapse"></a></li>
  130.                                                                             </ul>
  131.                                                                         </div>
  132.                                                                     </div>
  133.                                                                     <div class="panel-body">
  135.                                                                         {#<h5>#}
  136.                                                                             {#<div class="col-sm-4">#}
  137.                                                                                 {#{% trans %}Year of the Budget{% endtrans %} : {{ breakdownVol.breakdownControl.year}}#}
  138.                                                                             {#</div>#}
  139.                                                                             {#<div class="col-sm-4">#}
  140.                                                                                 {#{% trans %}Volume{% endtrans %}: {{ breakdownVol.breakdownControl.volume }}#}
  141.                                                                             {#</div>#}
  142.                                                                         {#</h5>#}
  145.                                                                         <div class="col-sm-12 margen-15">
  146.                                                                             <div class="col-sm-3"><b>{% trans %}Product{% endtrans %}:</b></div>
  147.                                                                             <div class="col-sm-2 text-center"><b>{% trans %}Currency{% endtrans %}:</b></div>
  148.                                                                             <div class="col-sm-1 text-center"><b>{% trans %}Percentage{% endtrans %}:</b></div>
  149.                                                                             <div class="col-sm-2 text-center"><b>{% trans %}Dealings{% endtrans %}:</b></div>
  150.                                                                             <div class="col-sm-4"><b>{% trans %}Way to pay{% endtrans %}:</b></div>
  151.                                                                         </div>
  152.                                                                         {% for breakdown in breakdownVol.breakdown %}
  153.                                                                             {#{{ dump(breakdown) }}#}
  154.                                                                             {% if breakdown.authorized == "no" %}
  155.                                                                                 {% set authorized_color = "bg-danger-100" %}
  156.                                                                                 {% set authorized_text = "For Authorizing" %}
  157.                                                                                 {% set authorized_mensaje = '<span class="pull-right label bg-danger">' ~ authorized_text|trans ~ '</span>' %}
  158.                                                                             {% else %}
  159.                                                                                 {% set authorized_color = "" %}
  160.                                                                                 {% set authorized_mensaje = '' %}
  161.                                                                             {% endif %}
  162.                                                                             <div class="col-sm-12 {{ authorized_color }}">
  163.                                                                                 <div class="col-sm-3">{{ breakdown.name }}</div>
  164.                                                                                 <div class="col-sm-2 text-center">{{ breakdown.currency|number_format(2, '.', ',') }}</div>
  165.                                                                                 <div class="col-sm-1 text-center">{{ breakdown.percentage }}%</div>
  166.                                                                                 <div class="col-sm-2 text-center">{{ breakdown.dealings }}</div>
  167.                                                                                 <div class="col-sm-4">
  168.                                                                                     {{ breakdown.payment }}
  169.                                                                                     {% autoescape %}{{ authorized_mensaje|raw }}{% endautoescape %}
  171.                                                                                 </div>
  172.                                                                             </div>
  174.                                                                         {% endfor %}
  176.                                                                     </div>
  177.                                                                 </div>
  178.                                                             </div>
  179.                                                         {% endfor %}
  180.                                                     {% endif %}
  182.                                                 </div>
  184.                                             </div>
  185.                                         </div>
  186.                                     </div>
  187.                                 {% endfor %}
  188.                             </div>
  189.                         </div>
  190.                     {% endif %}
  191.                 </div>
  192.             </div>
  193.         {% endfor %}
  195.         <!-- modal Contacts-->
  196.         <div id="modal_generico" class="modal fade">
  197.             <div class="modal-dialog modal-lg">
  198.                 <div class="modal-content">
  199.                     <div class="modal-header bg-teal">
  200.                         <button type="button" class="close" data-dismiss="modal">&times;</button>
  201.                         <h5 class="modal-title"><i class="icon-user-plus position-left"></i>{% trans %}Add or Edit Contact{% endtrans %}</h5>
  202.                     </div>
  203.                     <div id="modal-spinner" class="modal-body">
  204.                         <h1 class="text-center"><i class="icon-spinner4 spinner"></i></h1>
  205.                     </div>
  206.                     <div class="modal-footer text-center">
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.         <!-- /modal Contacts-->
  216.         {#<div class="col-md-12 margen-15">#}
  217.         {#<div class="panel">#}
  218.         {#<div class="panel-heading">#}
  219.         {#<h6 class="panel-title">{% trans %} Client Contact Available {% endtrans %}<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>#}
  220.         {#</div>#}
  221.         {#<div class="panel-body border-blue">#}
  223.         {#<table id="table-client" class="table datatable-responsive table-bordered table-hover datatable-highlight">#}
  224.         {#<thead>#}
  225.         {#<tr>#}
  226.         {#<th>{% trans %}Name{% endtrans %}</th>#}
  227.         {#<th>{% trans %}Email{% endtrans %}</th>#}
  228.         {#<th>{% trans %}Telephone{% endtrans %}</th>#}
  229.         {#<th>{% trans %}Mobile{% endtrans %}</th>#}
  230.         {#<th class="text-center">{% trans %}Actions{% endtrans %}</th>#}
  231.         {#</tr>#}
  232.         {#</thead>#}
  233.         {#<tbody>#}
  234.         {#{% for contact in contacts %}#}
  235.         {#<tr>#}
  236.         {#<td>{{ contact.name }} {{ contact.lastName }}</td>#}
  237.         {#<td>{{ contact.email }}</td>#}
  238.         {#<td>{{ contact.phone }}</td>#}
  239.         {#<td>{{ contact.mobile }}</td>#}
  240.         {#<td class="text-center">#}
  241.         {#<ul class="icons-list">#}
  242.         {#<li class="dropdown">#}
  243.         {#<a class="btn border-info text-info btn-flat btn-rounded btn-icon btn-lg" href="#" class="dropdown-toggle" data-toggle="dropdown">#}
  244.         {#<i class="icon-menu9"></i>#}
  245.         {#</a>#}
  247.         {#<ul class="dropdown-menu dropdown-menu-right bg-teal-400">#}
  248.         {#<li><a href="/client/contact/edit/{{ contact.id }}"><i class="icon-pencil5 pull-right"></i> {% trans %}Edit{% endtrans %}</a></li>#}
  249.         {#</ul>#}
  250.         {#</li>#}
  251.         {#</ul>#}
  252.         {#</td>#}
  253.         {#</tr>#}
  254.         {#{% endfor %}#}
  255.         {#</tbody>#}
  256.         {#</table>#}
  257.         {#</div>#}
  258.         {#</div>#}
  259.         {#</div>#}
  263.         </div>
  269.     {% endblock %}
  270.         {% block javascripts %}
  271.             {{ parent() }}
  272.             <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
  274.             <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switch.min.js') }}"></script>
  275.             <script type="text/javascript" src="{{ asset('assets/js/pages/form_checkboxes_radios.js') }}"></script>
  277.             <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
  278.             <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>
  279.             <script type="text/javascript" src="{{ asset('assets/js/pages/datatables_responsive.js') }}"></script>
  280.             <script type="text/javascript" src="{{ asset('assets/js/pages/datatables_advanced.js') }}"></script>
  282.             <script type="text/javascript" src="{{ asset('assets/js/pages/client/modal-add-edit.js') }}"></script>
  283.         {% endblock %}