templates/admin/user/proveedor_form.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base_admin.html.twig' %}
  3. {% block content %}
  4. <div class="row mb-4">
  5.     <div class="col-12">
  6.         <div class="card border-0 shadow-lg">
  7.             <div class="card-header bg-white border-bottom-0 py-4">
  8.                 <div class="row align-items-center">
  9.                     <div class="col-md-6">
  10.                         <h4 class="mb-0 text-dark fw-bold">
  11.                             <i class="fas fa-hospital me-2 text-primary"></i>
  12.                             {{ modo == 'edit' ? 'Editar Clínica' : 'Nueva Clínica' }}
  13.                         </h4>
  14.                         <p class="text-muted mb-0 mt-1">
  15.                             {{ modo == 'edit' ? 'Actualiza la información de la clínica' : 'Registra una nueva clínica en el sistema' }}
  16.                         </p>
  17.                     </div>
  18.                     <div class="col-md-6 text-md-end">
  19.                         <a href="{{ path('admin_proveedores') }}" class="btn btn-outline-primary btn-lg px-4">
  20.                             <i class="fas fa-arrow-left me-2"></i>Volver a Clínicas
  21.                         </a>
  22.                     </div>
  23.                 </div>
  24.             </div>
  26.             <div class="card-body p-4">
  27.                 {{ form_start(form, {'attr': {'class': 'row g-4'}, 'render_rest': false}) }}
  29.                 {{ form_widget(form._token) }}
  31.                 <!-- MOSTRAR ERRORES GLOBALES DEL FORMULARIO -->
  32.                 {% if form.vars.errors|length > 0 %}
  33.                 <div class="col-12">
  34.                     <div class="alert alert-danger">
  35.                         <h6 class="alert-heading">
  36.                             <i class="fas fa-exclamation-triangle me-2"></i>Errores en el formulario
  37.                         </h6>
  38.                         <ul class="mb-0">
  39.                             {% for error in form.vars.errors %}
  40.                                 <li>{{ error.message }}</li>
  41.                             {% endfor %}
  42.                         </ul>
  43.                     </div>
  44.                 </div>
  45.                 {% endif %}
  47.                 <!-- Información de la Clínica -->
  48.                 <div class="col-12">
  49.                     <div class="card border-0 bg-light bg-opacity-10">
  50.                         <div class="card-header bg-transparent border-bottom-0 py-3">
  51.                             <h6 class="mb-0 fw-semibold text-dark">
  52.                                 <i class="fas fa-hospital me-2 text-primary"></i>Información de la Clínica
  53.                             </h6>
  54.                         </div>
  55.                         <div class="card-body">
  56.                             <div class="row g-3">
  57.                                 <div class="col-md-12">
  58.                                     {{ form_label(form.name, 'Nombre de la Clínica', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  59.                                     <div class="input-group input-group-lg">
  60.                                         <span class="input-group-text bg-white border-end-0">
  61.                                             <i class="fas fa-hospital text-muted"></i>
  62.                                         </span>
  63.                                         {{ form_widget(form.name, {
  64.                                             attr: {
  65.                                                 class: 'form-control border-start-0' ~ (form.name.vars.errors|length ? ' is-invalid' : ''),
  66.                                                 placeholder: 'Ingrese el nombre de la clínica'
  67.                                             }
  68.                                         }) }}
  69.                                     </div>
  70.                                     {% if form.name.vars.errors|length %}
  71.                                         <div class="invalid-feedback d-block">
  72.                                             {{ form_errors(form.name) }}
  73.                                         </div>
  74.                                     {% endif %}
  75.                                 </div>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                 </div>
  81.                 <!-- Información de Contacto -->
  82.                 <div class="col-12">
  83.                     <div class="card border-0 bg-light bg-opacity-10">
  84.                         <div class="card-header bg-transparent border-bottom-0 py-3">
  85.                             <h6 class="mb-0 fw-semibold text-dark">
  86.                                 <i class="fas fa-address-book me-2 text-primary"></i>Información de Contacto
  87.                             </h6>
  88.                         </div>
  89.                         <div class="card-body">
  90.                             <div class="row g-3">
  91.                                 <div class="col-md-6">
  92.                                     {{ form_label(form.email, 'Email', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  93.                                     <div class="input-group input-group-lg">
  94.                                         <span class="input-group-text bg-white border-end-0">
  95.                                             <i class="fas fa-envelope text-muted"></i>
  96.                                         </span>
  97.                                         {{ form_widget(form.email, {
  98.                                             attr: {
  99.                                                 class: 'form-control border-start-0' ~ (form.email.vars.errors|length ? ' is-invalid' : ''),
  100.                                                 placeholder: 'clinica@ejemplo.com'
  101.                                             }
  102.                                         }) }}
  103.                                     </div>
  104.                                     {% if form.email.vars.errors|length %}
  105.                                         <div class="invalid-feedback d-block">
  106.                                             {{ form_errors(form.email) }}
  107.                                         </div>
  108.                                     {% endif %}
  109.                                 </div>
  111.                                 <div class="col-md-6">
  112.                                     {{ form_label(form.phone, 'Teléfono', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  113.                                     <div class="input-group input-group-lg">
  114.                                         <span class="input-group-text bg-white border-end-0">
  115.                                             <i class="fas fa-phone text-muted"></i>
  116.                                         </span>
  117.                                         {{ form_widget(form.phone, {
  118.                                             attr: {
  119.                                                 class: 'form-control border-start-0' ~ (form.phone.vars.errors|length ? ' is-invalid' : ''),
  120.                                                 placeholder: 'Teléfono de contacto'
  121.                                             }
  122.                                         }) }}
  123.                                     </div>
  124.                                     {% if form.phone.vars.errors|length %}
  125.                                         <div class="invalid-feedback d-block">
  126.                                             {{ form_errors(form.phone) }}
  127.                                         </div>
  128.                                     {% endif %}
  129.                                 </div>
  131.                                 <div class="col-12">
  132.                                     {{ form_label(form.address, 'Dirección', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  133.                                     <div class="input-group input-group-lg">
  134.                                         <span class="input-group-text bg-white border-end-0">
  135.                                             <i class="fas fa-map-marker-alt text-muted"></i>
  136.                                         </span>
  137.                                         {{ form_widget(form.address, {
  138.                                             attr: {
  139.                                                 class: 'form-control border-start-0' ~ (form.address.vars.errors|length ? ' is-invalid' : ''),
  140.                                                 placeholder: 'Dirección completa de la clínica'
  141.                                             }
  142.                                         }) }}
  143.                                     </div>
  144.                                     {% if form.address.vars.errors|length %}
  145.                                         <div class="invalid-feedback d-block">
  146.                                             {{ form_errors(form.address) }}
  147.                                         </div>
  148.                                     {% endif %}
  149.                                 </div>
  150.                             </div>
  151.                         </div>
  152.                     </div>
  153.                 </div>
  155.                 <!-- Contraseña (solo para nuevos) -->
  156.                 {% if form.plainPassword is defined %}
  157.                 <div class="col-12">
  158.                     <div class="card border-0 bg-light bg-opacity-10">
  159.                         <div class="card-header bg-transparent border-bottom-0 py-3">
  160.                             <h6 class="mb-0 fw-semibold text-dark">
  161.                                 <i class="fas fa-lock me-2 text-primary"></i>Seguridad
  162.                             </h6>
  163.                         </div>
  164.                         <div class="card-body">
  165.                             <div class="row g-3">
  166.                                 <div class="col-md-6">
  167.                                     {{ form_label(form.plainPassword.first, 'Contraseña', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  168.                                     <div class="input-group input-group-lg position-relative">
  169.                                         <span class="input-group-text bg-white border-end-0">
  170.                                             <i class="fas fa-key text-muted"></i>
  171.                                         </span>
  172.                                         {{ form_widget(form.plainPassword.first, {
  173.                                             attr: {
  174.                                                 class: 'form-control border-start-0 password-field' ~ (form.plainPassword.first.vars.errors|length ? ' is-invalid' : ''),
  175.                                                 placeholder: 'Ingresa la contraseña'
  176.                                             }
  177.                                         }) }}
  178.                                         <button type="button" class="btn btn-outline-secondary border-start-0 password-toggle" onclick="togglePassword(this)">
  179.                                             <i class="fas fa-eye"></i>
  180.                                         </button>
  181.                                     </div>
  182.                                     {% if form.plainPassword.first.vars.errors|length %}
  183.                                         <div class="invalid-feedback d-block">
  184.                                             {{ form_errors(form.plainPassword.first) }}
  185.                                         </div>
  186.                                     {% endif %}
  187.                                 </div>
  189.                                 <div class="col-md-6">
  190.                                     {{ form_label(form.plainPassword.second, 'Confirmar Contraseña', {'label_attr': {'class': 'form-label fw-semibold text-dark'}}) }}
  191.                                     <div class="input-group input-group-lg position-relative">
  192.                                         <span class="input-group-text bg-white border-end-0">
  193.                                             <i class="fas fa-key text-muted"></i>
  194.                                         </span>
  195.                                         {{ form_widget(form.plainPassword.second, {
  196.                                             attr: {
  197.                                                 class: 'form-control border-start-0 password-field' ~ (form.plainPassword.second.vars.errors|length ? ' is-invalid' : ''),
  198.                                                 placeholder: 'Confirma la contraseña'
  199.                                             }
  200.                                         }) }}
  201.                                         <button type="button" class="btn btn-outline-secondary border-start-0 password-toggle" onclick="togglePassword(this)">
  202.                                             <i class="fas fa-eye"></i>
  203.                                         </button>
  204.                                     </div>
  205.                                     {% if form.plainPassword.second.vars.errors|length %}
  206.                                         <div class="invalid-feedback d-block">
  207.                                             {{ form_errors(form.plainPassword.second) }}
  208.                                         </div>
  209.                                     {% endif %}
  210.                                 </div>
  211.                             </div>
  212.                         </div>
  213.                     </div>
  214.                 </div>
  215.                 {% endif %}
  217.                 <!-- Botones -->
  218.                 <div class="col-12 mt-4">
  219.                     <div class="d-flex justify-content-end gap-3">
  220.                         <a href="{{ path('admin_proveedores') }}" class="btn btn-outline-secondary btn-lg px-4">
  221.                             <i class="fas fa-times me-2"></i>Cancelar
  222.                         </a>
  223.                         <button type="submit" class="btn btn-primary btn-lg px-4">
  224.                             {% if modo == 'edit' %}
  225.                                 <i class="fas fa-save me-2"></i>Actualizar Clínica
  226.                             {% else %}
  227.                                 <i class="fas fa-hospital me-2"></i>Registrar Clínica
  228.                             {% endif %}
  229.                         </button>
  230.                     </div>
  231.                 </div>
  233.                 {{ form_end(form, {'render_rest': false}) }}
  234.             </div>
  235.         </div>
  236.     </div>
  237. </div>
  238. {% endblock %}
  240. {% block javascripts %}
  241.     {{ parent() }}
  242.     <script>
  243.         function togglePassword(button) {
  244.             const input = button.closest('.input-group').querySelector('.password-field');
  245.             const icon = button.querySelector('i');
  246.             
  247.             if (input.type === 'password') {
  248.                 input.type = 'text';
  249.                 icon.classList.remove('fa-eye');
  250.                 icon.classList.add('fa-eye-slash');
  251.             } else {
  252.                 input.type = 'password';
  253.                 icon.classList.remove('fa-eye-slash');
  254.                 icon.classList.add('fa-eye');
  255.             }
  256.         }
  257.     </script>
  258. {% endblock %}