templates/admin/clientes_edit.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block pageTitle %}{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="/plugins/dropzone/min/dropzone.min.css">
  6. {% endblock %}
  7. {% block content %}
  8.     <div class="row content-header">
  9.         {% if new==false %}
  10.             <div class="col-md-6"><h1>Editar imóvel #{{ data.id }} {{ data.status==false? '(inativo)': '' }}</h1></div>
  11.         {% else %}
  12.             <div class="col-md-6"><h1>Novo imóvel</h1></div>
  13.         {% endif %}
  14.         <div class="col-md-6 text-right"><a href="{{ path('admin_clientes_lista') }}">Voltar para lista</a></div>
  15.     </div>
  16.     {{ include('default/_flash_messages.html.twig') }}
  17.     {% if new==false %}
  18.         <div class="row">
  19.             <a class="btn btn-app" href="{{ path('admin_inventario_edit',{id:data.id}) }}" alt="Inventário" title="Inventário">
  20.                 <i class="fas fa-tasks"></i> Inventário
  21.             </a>
  22.             <a class="btn btn-app"  href="{{ path('admin_vistoria_list',{id:data.id}) }}" alt="Vistoria" title="Vistoria">
  23.                 <i class="fas fa-check"></i> Vistoria
  24.             </a>
  25.             <a class="btn btn-app" href="{{ path('admin_reserva_list',{id:data.id}) }}" alt="Reservas" title="Reservas">
  26.                 <i class="far fa-calendar-alt"></i> Reservas
  27.             </a>
  28.             <a class="btn btn-app" href="{{ path('admin_ocorrencia_list',{id:data.id}) }}" alt="Ocorrências" title="Ocorrências">
  29.                 <i class="fas fa-exclamation-triangle"></i> Ocorrências
  30.             </a>
  31.         </div>
  32.     {% endif %}
  33.     <div class="card card-primary">
  34.         <!-- /.card-header -->
  35.         <!-- form start -->
  36.         {{ form_start(form) }}
  37.             <div class="card-body">
  38.                 <div class="row">
  39.                     <div class="col-md-4">{{ form_row(form.nome) }}</div>
  40.                     <div class="col-md-4">{{ form_row(form.email) }}</div>
  41.                     <div class="col-md-4">{{ form_row(form.plano) }}</div>
  43.                     <div class="col-md-4">{{ form_row(form.cpf) }}</div>
  44.                     <div class="col-md-4">{{ form_row(form.codStays) }}</div>
  45.                     <div class="col-md-4">{{ form_row(form.celular) }}</div>
  47.                     <div class="col-md-4">{{ form_row(form.cidade) }}</div>
  48.                     <div class="col-md-4">{{ form_row(form.endereco) }}</div>
  50.                     <div class="col-md-4" id="div_contrato">
  51.                         {{ form_row(form.contrato) }}
  52.                         <div id="photo_preview" style="margin-top: -1em; display: inline-block">
  53.                             {% if data.contrato|default(false) %}
  54.                                 <i style="font-size: 34px" class="far fa-file-pdf"></i>
  55.                             {% endif %}
  56.                         </div>
  57.                         <a href="javascript:void(0)" id="change_contrato">Alterar</a>
  58.                         <a href="javascript:void(0)" id="download_pdf">Baixar</a>
  59.                         <a href="javascript:void(0)" id="remove_contrato" style="display: none">Remover</a>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.             <div class="card-footer row">
  65.                 <div class="col-md-6">
  66.                     <button type="submit" class="btn btn-primary">Salvar</button>
  67.                 </div>
  68.                 <div class="col-md-6 text-right">
  69.                     {% if new==false %}
  70.                         {%  if data.status==1 %}
  71.                             <button type="button" class="btn btn-danger" data-nome="{{ data.nome }}" data-id="{{ data.id }}" id="inativar"><i class="far fa-trash-alt"></i> Inativar</button>
  72.                         {% else %}
  73.                             <button type="button" class="btn btn-success" data-nome="{{ data.nome }}" data-id="{{ data.id }}" id="reativar"><i class="fa fa-plus-circle"></i> Reativar</button>
  74.                         {% endif %}
  76.                     {% endif %}
  77.                 </div>
  78.             </div>
  79.         {{ form_end(form) }}
  80.     </div>
  81.     <div class="modal fade" id="contratosUploadModal">
  82.         <div class="modal-dialog modal-md">
  83.             <div class="modal-content">
  84.                 <div class="modal-header">
  85.                     <h6 class="modal-title"></h6>
  86.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  87.                         <span aria-hidden="true">&times;</span>
  88.                     </button>
  89.                 </div>
  90.                 <div class="modal-body">
  91.                     <form action="{{ path('admin_clientes_contrato')}}?id={{ data.id }}" class="dropzone" id="dropzonewidget" enctype="multipart/form-data"></form>
  92.                 </div>
  93.                 <div class="modal-footer justify-content-between">
  94.                     <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </div>
  99.     <div class="modal fade" id="modalAlert">
  100.         <div class="modal-dialog">
  101.             <div class="modal-content">
  102.                 <div class="modal-header">
  103.                     <h4 class="modal-title">Confirmação</h4>
  104.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  105.                         <span aria-hidden="true">&times;</span>
  106.                     </button>
  107.                 </div>
  108.                 <div class="modal-body">
  109.                     <p></p>
  110.                 </div>
  111.                 <div class="modal-footer justify-content-between">
  112.                     <form method="post" action="{{ data.status==true? path('admin_clientes_inativos_inativar'): path('admin_clientes_inativos_reativar') }}">
  113.                         <input type="hidden" name="id" value="" />
  114.                         <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
  115.                         <button type="submit" class="btn btn-primary">OK</button>
  116.                     </form>
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </div>
  121. {% endblock %}
  122. {% block scripts %}
  123.     {{ parent() }}
  124.     <script src="/dist/js/adminlte.min.js"></script>
  125.     <script src="/plugins/dropzone/min/dropzone.min.js"></script>
  126.     <script>
  127.         var contrato = '';
  130.         Dropzone.autoDiscover = false;
  131.         $(".dropzone").dropzone({
  132.             addRemoveLinks: true,
  133.             maxFiles: 1,
  134.             acceptedFiles: '.pdf',
  135.             dictDefaultMessage: "Arraste ou selecione seu contrato aqui",
  136.             dictRemoveFile: "Remover",
  137.             removedfile: function(file) {
  138.                 var name = file.name;
  139.                 $('#client_contrato').attr('value','');
  140.                 $('#photo_preview').html('');
  141.                 verifica_contrato();
  142.                 var _ref;
  143.                 return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
  144.             },
  145.             init: function () {
  146.                 this.on("success", function(file, response) {
  147.                     contrato = response.url;
  148.                     $('#client_contrato').attr('value',response.url);
  149.                     $('#photo_preview').html('<i style="font-size: 34px" class="far fa-file-pdf"></i>');
  150.                     verifica_contrato();
  151.                 });
  152.             }
  153.         });
  155.         jQuery(document).ready(function($) {
  156.             $('body').on('click','#change_contrato', function () {
  157.                 $('#contratosUploadModal').modal();
  158.             });
  159.             $('body').on('click','#download_pdf', function () {
  160.                 window.open($('#client_contrato').val());
  161.             });
  162.             $('body').on('click','#remove_contrato', function () {
  163.                 $('#client_contrato').attr('value','');
  164.                 $('#photo_preview').html('');
  165.                 $('.dz-preview').click();
  166.                 verifica_contrato();
  167.             });
  168.             verifica_contrato();
  170.             $('body').on('click','#inativar', function () {
  171.                 $('#modalAlert [name=id]').val($(this).data('id'));
  172.                 $('#modalAlert .modal-body p').html('Deseja realmente alterar o cliente: <b>'+$(this).data('nome')+'</b> para inativo?');
  173.                 $('#modalAlert').modal();
  174.             });
  176.             $('body').on('click','#reativar', function () {
  177.                 $('#modalAlert [name=id]').val($(this).data('id'));
  178.                 $('#modalAlert .modal-body p').html('Deseja realmente alterar o cliente: <b>'+$(this).data('nome')+'</b> para ativo?');
  179.                 $('#modalAlert').modal();
  180.             });
  183.         });
  185.         function verifica_contrato(){
  186.             if($('#client_contrato').val()!=''){
  187.                 $('#photo_preview').html('<i style="font-size: 34px" class="far fa-file-pdf"></i>');
  188.                 $('#download_pdf').show();
  189.                 $('#change_contrato').html('Alterar');
  190.                 $('#remove_contrato').show();
  191.             }
  192.             else{
  193.                 $('#photo_preview').html('');
  194.                 $('#download_pdf').hide();
  195.                 $('#change_contrato').html('Adicionar');
  196.                 $('#remove_contrato').hide();
  197.             }
  198.         }
  200.     </script>
  201. {% endblock %}