var/cache/dev/twig/aa/aa76007532f857eabaa923f84d61e073d0c84a2eed47655c8c5682a53ee9a2b3.php line 46

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* @CompanyGroup/pages/tickets/create_ticket.html.twig */
  17. class __TwigTemplate_d3c14b32ec9a23d50656de5d8361b57237ef38bbdfdf77b3d0f40772c63c6a4a extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->parent = false;
  30.         $this->blocks = [
  31.         ];
  32.     }
  34.     protected function doDisplay(array $context, array $blocks = [])
  35.     {
  36.         $macros = $this->macros;
  37.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  38.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@CompanyGroup/pages/tickets/create_ticket.html.twig"));
  40.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  41.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@CompanyGroup/pages/tickets/create_ticket.html.twig"));
  43.         // line 1
  44.         $context["page_title"] = "New Ticket | HoneyBee";
  45.         // line 2
  46.         yield from         $this->loadTemplate("@Application/inc/central_header.html.twig", "@CompanyGroup/pages/tickets/create_ticket.html.twig", 2)->unwrap()->yield($context);
  47.         // line 3
  48.         yield from         $this->loadTemplate("@CompanyGroup/pages/admin/_sidebar.html.twig", "@CompanyGroup/pages/tickets/create_ticket.html.twig", 3)->unwrap()->yield($context);
  49.         // line 4
  50.         yield "
  51. <style>
  52. /* ── Design tokens ─────────────────────────────────────────────────────────── */
  53. :root {
  54.     --n-cream:     #F7F5F0;
  55.     --n-cream-2:   #F0EDE5;
  56.     --n-white:     #FFFFFF;
  57.     --n-dark:      #1A1D2E;
  58.     --n-dark-2:    #252840;
  59.     --n-amber:     #C07D2A;
  60.     --n-amber-lt:  #D4954A;
  61.     --n-amber-dim: rgba(192,125,42,.10);
  62.     --n-sage:      #3D6B52;
  63.     --n-sage-dim:  rgba(61,107,82,.09);
  64.     --n-muted:     #6B6E7F;
  65.     --n-muted-2:   #9395A5;
  66.     --n-border:    rgba(26,29,46,.07);
  67.     --n-border-md: rgba(26,29,46,.12);
  68.     --n-shadow-sm: 0 2px 12px rgba(26,29,46,.07);
  69.     --n-shadow-md: 0 8px 32px rgba(26,29,46,.09);
  70.     --n-radius:    12px;
  71.     --n-radius-sm: 8px;
  72.     --n-font:      'DM Sans', 'Poppins', system-ui, sans-serif;
  73. }
  74. *, *::before, *::after { box-sizing: border-box; }
  75. body { background: var(--n-cream); font-family: var(--n-font); color: var(--n-dark); text-align: left; }
  77. /* ── Layout ────────────────────────────────────────────────────────────────── */
  78. .tc-wrap { max-width: 1100px; margin: 0 auto; padding: 0 28px; }
  79. .tc-page { padding: 40px 0 80px; }
  81. /* ── Breadcrumb ────────────────────────────────────────────────────────────── */
  82. .tc-breadcrumb {
  83.     font-size: .8rem; color: var(--n-muted-2); margin-bottom: 20px;
  84.     display: flex; align-items: center; gap: 6px;
  85. }
  86. .tc-breadcrumb a { color: var(--n-muted); text-decoration: none; font-weight: 500; }
  87. .tc-breadcrumb a:hover { color: var(--n-amber); }
  88. .tc-breadcrumb .sep { color: var(--n-border-md); }
  89. .tc-breadcrumb .current { color: var(--n-dark); font-weight: 600; }
  91. /* ── Page header ───────────────────────────────────────────────────────────── */
  92. .tc-page-title {
  93.     font-family: 'Montserrat', sans-serif; font-size: clamp(1.4rem,2.5vw,1.9rem);
  94.     font-weight: 800; color: var(--n-dark); letter-spacing: -.02em; margin: 0 0 5px;
  95. }
  96. .tc-page-sub { font-size: .88rem; color: var(--n-muted); margin: 0 0 28px; }
  97. .required-star { color: #c0392b; }
  99. /* ── Form card ─────────────────────────────────────────────────────────────── */
  100. .tc-card {
  101.     background: var(--n-white); border: 1px solid var(--n-border-md);
  102.     border-radius: var(--n-radius); padding: 28px 28px 24px;
  103.     margin-bottom: 16px; box-shadow: var(--n-shadow-sm);
  104. }
  105. .tc-card-title {
  106.     font-family: monospace; font-size: .72rem; font-weight: 700;
  107.     letter-spacing: .1em; text-transform: uppercase; color: var(--n-amber);
  108.     margin-bottom: 20px; padding-bottom: 12px;
  109.     border-bottom: 1px solid var(--n-border); display: flex;
  110.     align-items: center; justify-content: space-between; gap: 8px;
  111. }
  112. .tc-card-title i { margin-right: 6px; }
  114. /* ── Form elements ─────────────────────────────────────────────────────────── */
  115. .tc-label {
  116.     display: block; font-size: .8rem; font-weight: 600;
  117.     color: var(--n-muted); margin-bottom: 5px;
  118. }
  119. .tc-input,
  120. .tc-select,
  121. .tc-textarea {
  122.     width: 100%; border-radius: var(--n-radius-sm);
  123.     border: 1.5px solid var(--n-border-md); background: var(--n-cream);
  124.     color: var(--n-dark); font-family: var(--n-font); font-size: .9rem;
  125.     padding: 9px 13px; transition: border-color .15s, box-shadow .15s;
  126.     appearance: none;
  127. }
  128. .tc-textarea { resize: vertical; min-height: 130px; }
  129. .tc-input:focus, .tc-select:focus, .tc-textarea:focus {
  130.     outline: none; border-color: var(--n-amber);
  131.     box-shadow: 0 0 0 3px var(--n-amber-dim);
  132. }
  133. .tc-select { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6E7F' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; }
  134. .tc-char-count { font-size: .73rem; color: var(--n-muted-2); text-align: right; margin-top: 4px; font-family: monospace; }
  135. .tc-hint { font-size: .75rem; color: var(--n-muted-2); margin-top: 4px; }
  137. /* ── Priority grid ─────────────────────────────────────────────────────────── */
  138. .tc-priority-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
  139. .tc-prio-input { display: none; }
  140. .tc-prio-label {
  141.     display: flex; flex-direction: column; align-items: center; justify-content: center;
  142.     gap: 4px; border: 1.5px solid var(--n-border-md); border-radius: var(--n-radius);
  143.     padding: 16px 8px; cursor: pointer; text-align: center; background: var(--n-cream);
  144.     transition: border-color .15s, background .15s;
  145. }
  146. .tc-prio-label:hover { border-color: var(--n-amber-lt); background: var(--n-amber-dim); }
  147. .tc-prio-input:checked + .tc-prio-label { border-color: var(--n-amber); background: var(--n-amber-dim); }
  148. .tc-prio-input[value=\"1\"]:checked + .tc-prio-label { border-color: #c0392b; background: rgba(192,57,43,.07); }
  149. .tc-prio-input[value=\"2\"]:checked + .tc-prio-label { border-color: var(--n-amber-lt); background: var(--n-amber-dim); }
  150. .tc-prio-icon { font-size: 1.4rem; }
  151. .tc-prio-name { font-size: .8rem; font-weight: 700; color: var(--n-dark); }
  152. .tc-prio-desc { font-size: .7rem; color: var(--n-muted-2); }
  154. /* ── Source toggle ─────────────────────────────────────────────────────────── */
  155. .tc-source-toggle {
  156.     display: flex; border: 1.5px solid var(--n-border-md);
  157.     border-radius: var(--n-radius-sm); overflow: hidden;
  158. }
  159. .tc-source-toggle input { display: none; }
  160. .tc-source-toggle label {
  161.     flex: 1; text-align: center; padding: 9px 8px;
  162.     font-size: .82rem; font-weight: 600; cursor: pointer;
  163.     color: var(--n-muted); background: var(--n-cream); transition: all .15s;
  164.     border-right: 1.5px solid var(--n-border-md);
  165. }
  166. .tc-source-toggle label:last-of-type { border-right: none; }
  167. .tc-source-toggle input:checked + label { background: var(--n-dark); color: #fff; }
  169. /* ── Advanced section (collapsible) ───────────────────────────────────────── */
  170. .tc-adv-toggle {
  171.     font-size: .78rem; font-weight: 700; color: var(--n-muted);
  172.     cursor: pointer; display: flex; align-items: center; gap: 5px;
  173.     font-family: monospace; text-transform: uppercase; letter-spacing: .08em;
  174. }
  175. .tc-adv-toggle:hover { color: var(--n-amber); }
  176. .tc-adv-badge {
  177.     background: rgba(111,66,193,.09); color: #6f42c1;
  178.     font-size: .65rem; font-weight: 700; padding: 2px 8px;
  179.     border-radius: 100px; font-family: monospace; letter-spacing: .06em;
  180. }
  181. .tc-adv-body { display: none; margin-top: 16px; }
  182. .tc-adv-body.open { display: block; }
  183. .tc-mono { font-family: monospace !important; font-size: .83rem !important; }
  185. /* ── Action bar ────────────────────────────────────────────────────────────── */
  186. .tc-action-bar {
  187.     display: flex; align-items: center; gap: 12px;
  188.     padding-top: 8px;
  189. }
  190. .tc-btn-submit {
  191.     display: inline-flex; align-items: center; gap: 8px;
  192.     padding: 12px 28px; background: var(--n-dark); color: #fff;
  193.     border: none; border-radius: var(--n-radius-sm);
  194.     font-family: var(--n-font); font-size: .92rem; font-weight: 700;
  195.     cursor: pointer; transition: background .18s, transform .15s; text-decoration: none;
  196. }
  197. .tc-btn-submit:hover { background: var(--n-amber); color: #fff; transform: translateY(-1px); }
  198. .tc-btn-cancel {
  199.     display: inline-flex; align-items: center; gap: 6px;
  200.     padding: 12px 20px; background: transparent; color: var(--n-muted);
  201.     border: 1.5px solid var(--n-border-md); border-radius: var(--n-radius-sm);
  202.     font-family: var(--n-font); font-size: .9rem; font-weight: 600;
  203.     cursor: pointer; text-decoration: none; transition: all .18s;
  204. }
  205. .tc-btn-cancel:hover { border-color: var(--n-dark); color: var(--n-dark); }
  206. </style>
  208. <div class=\"hb-admin-layout\">
  209. <div class=\"tc-page\">
  210.     <div class=\"tc-wrap\">
  212.         ";
  213.         // line 167
  214.         yield "        <div class=\"tc-breadcrumb\">
  215.             <a href=\"";
  216.         // line 168
  217.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ticket_list");
  218.         yield "\"><i class=\"fa fa-ticket-alt fa-xs\"></i> Tickets</a>
  219.             <span class=\"sep\">/</span>
  220.             <span class=\"current\">New Ticket</span>
  221.         </div>
  223.         <h1 class=\"tc-page-title\">Create New Ticket</h1>
  224.         <p class=\"tc-page-sub\">Fields marked <span class=\"required-star\">*</span> are required.</p>
  226.         <form method=\"POST\"
  227.               action=\"";
  228.         // line 177
  229.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ticket_create_submit");
  230.         yield "\"
  231.               enctype=\"multipart/form-data\"
  232.               id=\"createTicketForm\">
  234.             <div class=\"row g-4\">
  236.                 ";
  237.         // line 184
  238.         yield "                <div class=\"col-lg-8\">
  240.                     ";
  241.         // line 187
  242.         yield "                    <div class=\"tc-card\">
  243.                         <div class=\"tc-card-title\">
  244.                             <span><i class=\"fa fa-info-circle\"></i>Ticket Details</span>
  245.                         </div>
  247.                         <div class=\"mb-3\">
  248.                             <label class=\"tc-label\">Title <span class=\"required-star\">*</span></label>
  249.                             <input type=\"text\" name=\"title\" class=\"tc-input\"
  250.                                    placeholder=\"Brief summary of the issue…\"
  251.                                    value=\"";
  252.         // line 196
  253.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "title", [], "any", true, true, false, 196) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "title", [], "any", false, false, false, 196)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "title", [], "any", false, false, false, 196), "html", null, true)) : (yield ""));
  254.         yield "\"
  255.                                    maxlength=\"255\" required>
  256.                         </div>
  258.                         <div class=\"mb-3\">
  259.                             <label class=\"tc-label\">Description <span class=\"required-star\">*</span></label>
  260.                             <textarea name=\"description\" class=\"tc-textarea\" rows=\"6\"
  261.                                       id=\"descriptionField\"
  262.                                       placeholder=\"Describe the issue in detail…\"
  263.                                       maxlength=\"5000\"
  264.                                       required>";
  265.         // line 206
  266.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "description", [], "any", true, true, false, 206) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "description", [], "any", false, false, false, 206)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "description", [], "any", false, false, false, 206), "html", null, true)) : (yield ""));
  267.         yield "</textarea>
  268.                             <div class=\"tc-char-count\" id=\"charCount\">0 / 5000</div>
  269.                         </div>
  271.                         <div class=\"mb-3\">
  272.                             <label class=\"tc-label\">Internal Note</label>
  273.                             <textarea name=\"note\" class=\"tc-textarea\" rows=\"3\"
  274.                                       placeholder=\"Internal notes (not visible to the reporter)…\">";
  275.         // line 213
  276.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "note", [], "any", true, true, false, 213) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "note", [], "any", false, false, false, 213)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "note", [], "any", false, false, false, 213), "html", null, true)) : (yield ""));
  277.         yield "</textarea>
  278.                         </div>
  280.                         <div class=\"mb-0\">
  281.                             <label class=\"tc-label\">Attachments</label>
  282.                             <input type=\"file\" name=\"attachments[]\" class=\"tc-input\"
  283.                                    multiple accept=\".jpg,.jpeg,.png,.pdf,.txt,.log,.zip\">
  284.                             <div class=\"tc-hint\">JPG, PNG, PDF, TXT, LOG, ZIP — max 10 MB per file</div>
  285.                         </div>
  286.                     </div>
  288.                     ";
  289.         // line 225
  290.         yield "                    <div class=\"tc-card\">
  291.                         <div class=\"tc-card-title\">
  292.                             <span><i class=\"fa fa-sliders-h\"></i>Classification</span>
  293.                         </div>
  295.                         <div class=\"mb-4\">
  296.                             <label class=\"tc-label\">Ticket Type</label>
  297.                             <select name=\"ticketType\" class=\"tc-select\">
  298.                                 <option value=\"\">— Select type —</option>
  299.                                 <option value=\"1\" ";
  300.         // line 234
  301.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 234, $this->source); })()), "ticketType", [], "any", false, false, false, 234), 1))) ? ("selected") : (""));
  302.         yield ">Service Ticket</option>
  303.                                 <option value=\"2\" ";
  304.         // line 235
  305.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 235, $this->source); })()), "ticketType", [], "any", false, false, false, 235), 2))) ? ("selected") : (""));
  306.         yield ">To-Do</option>
  307.                                 <option value=\"3\" ";
  308.         // line 236
  309.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 236, $this->source); })()), "ticketType", [], "any", false, false, false, 236), 3))) ? ("selected") : (""));
  310.         yield ">To-Do Reply</option>
  311.                                 <option value=\"4\" ";
  312.         // line 237
  313.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 237, $this->source); })()), "ticketType", [], "any", false, false, false, 237), 4))) ? ("selected") : (""));
  314.         yield ">Query</option>
  315.                                 <option value=\"5\" ";
  316.         // line 238
  317.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 238, $this->source); })()), "ticketType", [], "any", false, false, false, 238), 5))) ? ("selected") : (""));
  318.         yield ">Development</option>
  319.                                 <option value=\"6\" ";
  320.         // line 239
  321.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 239, $this->source); })()), "ticketType", [], "any", false, false, false, 239), 6))) ? ("selected") : (""));
  322.         yield ">Supplier</option>
  323.                                 <option value=\"7\" ";
  324.         // line 240
  325.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 240, $this->source); })()), "ticketType", [], "any", false, false, false, 240), 7))) ? ("selected") : (""));
  326.         yield ">Client</option>
  327.                             </select>
  328.                         </div>
  330.                         <div class=\"mb-4\">
  331.                             <label class=\"tc-label\">Priority <span class=\"required-star\">*</span></label>
  332.                             <div class=\"tc-priority-grid\">
  333.                                 <div>
  334.                                     <input type=\"radio\" name=\"priority\" value=\"1\" id=\"prio1\" class=\"tc-prio-input\"
  335.                                            ";
  336.         // line 249
  337.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", true, true, false, 249) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 249)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 249)) : (3)), 1))) ? ("checked") : (""));
  338.         yield ">
  339.                                     <label for=\"prio1\" class=\"tc-prio-label\">
  340.                                         <span class=\"tc-prio-icon\">🔴</span>
  341.                                         <span class=\"tc-prio-name\">Emergency</span>
  342.                                         <span class=\"tc-prio-desc\">Needs immediate action</span>
  343.                                     </label>
  344.                                 </div>
  345.                                 <div>
  346.                                     <input type=\"radio\" name=\"priority\" value=\"2\" id=\"prio2\" class=\"tc-prio-input\"
  347.                                            ";
  348.         // line 258
  349.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", true, true, false, 258) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 258)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 258)) : (3)), 2))) ? ("checked") : (""));
  350.         yield ">
  351.                                     <label for=\"prio2\" class=\"tc-prio-label\">
  352.                                         <span class=\"tc-prio-icon\">🟡</span>
  353.                                         <span class=\"tc-prio-name\">Important</span>
  354.                                         <span class=\"tc-prio-desc\">Should be addressed soon</span>
  355.                                     </label>
  356.                                 </div>
  357.                                 <div>
  358.                                     <input type=\"radio\" name=\"priority\" value=\"3\" id=\"prio3\" class=\"tc-prio-input\"
  359.                                            ";
  360.         // line 267
  361.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", true, true, false, 267) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 267)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "priority", [], "any", false, false, false, 267)) : (3)), 3))) ? ("checked") : (""));
  362.         yield ">
  363.                                     <label for=\"prio3\" class=\"tc-prio-label\">
  364.                                         <span class=\"tc-prio-icon\">🟢</span>
  365.                                         <span class=\"tc-prio-name\">Normal</span>
  366.                                         <span class=\"tc-prio-desc\">Routine issue</span>
  367.                                     </label>
  368.                                 </div>
  369.                             </div>
  370.                         </div>
  372.                         <div class=\"mb-0\">
  373.                             <label class=\"tc-label\">Source</label>
  374.                             <div class=\"tc-source-toggle\">
  375.                                 <input type=\"radio\" name=\"source\" value=\"1\" id=\"src1\"
  376.                                        ";
  377.         // line 281
  378.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", true, true, false, 281) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 281)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 281)) : (1)), 1))) ? ("checked") : (""));
  379.         yield ">
  380.                                 <label for=\"src1\"><i class=\"fa fa-user fa-xs\"></i> Manual</label>
  382.                                 <input type=\"radio\" name=\"source\" value=\"2\" id=\"src2\"
  383.                                        ";
  384.         // line 285
  385.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", true, true, false, 285) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 285)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 285)) : (1)), 2))) ? ("checked") : (""));
  386.         yield ">
  387.                                 <label for=\"src2\"><i class=\"fa fa-robot fa-xs\"></i> System</label>
  389.                                 <input type=\"radio\" name=\"source\" value=\"3\" id=\"src3\"
  390.                                        ";
  391.         // line 289
  392.         yield (((0 === CoreExtension::compare((((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", true, true, false, 289) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 289)))) ? (CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "source", [], "any", false, false, false, 289)) : (1)), 3))) ? ("checked") : (""));
  393.         yield ">
  394.                                 <label for=\"src3\"><i class=\"fa fa-code fa-xs\"></i> API</label>
  395.                             </div>
  396.                         </div>
  397.                     </div>
  399.                     ";
  400.         // line 296
  401.         yield "                    <div class=\"tc-card\">
  402.                         <div class=\"tc-card-title\">
  403.                             <span><i class=\"fa fa-fingerprint\"></i>System Tracking</span>
  404.                             <div style=\"display:flex;align-items:center;gap:10px;\">
  405.                                 <span class=\"tc-adv-badge\">Advanced</span>
  406.                                 <span class=\"tc-adv-toggle\" onclick=\"toggleSystemFields(this)\" id=\"sysToggleBtn\">
  407.                                     <i class=\"fa fa-chevron-down fa-xs\"></i> Expand
  408.                                 </span>
  409.                             </div>
  410.                         </div>
  411.                         <div class=\"tc-adv-body\" id=\"systemFieldsBlock\">
  412.                             <div class=\"mb-3\">
  413.                                 <label class=\"tc-label\">Problem Hash</label>
  414.                                 <input type=\"text\" name=\"problemHash\" class=\"tc-input tc-mono\"
  415.                                        placeholder=\"SHA256 — leave blank to auto-compute\"
  416.                                        value=\"";
  417.         // line 311
  418.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "problemHash", [], "any", true, true, false, 311) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "problemHash", [], "any", false, false, false, 311)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "problemHash", [], "any", false, false, false, 311), "html", null, true)) : (yield ""));
  419.         yield "\">
  420.                                 <div class=\"tc-hint\">SHA256 of (errorCode + fileLocation + exceptionClass + appId). Do not include timestamps or user IDs.</div>
  421.                             </div>
  422.                             <div class=\"row g-3 mb-3\">
  423.                                 <div class=\"col-md-6\">
  424.                                     <label class=\"tc-label\">Error Code</label>
  425.                                     <input type=\"text\" name=\"errorCode\" class=\"tc-input\"
  426.                                            placeholder=\"e.g. 500, DB_CONN_FAIL\"
  427.                                            value=\"";
  428.         // line 319
  429.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "errorCode", [], "any", true, true, false, 319) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "errorCode", [], "any", false, false, false, 319)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "errorCode", [], "any", false, false, false, 319), "html", null, true)) : (yield ""));
  430.         yield "\">
  431.                                 </div>
  432.                                 <div class=\"col-md-6\">
  433.                                     <label class=\"tc-label\">Server Identifier</label>
  434.                                     <input type=\"text\" name=\"serverIdentifier\" class=\"tc-input\"
  435.                                            placeholder=\"e.g. app-server-01\"
  436.                                            value=\"";
  437.         // line 325
  438.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "serverIdentifier", [], "any", true, true, false, 325) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "serverIdentifier", [], "any", false, false, false, 325)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "serverIdentifier", [], "any", false, false, false, 325), "html", null, true)) : (yield ""));
  439.         yield "\">
  440.                                 </div>
  441.                             </div>
  442.                             <div class=\"mb-0\">
  443.                                 <label class=\"tc-label\">Payload JSON</label>
  444.                                 <textarea name=\"lastPayloadJson\" class=\"tc-textarea tc-mono\" rows=\"5\"
  445.                                           placeholder='{\"exception\":\"RuntimeException\",\"file\":\"src/...\",\"line\":42,...}'>";
  446.         // line 331
  447.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "lastPayloadJson", [], "any", true, true, false, 331) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "lastPayloadJson", [], "any", false, false, false, 331)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "lastPayloadJson", [], "any", false, false, false, 331), "html", null, true)) : (yield ""));
  448.         yield "</textarea>
  449.                             </div>
  450.                         </div>
  451.                     </div>
  453.                 </div>
  455.                 ";
  456.         // line 339
  457.         yield "                <div class=\"col-lg-4\">
  459.                     ";
  460.         // line 342
  461.         yield "                    <div class=\"tc-card\">
  462.                         <div class=\"tc-card-title\">
  463.                             <span><i class=\"fa fa-user-check\"></i>Assignment</span>
  464.                         </div>
  465.                         <div class=\"mb-3\">
  466.                             <label class=\"tc-label\">Assign To (User ID)</label>
  467.                             <input type=\"number\" name=\"assignedToUserId\" class=\"tc-input\"
  468.                                    placeholder=\"User ID…\"
  469.                                    value=\"";
  470.         // line 350
  471.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "assignedToUserId", [], "any", true, true, false, 350) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "assignedToUserId", [], "any", false, false, false, 350)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "assignedToUserId", [], "any", false, false, false, 350), "html", null, true)) : (yield ""));
  472.         yield "\">
  473.                         </div>
  474.                         <div class=\"mb-3\">
  475.                             <label class=\"tc-label\">Deadline</label>
  476.                             <input type=\"date\" name=\"deadlineDate\" class=\"tc-input\"
  477.                                    value=\"";
  478.         // line 355
  479.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "deadlineDate", [], "any", true, true, false, 355) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "deadlineDate", [], "any", false, false, false, 355)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "deadlineDate", [], "any", false, false, false, 355), "html", null, true)) : (yield ""));
  480.         yield "\">
  481.                         </div>
  482.                         <div class=\"mb-0\">
  483.                             <label class=\"tc-label\">Tagged User IDs</label>
  484.                             <input type=\"text\" name=\"taggedUserIds\" class=\"tc-input\"
  485.                                    placeholder=\"Comma-separated, e.g. 12, 45, 78\"
  486.                                    value=\"";
  487.         // line 361
  488.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "taggedUserIds", [], "any", true, true, false, 361) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "taggedUserIds", [], "any", false, false, false, 361)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "taggedUserIds", [], "any", false, false, false, 361), "html", null, true)) : (yield ""));
  489.         yield "\">
  490.                         </div>
  491.                     </div>
  493.                     ";
  494.         // line 366
  495.         yield "                    <div class=\"tc-card\">
  496.                         <div class=\"tc-card-title\">
  497.                             <span><i class=\"fa fa-address-card\"></i>Reporter Contact</span>
  498.                         </div>
  499.                         <div class=\"mb-3\">
  500.                             <label class=\"tc-label\">Name</label>
  501.                             <input type=\"text\" name=\"name\" class=\"tc-input\"
  502.                                    placeholder=\"Reporter's name…\"
  503.                                    value=\"";
  504.         // line 374
  505.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "name", [], "any", true, true, false, 374) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "name", [], "any", false, false, false, 374)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "name", [], "any", false, false, false, 374), "html", null, true)) : (yield ""));
  506.         yield "\">
  507.                         </div>
  508.                         <div class=\"mb-3\">
  509.                             <label class=\"tc-label\">Email</label>
  510.                             <input type=\"email\" name=\"email\" class=\"tc-input\"
  511.                                    placeholder=\"reporter@example.com\"
  512.                                    value=\"";
  513.         // line 380
  514.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "email", [], "any", true, true, false, 380) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "email", [], "any", false, false, false, 380)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "email", [], "any", false, false, false, 380), "html", null, true)) : (yield ""));
  515.         yield "\">
  516.                         </div>
  517.                         <div class=\"mb-3\">
  518.                             <label class=\"tc-label\">Phone</label>
  519.                             <input type=\"text\" name=\"phone\" class=\"tc-input\"
  520.                                    placeholder=\"+49 …\"
  521.                                    value=\"";
  522.         // line 386
  523.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "phone", [], "any", true, true, false, 386) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "phone", [], "any", false, false, false, 386)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "phone", [], "any", false, false, false, 386), "html", null, true)) : (yield ""));
  524.         yield "\">
  525.                         </div>
  526.                         <div class=\"mb-0\">
  527.                             <label class=\"tc-label\">Preferred Contact</label>
  528.                             <select name=\"preferredContactMethod\" class=\"tc-select\">
  529.                                 <option value=\"\">— No preference —</option>
  530.                                 <option value=\"1\" ";
  531.         // line 392
  532.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 392, $this->source); })()), "preferredContactMethod", [], "any", false, false, false, 392), 1))) ? ("selected") : (""));
  533.         yield ">Email</option>
  534.                                 <option value=\"2\" ";
  535.         // line 393
  536.         yield (((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, (isset($context["formData"]) || array_key_exists("formData", $context) ? $context["formData"] : (function () { throw new RuntimeError('Variable "formData" does not exist.', 393, $this->source); })()), "preferredContactMethod", [], "any", false, false, false, 393), 2))) ? ("selected") : (""));
  537.         yield ">Phone</option>
  538.                             </select>
  539.                         </div>
  540.                     </div>
  542.                     ";
  543.         // line 399
  544.         yield "                    <div class=\"tc-card\">
  545.                         <div class=\"tc-card-title\">
  546.                             <span><i class=\"fa fa-sitemap\"></i>Context</span>
  547.                         </div>
  548.                         <div class=\"mb-3\">
  549.                             <label class=\"tc-label\">Company ID</label>
  550.                             <input type=\"number\" name=\"companyId\" class=\"tc-input\"
  551.                                    value=\"";
  552.         // line 406
  553.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "companyId", [], "any", true, true, false, 406) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "companyId", [], "any", false, false, false, 406)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "companyId", [], "any", false, false, false, 406), "html", null, true)) : (yield ""));
  554.         yield "\">
  555.                         </div>
  556.                         <div class=\"mb-3\">
  557.                             <label class=\"tc-label\">App ID</label>
  558.                             <input type=\"number\" name=\"appId\" class=\"tc-input\"
  559.                                    value=\"";
  560.         // line 411
  561.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "appId", [], "any", true, true, false, 411) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "appId", [], "any", false, false, false, 411)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "appId", [], "any", false, false, false, 411), "html", null, true)) : (yield ""));
  562.         yield "\">
  563.                         </div>
  564.                         <div class=\"mb-0\">
  565.                             <label class=\"tc-label\">Branch ID</label>
  566.                             <input type=\"number\" name=\"branchId\" class=\"tc-input\"
  567.                                    value=\"";
  568.         // line 416
  569.         (((CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "branchId", [], "any", true, true, false, 416) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "branchId", [], "any", false, false, false, 416)))) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["formData"] ?? null), "branchId", [], "any", false, false, false, 416), "html", null, true)) : (yield ""));
  570.         yield "\">
  571.                         </div>
  572.                     </div>
  574.                 </div>
  575.             </div>
  577.             ";
  578.         // line 424
  579.         yield "            <div class=\"tc-action-bar\">
  580.                 <button type=\"submit\" class=\"tc-btn-submit\">
  581.                     <i class=\"fa fa-paper-plane\" style=\"font-size:.8rem\"></i> Create Ticket
  582.                 </button>
  583.                 <a href=\"";
  584.         // line 428
  585.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ticket_list");
  586.         yield "\" class=\"tc-btn-cancel\">
  587.                     Cancel
  588.                 </a>
  589.             </div>
  591.         </form>
  592.     </div>
  593. </div>
  595. <script>
  596.     // Character counter
  597.     var descField = document.getElementById('descriptionField');
  598.     var charCount = document.getElementById('charCount');
  599.     if (descField) {
  600.         descField.addEventListener('input', function () {
  601.             charCount.textContent = this.value.length + ' / 5000';
  602.         });
  603.     }
  605.     // System fields toggle
  606.     function toggleSystemFields(el) {
  607.         var block = document.getElementById('systemFieldsBlock');
  608.         var isOpen = block.classList.contains('open');
  609.         if (isOpen) {
  610.             block.classList.remove('open');
  611.             el.innerHTML = '<i class=\"fa fa-chevron-down fa-xs\"></i> Expand';
  612.         } else {
  613.             block.classList.add('open');
  614.             el.innerHTML = '<i class=\"fa fa-chevron-up fa-xs\"></i> Collapse';
  615.         }
  616.     }
  618.     // Auto-expand if values are pre-filled
  619.     (function () {
  620.         var fields = ['[name=\"problemHash\"]', '[name=\"serverIdentifier\"]', '[name=\"lastPayloadJson\"]'];
  621.         for (var i = 0; i < fields.length; i++) {
  622.             var el = document.querySelector(fields[i]);
  623.             if (el && el.value.trim() !== '') {
  624.                 var block = document.getElementById('systemFieldsBlock');
  625.                 block.classList.add('open');
  626.                 var btn = document.getElementById('sysToggleBtn');
  627.                 if (btn) btn.innerHTML = '<i class=\"fa fa-chevron-up fa-xs\"></i> Collapse';
  628.                 break;
  629.             }
  630.         }
  631.     })();
  632. </script>
  634. </div>";
  635.         // line 477
  636.         yield "
  637. ";
  638.         // line 478
  639.         yield from         $this->loadTemplate("@Application/footer/central_footer.html.twig", "@CompanyGroup/pages/tickets/create_ticket.html.twig", 478)->unwrap()->yield($context);
  640.         
  641.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  643.         
  644.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  646.         return; yield '';
  647.     }
  649.     /**
  650.      * @codeCoverageIgnore
  651.      */
  652.     public function getTemplateName()
  653.     {
  654.         return "@CompanyGroup/pages/tickets/create_ticket.html.twig";
  655.     }
  657.     /**
  658.      * @codeCoverageIgnore
  659.      */
  660.     public function isTraitable()
  661.     {
  662.         return false;
  663.     }
  665.     /**
  666.      * @codeCoverageIgnore
  667.      */
  668.     public function getDebugInfo()
  669.     {
  670.         return array (  639 => 478,  636 => 477,  585 => 428,  579 => 424,  569 => 416,  561 => 411,  553 => 406,  544 => 399,  536 => 393,  532 => 392,  523 => 386,  514 => 380,  505 => 374,  495 => 366,  488 => 361,  479 => 355,  471 => 350,  461 => 342,  457 => 339,  447 => 331,  438 => 325,  429 => 319,  418 => 311,  401 => 296,  392 => 289,  385 => 285,  378 => 281,  361 => 267,  349 => 258,  337 => 249,  325 => 240,  321 => 239,  317 => 238,  313 => 237,  309 => 236,  305 => 235,  301 => 234,  290 => 225,  276 => 213,  266 => 206,  253 => 196,  242 => 187,  238 => 184,  229 => 177,  217 => 168,  214 => 167,  50 => 4,  48 => 3,  46 => 2,  44 => 1,);
  671.     }
  673.     public function getSourceContext()
  674.     {
  675.         return new Source("{% set page_title = 'New Ticket | HoneyBee' %}
  676. {% include '@Application/inc/central_header.html.twig' %}
  677. {% include '@CompanyGroup/pages/admin/_sidebar.html.twig' %}
  679. <style>
  680. /* ── Design tokens ─────────────────────────────────────────────────────────── */
  681. :root {
  682.     --n-cream:     #F7F5F0;
  683.     --n-cream-2:   #F0EDE5;
  684.     --n-white:     #FFFFFF;
  685.     --n-dark:      #1A1D2E;
  686.     --n-dark-2:    #252840;
  687.     --n-amber:     #C07D2A;
  688.     --n-amber-lt:  #D4954A;
  689.     --n-amber-dim: rgba(192,125,42,.10);
  690.     --n-sage:      #3D6B52;
  691.     --n-sage-dim:  rgba(61,107,82,.09);
  692.     --n-muted:     #6B6E7F;
  693.     --n-muted-2:   #9395A5;
  694.     --n-border:    rgba(26,29,46,.07);
  695.     --n-border-md: rgba(26,29,46,.12);
  696.     --n-shadow-sm: 0 2px 12px rgba(26,29,46,.07);
  697.     --n-shadow-md: 0 8px 32px rgba(26,29,46,.09);
  698.     --n-radius:    12px;
  699.     --n-radius-sm: 8px;
  700.     --n-font:      'DM Sans', 'Poppins', system-ui, sans-serif;
  701. }
  702. *, *::before, *::after { box-sizing: border-box; }
  703. body { background: var(--n-cream); font-family: var(--n-font); color: var(--n-dark); text-align: left; }
  705. /* ── Layout ────────────────────────────────────────────────────────────────── */
  706. .tc-wrap { max-width: 1100px; margin: 0 auto; padding: 0 28px; }
  707. .tc-page { padding: 40px 0 80px; }
  709. /* ── Breadcrumb ────────────────────────────────────────────────────────────── */
  710. .tc-breadcrumb {
  711.     font-size: .8rem; color: var(--n-muted-2); margin-bottom: 20px;
  712.     display: flex; align-items: center; gap: 6px;
  713. }
  714. .tc-breadcrumb a { color: var(--n-muted); text-decoration: none; font-weight: 500; }
  715. .tc-breadcrumb a:hover { color: var(--n-amber); }
  716. .tc-breadcrumb .sep { color: var(--n-border-md); }
  717. .tc-breadcrumb .current { color: var(--n-dark); font-weight: 600; }
  719. /* ── Page header ───────────────────────────────────────────────────────────── */
  720. .tc-page-title {
  721.     font-family: 'Montserrat', sans-serif; font-size: clamp(1.4rem,2.5vw,1.9rem);
  722.     font-weight: 800; color: var(--n-dark); letter-spacing: -.02em; margin: 0 0 5px;
  723. }
  724. .tc-page-sub { font-size: .88rem; color: var(--n-muted); margin: 0 0 28px; }
  725. .required-star { color: #c0392b; }
  727. /* ── Form card ─────────────────────────────────────────────────────────────── */
  728. .tc-card {
  729.     background: var(--n-white); border: 1px solid var(--n-border-md);
  730.     border-radius: var(--n-radius); padding: 28px 28px 24px;
  731.     margin-bottom: 16px; box-shadow: var(--n-shadow-sm);
  732. }
  733. .tc-card-title {
  734.     font-family: monospace; font-size: .72rem; font-weight: 700;
  735.     letter-spacing: .1em; text-transform: uppercase; color: var(--n-amber);
  736.     margin-bottom: 20px; padding-bottom: 12px;
  737.     border-bottom: 1px solid var(--n-border); display: flex;
  738.     align-items: center; justify-content: space-between; gap: 8px;
  739. }
  740. .tc-card-title i { margin-right: 6px; }
  742. /* ── Form elements ─────────────────────────────────────────────────────────── */
  743. .tc-label {
  744.     display: block; font-size: .8rem; font-weight: 600;
  745.     color: var(--n-muted); margin-bottom: 5px;
  746. }
  747. .tc-input,
  748. .tc-select,
  749. .tc-textarea {
  750.     width: 100%; border-radius: var(--n-radius-sm);
  751.     border: 1.5px solid var(--n-border-md); background: var(--n-cream);
  752.     color: var(--n-dark); font-family: var(--n-font); font-size: .9rem;
  753.     padding: 9px 13px; transition: border-color .15s, box-shadow .15s;
  754.     appearance: none;
  755. }
  756. .tc-textarea { resize: vertical; min-height: 130px; }
  757. .tc-input:focus, .tc-select:focus, .tc-textarea:focus {
  758.     outline: none; border-color: var(--n-amber);
  759.     box-shadow: 0 0 0 3px var(--n-amber-dim);
  760. }
  761. .tc-select { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6E7F' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; }
  762. .tc-char-count { font-size: .73rem; color: var(--n-muted-2); text-align: right; margin-top: 4px; font-family: monospace; }
  763. .tc-hint { font-size: .75rem; color: var(--n-muted-2); margin-top: 4px; }
  765. /* ── Priority grid ─────────────────────────────────────────────────────────── */
  766. .tc-priority-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
  767. .tc-prio-input { display: none; }
  768. .tc-prio-label {
  769.     display: flex; flex-direction: column; align-items: center; justify-content: center;
  770.     gap: 4px; border: 1.5px solid var(--n-border-md); border-radius: var(--n-radius);
  771.     padding: 16px 8px; cursor: pointer; text-align: center; background: var(--n-cream);
  772.     transition: border-color .15s, background .15s;
  773. }
  774. .tc-prio-label:hover { border-color: var(--n-amber-lt); background: var(--n-amber-dim); }
  775. .tc-prio-input:checked + .tc-prio-label { border-color: var(--n-amber); background: var(--n-amber-dim); }
  776. .tc-prio-input[value=\"1\"]:checked + .tc-prio-label { border-color: #c0392b; background: rgba(192,57,43,.07); }
  777. .tc-prio-input[value=\"2\"]:checked + .tc-prio-label { border-color: var(--n-amber-lt); background: var(--n-amber-dim); }
  778. .tc-prio-icon { font-size: 1.4rem; }
  779. .tc-prio-name { font-size: .8rem; font-weight: 700; color: var(--n-dark); }
  780. .tc-prio-desc { font-size: .7rem; color: var(--n-muted-2); }
  782. /* ── Source toggle ─────────────────────────────────────────────────────────── */
  783. .tc-source-toggle {
  784.     display: flex; border: 1.5px solid var(--n-border-md);
  785.     border-radius: var(--n-radius-sm); overflow: hidden;
  786. }
  787. .tc-source-toggle input { display: none; }
  788. .tc-source-toggle label {
  789.     flex: 1; text-align: center; padding: 9px 8px;
  790.     font-size: .82rem; font-weight: 600; cursor: pointer;
  791.     color: var(--n-muted); background: var(--n-cream); transition: all .15s;
  792.     border-right: 1.5px solid var(--n-border-md);
  793. }
  794. .tc-source-toggle label:last-of-type { border-right: none; }
  795. .tc-source-toggle input:checked + label { background: var(--n-dark); color: #fff; }
  797. /* ── Advanced section (collapsible) ───────────────────────────────────────── */
  798. .tc-adv-toggle {
  799.     font-size: .78rem; font-weight: 700; color: var(--n-muted);
  800.     cursor: pointer; display: flex; align-items: center; gap: 5px;
  801.     font-family: monospace; text-transform: uppercase; letter-spacing: .08em;
  802. }
  803. .tc-adv-toggle:hover { color: var(--n-amber); }
  804. .tc-adv-badge {
  805.     background: rgba(111,66,193,.09); color: #6f42c1;
  806.     font-size: .65rem; font-weight: 700; padding: 2px 8px;
  807.     border-radius: 100px; font-family: monospace; letter-spacing: .06em;
  808. }
  809. .tc-adv-body { display: none; margin-top: 16px; }
  810. .tc-adv-body.open { display: block; }
  811. .tc-mono { font-family: monospace !important; font-size: .83rem !important; }
  813. /* ── Action bar ────────────────────────────────────────────────────────────── */
  814. .tc-action-bar {
  815.     display: flex; align-items: center; gap: 12px;
  816.     padding-top: 8px;
  817. }
  818. .tc-btn-submit {
  819.     display: inline-flex; align-items: center; gap: 8px;
  820.     padding: 12px 28px; background: var(--n-dark); color: #fff;
  821.     border: none; border-radius: var(--n-radius-sm);
  822.     font-family: var(--n-font); font-size: .92rem; font-weight: 700;
  823.     cursor: pointer; transition: background .18s, transform .15s; text-decoration: none;
  824. }
  825. .tc-btn-submit:hover { background: var(--n-amber); color: #fff; transform: translateY(-1px); }
  826. .tc-btn-cancel {
  827.     display: inline-flex; align-items: center; gap: 6px;
  828.     padding: 12px 20px; background: transparent; color: var(--n-muted);
  829.     border: 1.5px solid var(--n-border-md); border-radius: var(--n-radius-sm);
  830.     font-family: var(--n-font); font-size: .9rem; font-weight: 600;
  831.     cursor: pointer; text-decoration: none; transition: all .18s;
  832. }
  833. .tc-btn-cancel:hover { border-color: var(--n-dark); color: var(--n-dark); }
  834. </style>
  836. <div class=\"hb-admin-layout\">
  837. <div class=\"tc-page\">
  838.     <div class=\"tc-wrap\">
  840.         {# ── Breadcrumb ── #}
  841.         <div class=\"tc-breadcrumb\">
  842.             <a href=\"{{ path('ticket_list') }}\"><i class=\"fa fa-ticket-alt fa-xs\"></i> Tickets</a>
  843.             <span class=\"sep\">/</span>
  844.             <span class=\"current\">New Ticket</span>
  845.         </div>
  847.         <h1 class=\"tc-page-title\">Create New Ticket</h1>
  848.         <p class=\"tc-page-sub\">Fields marked <span class=\"required-star\">*</span> are required.</p>
  850.         <form method=\"POST\"
  851.               action=\"{{ path('ticket_create_submit') }}\"
  852.               enctype=\"multipart/form-data\"
  853.               id=\"createTicketForm\">
  855.             <div class=\"row g-4\">
  857.                 {# ── LEFT column ── #}
  858.                 <div class=\"col-lg-8\">
  860.                     {# Core details #}
  861.                     <div class=\"tc-card\">
  862.                         <div class=\"tc-card-title\">
  863.                             <span><i class=\"fa fa-info-circle\"></i>Ticket Details</span>
  864.                         </div>
  866.                         <div class=\"mb-3\">
  867.                             <label class=\"tc-label\">Title <span class=\"required-star\">*</span></label>
  868.                             <input type=\"text\" name=\"title\" class=\"tc-input\"
  869.                                    placeholder=\"Brief summary of the issue…\"
  870.                                    value=\"{{ formData.title ?? '' }}\"
  871.                                    maxlength=\"255\" required>
  872.                         </div>
  874.                         <div class=\"mb-3\">
  875.                             <label class=\"tc-label\">Description <span class=\"required-star\">*</span></label>
  876.                             <textarea name=\"description\" class=\"tc-textarea\" rows=\"6\"
  877.                                       id=\"descriptionField\"
  878.                                       placeholder=\"Describe the issue in detail…\"
  879.                                       maxlength=\"5000\"
  880.                                       required>{{ formData.description ?? '' }}</textarea>
  881.                             <div class=\"tc-char-count\" id=\"charCount\">0 / 5000</div>
  882.                         </div>
  884.                         <div class=\"mb-3\">
  885.                             <label class=\"tc-label\">Internal Note</label>
  886.                             <textarea name=\"note\" class=\"tc-textarea\" rows=\"3\"
  887.                                       placeholder=\"Internal notes (not visible to the reporter)…\">{{ formData.note ?? '' }}</textarea>
  888.                         </div>
  890.                         <div class=\"mb-0\">
  891.                             <label class=\"tc-label\">Attachments</label>
  892.                             <input type=\"file\" name=\"attachments[]\" class=\"tc-input\"
  893.                                    multiple accept=\".jpg,.jpeg,.png,.pdf,.txt,.log,.zip\">
  894.                             <div class=\"tc-hint\">JPG, PNG, PDF, TXT, LOG, ZIP — max 10 MB per file</div>
  895.                         </div>
  896.                     </div>
  898.                     {# Classification #}
  899.                     <div class=\"tc-card\">
  900.                         <div class=\"tc-card-title\">
  901.                             <span><i class=\"fa fa-sliders-h\"></i>Classification</span>
  902.                         </div>
  904.                         <div class=\"mb-4\">
  905.                             <label class=\"tc-label\">Ticket Type</label>
  906.                             <select name=\"ticketType\" class=\"tc-select\">
  907.                                 <option value=\"\">— Select type —</option>
  908.                                 <option value=\"1\" {{ formData.ticketType == 1 ? 'selected' }}>Service Ticket</option>
  909.                                 <option value=\"2\" {{ formData.ticketType == 2 ? 'selected' }}>To-Do</option>
  910.                                 <option value=\"3\" {{ formData.ticketType == 3 ? 'selected' }}>To-Do Reply</option>
  911.                                 <option value=\"4\" {{ formData.ticketType == 4 ? 'selected' }}>Query</option>
  912.                                 <option value=\"5\" {{ formData.ticketType == 5 ? 'selected' }}>Development</option>
  913.                                 <option value=\"6\" {{ formData.ticketType == 6 ? 'selected' }}>Supplier</option>
  914.                                 <option value=\"7\" {{ formData.ticketType == 7 ? 'selected' }}>Client</option>
  915.                             </select>
  916.                         </div>
  918.                         <div class=\"mb-4\">
  919.                             <label class=\"tc-label\">Priority <span class=\"required-star\">*</span></label>
  920.                             <div class=\"tc-priority-grid\">
  921.                                 <div>
  922.                                     <input type=\"radio\" name=\"priority\" value=\"1\" id=\"prio1\" class=\"tc-prio-input\"
  923.                                            {{ (formData.priority ?? 3) == 1 ? 'checked' }}>
  924.                                     <label for=\"prio1\" class=\"tc-prio-label\">
  925.                                         <span class=\"tc-prio-icon\">🔴</span>
  926.                                         <span class=\"tc-prio-name\">Emergency</span>
  927.                                         <span class=\"tc-prio-desc\">Needs immediate action</span>
  928.                                     </label>
  929.                                 </div>
  930.                                 <div>
  931.                                     <input type=\"radio\" name=\"priority\" value=\"2\" id=\"prio2\" class=\"tc-prio-input\"
  932.                                            {{ (formData.priority ?? 3) == 2 ? 'checked' }}>
  933.                                     <label for=\"prio2\" class=\"tc-prio-label\">
  934.                                         <span class=\"tc-prio-icon\">🟡</span>
  935.                                         <span class=\"tc-prio-name\">Important</span>
  936.                                         <span class=\"tc-prio-desc\">Should be addressed soon</span>
  937.                                     </label>
  938.                                 </div>
  939.                                 <div>
  940.                                     <input type=\"radio\" name=\"priority\" value=\"3\" id=\"prio3\" class=\"tc-prio-input\"
  941.                                            {{ (formData.priority ?? 3) == 3 ? 'checked' }}>
  942.                                     <label for=\"prio3\" class=\"tc-prio-label\">
  943.                                         <span class=\"tc-prio-icon\">🟢</span>
  944.                                         <span class=\"tc-prio-name\">Normal</span>
  945.                                         <span class=\"tc-prio-desc\">Routine issue</span>
  946.                                     </label>
  947.                                 </div>
  948.                             </div>
  949.                         </div>
  951.                         <div class=\"mb-0\">
  952.                             <label class=\"tc-label\">Source</label>
  953.                             <div class=\"tc-source-toggle\">
  954.                                 <input type=\"radio\" name=\"source\" value=\"1\" id=\"src1\"
  955.                                        {{ (formData.source ?? 1) == 1 ? 'checked' }}>
  956.                                 <label for=\"src1\"><i class=\"fa fa-user fa-xs\"></i> Manual</label>
  958.                                 <input type=\"radio\" name=\"source\" value=\"2\" id=\"src2\"
  959.                                        {{ (formData.source ?? 1) == 2 ? 'checked' }}>
  960.                                 <label for=\"src2\"><i class=\"fa fa-robot fa-xs\"></i> System</label>
  962.                                 <input type=\"radio\" name=\"source\" value=\"3\" id=\"src3\"
  963.                                        {{ (formData.source ?? 1) == 3 ? 'checked' }}>
  964.                                 <label for=\"src3\"><i class=\"fa fa-code fa-xs\"></i> API</label>
  965.                             </div>
  966.                         </div>
  967.                     </div>
  969.                     {# System Tracking — collapsible #}
  970.                     <div class=\"tc-card\">
  971.                         <div class=\"tc-card-title\">
  972.                             <span><i class=\"fa fa-fingerprint\"></i>System Tracking</span>
  973.                             <div style=\"display:flex;align-items:center;gap:10px;\">
  974.                                 <span class=\"tc-adv-badge\">Advanced</span>
  975.                                 <span class=\"tc-adv-toggle\" onclick=\"toggleSystemFields(this)\" id=\"sysToggleBtn\">
  976.                                     <i class=\"fa fa-chevron-down fa-xs\"></i> Expand
  977.                                 </span>
  978.                             </div>
  979.                         </div>
  980.                         <div class=\"tc-adv-body\" id=\"systemFieldsBlock\">
  981.                             <div class=\"mb-3\">
  982.                                 <label class=\"tc-label\">Problem Hash</label>
  983.                                 <input type=\"text\" name=\"problemHash\" class=\"tc-input tc-mono\"
  984.                                        placeholder=\"SHA256 — leave blank to auto-compute\"
  985.                                        value=\"{{ formData.problemHash ?? '' }}\">
  986.                                 <div class=\"tc-hint\">SHA256 of (errorCode + fileLocation + exceptionClass + appId). Do not include timestamps or user IDs.</div>
  987.                             </div>
  988.                             <div class=\"row g-3 mb-3\">
  989.                                 <div class=\"col-md-6\">
  990.                                     <label class=\"tc-label\">Error Code</label>
  991.                                     <input type=\"text\" name=\"errorCode\" class=\"tc-input\"
  992.                                            placeholder=\"e.g. 500, DB_CONN_FAIL\"
  993.                                            value=\"{{ formData.errorCode ?? '' }}\">
  994.                                 </div>
  995.                                 <div class=\"col-md-6\">
  996.                                     <label class=\"tc-label\">Server Identifier</label>
  997.                                     <input type=\"text\" name=\"serverIdentifier\" class=\"tc-input\"
  998.                                            placeholder=\"e.g. app-server-01\"
  999.                                            value=\"{{ formData.serverIdentifier ?? '' }}\">
  1000.                                 </div>
  1001.                             </div>
  1002.                             <div class=\"mb-0\">
  1003.                                 <label class=\"tc-label\">Payload JSON</label>
  1004.                                 <textarea name=\"lastPayloadJson\" class=\"tc-textarea tc-mono\" rows=\"5\"
  1005.                                           placeholder='{\"exception\":\"RuntimeException\",\"file\":\"src/...\",\"line\":42,...}'>{{ formData.lastPayloadJson ?? '' }}</textarea>
  1006.                             </div>
  1007.                         </div>
  1008.                     </div>
  1010.                 </div>
  1012.                 {# ── RIGHT column ── #}
  1013.                 <div class=\"col-lg-4\">
  1015.                     {# Assignment #}
  1016.                     <div class=\"tc-card\">
  1017.                         <div class=\"tc-card-title\">
  1018.                             <span><i class=\"fa fa-user-check\"></i>Assignment</span>
  1019.                         </div>
  1020.                         <div class=\"mb-3\">
  1021.                             <label class=\"tc-label\">Assign To (User ID)</label>
  1022.                             <input type=\"number\" name=\"assignedToUserId\" class=\"tc-input\"
  1023.                                    placeholder=\"User ID…\"
  1024.                                    value=\"{{ formData.assignedToUserId ?? '' }}\">
  1025.                         </div>
  1026.                         <div class=\"mb-3\">
  1027.                             <label class=\"tc-label\">Deadline</label>
  1028.                             <input type=\"date\" name=\"deadlineDate\" class=\"tc-input\"
  1029.                                    value=\"{{ formData.deadlineDate ?? '' }}\">
  1030.                         </div>
  1031.                         <div class=\"mb-0\">
  1032.                             <label class=\"tc-label\">Tagged User IDs</label>
  1033.                             <input type=\"text\" name=\"taggedUserIds\" class=\"tc-input\"
  1034.                                    placeholder=\"Comma-separated, e.g. 12, 45, 78\"
  1035.                                    value=\"{{ formData.taggedUserIds ?? '' }}\">
  1036.                         </div>
  1037.                     </div>
  1039.                     {# Reporter contact #}
  1040.                     <div class=\"tc-card\">
  1041.                         <div class=\"tc-card-title\">
  1042.                             <span><i class=\"fa fa-address-card\"></i>Reporter Contact</span>
  1043.                         </div>
  1044.                         <div class=\"mb-3\">
  1045.                             <label class=\"tc-label\">Name</label>
  1046.                             <input type=\"text\" name=\"name\" class=\"tc-input\"
  1047.                                    placeholder=\"Reporter's name…\"
  1048.                                    value=\"{{ formData.name ?? '' }}\">
  1049.                         </div>
  1050.                         <div class=\"mb-3\">
  1051.                             <label class=\"tc-label\">Email</label>
  1052.                             <input type=\"email\" name=\"email\" class=\"tc-input\"
  1053.                                    placeholder=\"reporter@example.com\"
  1054.                                    value=\"{{ formData.email ?? '' }}\">
  1055.                         </div>
  1056.                         <div class=\"mb-3\">
  1057.                             <label class=\"tc-label\">Phone</label>
  1058.                             <input type=\"text\" name=\"phone\" class=\"tc-input\"
  1059.                                    placeholder=\"+49 …\"
  1060.                                    value=\"{{ formData.phone ?? '' }}\">
  1061.                         </div>
  1062.                         <div class=\"mb-0\">
  1063.                             <label class=\"tc-label\">Preferred Contact</label>
  1064.                             <select name=\"preferredContactMethod\" class=\"tc-select\">
  1065.                                 <option value=\"\">— No preference —</option>
  1066.                                 <option value=\"1\" {{ formData.preferredContactMethod == 1 ? 'selected' }}>Email</option>
  1067.                                 <option value=\"2\" {{ formData.preferredContactMethod == 2 ? 'selected' }}>Phone</option>
  1068.                             </select>
  1069.                         </div>
  1070.                     </div>
  1072.                     {# Context #}
  1073.                     <div class=\"tc-card\">
  1074.                         <div class=\"tc-card-title\">
  1075.                             <span><i class=\"fa fa-sitemap\"></i>Context</span>
  1076.                         </div>
  1077.                         <div class=\"mb-3\">
  1078.                             <label class=\"tc-label\">Company ID</label>
  1079.                             <input type=\"number\" name=\"companyId\" class=\"tc-input\"
  1080.                                    value=\"{{ formData.companyId ?? '' }}\">
  1081.                         </div>
  1082.                         <div class=\"mb-3\">
  1083.                             <label class=\"tc-label\">App ID</label>
  1084.                             <input type=\"number\" name=\"appId\" class=\"tc-input\"
  1085.                                    value=\"{{ formData.appId ?? '' }}\">
  1086.                         </div>
  1087.                         <div class=\"mb-0\">
  1088.                             <label class=\"tc-label\">Branch ID</label>
  1089.                             <input type=\"number\" name=\"branchId\" class=\"tc-input\"
  1090.                                    value=\"{{ formData.branchId ?? '' }}\">
  1091.                         </div>
  1092.                     </div>
  1094.                 </div>
  1095.             </div>
  1097.             {# ── Submit bar ── #}
  1098.             <div class=\"tc-action-bar\">
  1099.                 <button type=\"submit\" class=\"tc-btn-submit\">
  1100.                     <i class=\"fa fa-paper-plane\" style=\"font-size:.8rem\"></i> Create Ticket
  1101.                 </button>
  1102.                 <a href=\"{{ path('ticket_list') }}\" class=\"tc-btn-cancel\">
  1103.                     Cancel
  1104.                 </a>
  1105.             </div>
  1107.         </form>
  1108.     </div>
  1109. </div>
  1111. <script>
  1112.     // Character counter
  1113.     var descField = document.getElementById('descriptionField');
  1114.     var charCount = document.getElementById('charCount');
  1115.     if (descField) {
  1116.         descField.addEventListener('input', function () {
  1117.             charCount.textContent = this.value.length + ' / 5000';
  1118.         });
  1119.     }
  1121.     // System fields toggle
  1122.     function toggleSystemFields(el) {
  1123.         var block = document.getElementById('systemFieldsBlock');
  1124.         var isOpen = block.classList.contains('open');
  1125.         if (isOpen) {
  1126.             block.classList.remove('open');
  1127.             el.innerHTML = '<i class=\"fa fa-chevron-down fa-xs\"></i> Expand';
  1128.         } else {
  1129.             block.classList.add('open');
  1130.             el.innerHTML = '<i class=\"fa fa-chevron-up fa-xs\"></i> Collapse';
  1131.         }
  1132.     }
  1134.     // Auto-expand if values are pre-filled
  1135.     (function () {
  1136.         var fields = ['[name=\"problemHash\"]', '[name=\"serverIdentifier\"]', '[name=\"lastPayloadJson\"]'];
  1137.         for (var i = 0; i < fields.length; i++) {
  1138.             var el = document.querySelector(fields[i]);
  1139.             if (el && el.value.trim() !== '') {
  1140.                 var block = document.getElementById('systemFieldsBlock');
  1141.                 block.classList.add('open');
  1142.                 var btn = document.getElementById('sysToggleBtn');
  1143.                 if (btn) btn.innerHTML = '<i class=\"fa fa-chevron-up fa-xs\"></i> Collapse';
  1144.                 break;
  1145.             }
  1146.         }
  1147.     })();
  1148. </script>
  1150. </div>{# /hb-admin-layout #}
  1152. {% include '@Application/footer/central_footer.html.twig' %}
  1153. ", "@CompanyGroup/pages/tickets/create_ticket.html.twig", "/home/u405565514/domains/ourhoneybee.eu/public_html/honeybee_main/src/CompanyGroupBundle/Resources/views/pages/tickets/create_ticket.html.twig");
  1154.     }
  1155. }