src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/pages/tools/hb360_my_estimate.html.twig line 1

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  2. {% include '@HoneybeeWeb/inc/_web_design_system.html.twig' %}
  3. {% include '@HoneybeeWeb/inc/_hb360_tags.html.twig' %}
  5. <style>
  6. .hbm-wrap { max-width: 900px; margin: 0 auto; padding: 0 28px; }
  7. .hbm-hero { background: var(--n-cream); padding: 120px 0 32px; }
  8. .hbm-card { background: var(--n-white); border: 1px solid var(--n-border-md); border-radius: var(--n-radius); padding: 26px; box-shadow: var(--n-shadow-sm); }
  9. .hbm-switch { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
  10. .hbm-switch a { font-size: 12.5px; font-weight: 600; color: var(--n-muted); border: 1.5px solid var(--n-border-md); border-radius: 100px; padding: 6px 14px; text-decoration: none; }
  11. .hbm-switch a.active { background: var(--n-dark); color: #fff; border-color: var(--n-dark); }
  12. .hbm-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
  13. .hbm-share { font-size: 12.5px; color: var(--n-muted); margin-top: 10px; word-break: break-all; }
  14. </style>
  16. <section class="hbm-hero">
  17.     <div class="hbm-wrap">
  18.         <div class="n-label">HoneyBee 360 · Your saved estimate</div>
  19.         <h1 style="font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900;color:var(--n-dark);letter-spacing:-.025em;line-height:1.1;margin:0 0 10px">
  20.             {% if current %}{{ current.title ?: 'Your solar estimate' }}{% else %}My solar estimates{% endif %}
  21.         </h1>
  22.         {% if current %}
  23.         <p class="n-body" style="margin:0;font-size:14px;color:var(--n-muted)">Saved {{ current.updatedAt|date('d M Y') }}{% if current.address %} · 📍 {{ current.address }}{% endif %}</p>
  24.         {% endif %}
  25.     </div>
  26. </section>
  28. <section style="background:var(--n-cream);padding:8px 0 100px">
  29.     <div class="hbm-wrap">
  31.         {% if not storage_ready %}
  32.             <div class="hbm-card" style="text-align:center;color:var(--n-muted)">
  33.                 <i class="fa-solid fa-hourglass-half" style="font-size:26px;color:var(--n-amber);display:block;margin-bottom:10px"></i>
  34.                 Estimate saving is being switched on for your account — please try again shortly.<br>
  35.                 Meanwhile the <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}" style="color:var(--n-amber);font-weight:600">Instant Solar Estimate</a> works as usual.
  36.             </div>
  37.         {% elseif not current %}
  38.             <div class="hbm-card" style="text-align:center;color:var(--n-muted)">
  39.                 <i class="fa-solid fa-solar-panel" style="font-size:26px;color:var(--n-amber);display:block;margin-bottom:10px"></i>
  40.                 No saved estimate yet.<br><br>
  41.                 <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}" class="n-btn n-btn-amber">Run an Instant Solar Estimate <i class="fa-solid fa-bolt"></i></a>
  42.             </div>
  43.         {% else %}
  44.             {% if projects|length > 1 %}
  45.             <div class="hbm-switch">
  46.                 {% for p in projects %}
  47.                     <a href="{{ url('hb360_my_estimate', {'p': p.id}) }}" class="{{ p.id == current.id ? 'active' : '' }}">{{ p.title ?: ('Estimate #' ~ p.id) }}</a>
  48.                 {% endfor %}
  49.             </div>
  50.             {% endif %}
  52.             {% if app.request.get('locked') %}
  53.                 <div class="hbm-card" style="margin-bottom:16px;border-left:3px solid var(--n-amber)">
  54.                     <b>🔒 Package {{ app.request.get('locked') }} needs the {{ app.request.get('tier') ?: 'higher' }} plan.</b>
  55.                     <span style="color:var(--n-muted);font-size:13px">Your saved estimate is untouched — upgrade to unlock this package.</span>
  56.                     <a href="{{ url('honeybee_pricing') }}" class="n-btn n-btn-amber" style="margin-left:10px;padding:8px 16px;font-size:13px">See plans</a>
  57.                 </div>
  58.             {% endif %}
  59.             {# ── FUNNEL-3: My designs — every saved studio design on this account, with
  60.                  the honest offer-status line and own-scoped manage actions. ── #}
  61.             {% if my_designs is defined and my_designs|length > 0 %}
  62.                 <div class="hbm-card" style="margin-bottom:16px">
  63.                     <div class="n-label">HoneyWatt · my designs</div>
  64.                     {% for d in my_designs %}
  65.                         <div style="border-top:1px dashed var(--n-border-md);padding:10px 0;{{ loop.first ? 'border-top:none;' : '' }}">
  66.                             <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap">
  67.                                 <b style="font-size:14px">{{ d.title }}</b>
  68.                                 <span style="color:var(--n-muted);font-size:12.5px">
  69.                                     {{ d.summary.zones }} zone{{ d.summary.zones == 1 ? '' : 's' }} ·
  70.                                     {{ d.summary.modules|number_format(0, ',', '.') }} modules ·
  71.                                     {{ d.summary.kwp|number_format(1, ',', '.') }} kWp
  72.                                     {%- if d.address %} · {{ d.address }}{% endif %} · {{ d.updated }}
  73.                                 </span>
  74.                             </div>
  75.                             {% if d.offer %}
  76.                                 <div style="font-size:12.5px;margin-top:4px;color:var(--n-amber);font-weight:600">
  77.                                     Offer request{% if d.offer.recipient %} → {{ d.offer.recipient }}{% endif %}: {{ d.offer.label }}
  78.                                 </div>
  79.                             {% endif %}
  80.                             <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center">
  81.                                 <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}?mydesign={{ d.id }}"
  82.                                    class="n-btn n-btn-amber" style="padding:6px 14px;font-size:12.5px">Open &amp; customize</a>
  83.                                 <form method="post" action="{{ url('hb360_design_rename', {'id': d.id}) }}" style="display:flex;gap:6px">
  84.                                     <input type="text" name="title" placeholder="Rename…" style="padding:6px 8px;border:1.5px solid var(--n-border-md);border-radius:6px;font-size:12.5px;width:160px">
  85.                                     <button type="submit" class="n-btn n-btn-outline" style="padding:6px 10px;font-size:12.5px">Rename</button>
  86.                                 </form>
  87.                                 <form method="post" action="{{ url('hb360_design_duplicate', {'id': d.id}) }}">
  88.                                     <button type="submit" class="n-btn n-btn-outline" style="padding:6px 10px;font-size:12.5px">Duplicate</button>
  89.                                 </form>
  90.                                 <form method="post" action="{{ url('hb360_design_delete', {'id': d.id}) }}"
  91.                                       onsubmit="return confirm('Delete this design? It disappears from your list (kept 30 days, then purged).');">
  92.                                     <button type="submit" class="n-btn n-btn-outline" style="padding:6px 10px;font-size:12.5px;color:#b4452f">Delete</button>
  93.                                 </form>
  94.                             </div>
  95.                         </div>
  96.                     {% endfor %}
  97.                 </div>
  98.             {% endif %}
  99.             {# ── FUNNEL-1: the attached studio design (minimal card — the applicant design
  100.                  workspace is a later slice). Figures are the CLIENT-shown pills, said so. ── #}
  101.             {% if design is defined and design %}
  102.                 <div class="hbm-card" style="margin-bottom:16px;border-left:3px solid var(--n-amber)">
  103.                     <div class="n-label">HoneyWatt · your saved design</div>
  104.                     <p style="margin:8px 0 4px;font-size:15px;font-weight:700">
  105.                         {{ design.summary.zones }} zone{{ design.summary.zones == 1 ? '' : 's' }} ·
  106.                         {{ design.summary.modules|number_format(0, ',', '.') }} modules ·
  107.                         {{ design.summary.kwp|number_format(1, ',', '.') }} kWp
  108.                         {%- if design.summary.components > 0 %} · {{ design.summary.components }} component{{ design.summary.components == 1 ? '' : 's' }}{% endif %}
  109.                     </p>
  110.                     <p style="margin:0;font-size:12.5px;color:var(--n-muted)">
  111.                         Figures as designed in the studio{% if design.saved_at %} · saved {{ design.saved_at|date('d M Y H:i') }}{% endif %}.
  112.                         Your layout is stored with this estimate and attached to your account.
  113.                         <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}" style="color:var(--n-amber);font-weight:600">Keep designing</a>
  114.                     </p>
  115.                 </div>
  116.             {% endif %}
  117.             <div class="hbm-card">
  118.                 {% if estimate and estimate.ok is defined and estimate.ok %}
  119.                 {% include '@HoneybeeWeb/inc/_hb360_report_body.html.twig' with {'estimate': estimate, 'report': report, 'project': current} %}
  120.                 {% else %}
  121.                 <div style="text-align:center;color:var(--n-muted);padding:8px 0 2px">
  122.                     No estimate figures yet for this entry — run the
  123.                     <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}" style="color:var(--n-amber);font-weight:600">Instant Solar Estimate</a>
  124.                     at your address to add yield, cost and payback.
  125.                 </div>
  126.                 {% endif %}
  128.                 <div class="hbm-actions">
  129.                     {% if report %}
  130.                         <form method="post" action="{{ url('hb360_generate_report', {'id': current.id}) }}" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
  131.                             {% if report.equipment is defined and report.equipment.inverters.ok|default(false) %}
  132.                             <select name="inverter_model" style="padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px;max-width:320px">
  133.                                 {% for c in report.equipment.inverters.configs|slice(0, 8) %}
  134.                                     {% if c.valid %}
  135.                                     <option value="{{ c.key }}" {{ c.key == report.equipment.chosen ? 'selected' : '' }}>{{ c.key }} · €{{ c.eur_per_kw }}/kW{{ c.preferred ? ' ★' : '' }}</option>
  136.                                     {% endif %}
  137.                                 {% endfor %}
  138.                             </select>
  139.                             {% endif %}
  140.                             <button type="submit" class="n-btn n-btn-outline">Refresh report <i class="fa-solid fa-rotate"></i></button>
  141.                         </form>
  142.                         {% if current.convertedRef %}
  143.                             <a href="{{ url('hb360_convert_confirm', {'id': current.id}) }}" class="n-btn n-btn-outline">EPC project: {{ current.convertedRef|split('#')|first }} <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
  144.                         {% else %}
  145.                             <a href="{{ url('hb360_convert_confirm', {'id': current.id}) }}" class="n-btn n-btn-amber">Convert to EPC project <i class="fa-solid fa-file-signature"></i></a>
  146.                         {% endif %}
  147.                         <a href="{{ url('honeybee_contact') }}" class="n-btn n-btn-outline">Book a HoneyCore Site Assessment <i class="fa-solid fa-arrow-right"></i></a>
  148.                     {% else %}
  149.                         <form method="post" action="{{ url('hb360_generate_report', {'id': current.id}) }}">
  150.                             <button type="submit" class="n-btn n-btn-amber">Generate my full feasibility report <i class="fa-solid fa-file-lines"></i></button>
  151.                         </form>
  152.                         <a href="{{ url('honeybee_tool', {'slug': 'rooftop-estimate'}) }}" class="n-btn n-btn-outline">Re-run the estimate</a>
  153.                     {% endif %}
  154.                 </div>
  155.                 {% if report and current.shareToken %}
  156.                     <div class="hbm-share">
  157.                         <i class="fa-solid fa-link" style="color:var(--n-amber)"></i> Share (read-only):
  158.                         <a href="{{ url('hb360_shared_estimate', {'shareToken': current.shareToken}) }}" style="color:var(--n-amber)">{{ url('hb360_shared_estimate', {'shareToken': current.shareToken}) }}</a>
  159.                     </div>
  160.                 {% endif %}
  162.                 {% if report %}
  163.                     {% set pc_in = report.package_c.inputs|default(null) %}
  164.                     <div style="margin-top:26px;border-top:2px solid var(--n-border-md);padding-top:18px">
  165.                         <h3 style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.05rem;color:var(--n-dark);margin:0 0 4px">
  166.                             {{ report.package_c is defined ? 'Update the hybrid design (Package C)' : 'Go hybrid — add battery, backup & EV charging (Package C)' }}
  167.                         </h3>
  168.                         <p style="font-size:12.5px;color:var(--n-muted);margin:0 0 12px">A few details about how the site runs — everything stays an estimate until a site survey.</p>
  169.                         <form method="post" action="{{ url('hb360_generate_hybrid', {'id': current.id}) }}">
  170.                             <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px">
  171.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">Daytime use (% of load)
  172.                                     <input type="number" name="day_share" min="10" max="95" value="{{ pc_in ? pc_in.day_share_pct : 60 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  173.                                 </label>
  174.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">Critical load (%)
  175.                                     <input type="number" name="critical_load_pct" min="0" max="100" value="{{ pc_in ? pc_in.critical_load_pct : 30 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  176.                                 </label>
  177.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">Grid outages (h/yr)
  178.                                     <input type="number" name="outage_hours_yr" min="0" max="2000" value="{{ pc_in ? pc_in.outage_hours_yr : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  179.                                 </label>
  180.                             </div>
  181.                             <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px">
  182.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">AC 11 kW chargers
  183.                                     <input type="number" name="ev_ac11" min="0" max="200" value="{{ pc_in ? pc_in.chargers.ac11|default(0) : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  184.                                 </label>
  185.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">AC 22 kW chargers
  186.                                     <input type="number" name="ev_ac22" min="0" max="200" value="{{ pc_in ? pc_in.chargers.ac22|default(0) : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  187.                                 </label>
  188.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">DC 50 kW chargers
  189.                                     <input type="number" name="ev_dc50" min="0" max="50" value="{{ pc_in ? pc_in.chargers.dc50|default(0) : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  190.                                 </label>
  191.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">DC 150 kW chargers
  192.                                     <input type="number" name="ev_dc150" min="0" max="50" value="{{ pc_in ? pc_in.chargers.dc150|default(0) : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  193.                                 </label>
  194.                             </div>
  195.                             <button type="submit" class="n-btn n-btn-amber" style="margin-top:14px">{{ report.package_c is defined ? 'Update hybrid design' : 'Design my hybrid system' }} <i class="fa-solid fa-battery-full"></i></button>
  196.                         </form>
  197.                     </div>
  199.                     {% set pd_in = report.package_d.inputs|default(null) %}
  200.                     <div style="margin-top:26px;border-top:2px solid var(--n-border-md);padding-top:18px">
  201.                         <h3 style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.05rem;color:var(--n-dark);margin:0 0 4px">
  202.                             {{ report.package_d is defined ? 'Update the grid & connection concept (Package D)' : 'Check the grid connection (Package D)' }}
  203.                         </h3>
  204.                         <p style="font-size:12.5px;color:var(--n-muted);margin:0 0 12px">Scans mapped grid infrastructure near your site and drafts the DNO-enquiry briefing: connection level, protection checklist, EMS functions. Concept-grade — a chartered engineer and the grid operator decide.</p>
  205.                         <form method="post" action="{{ url('hb360_generate_grid', {'id': current.id}) }}">
  206.                             <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px">
  207.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">Feed-in cap (% of PV AC)
  208.                                     <input type="number" name="export_cap_pct" min="0" max="100" value="{{ pd_in ? pd_in.export_cap_pct : 100 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  209.                                 </label>
  210.                                 <label style="font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--n-muted)">Existing connection (kVA, 0 = unknown)
  211.                                     <input type="number" name="existing_connection_kva" min="0" max="100000" value="{{ pd_in and pd_in.existing_connection_kva ? pd_in.existing_connection_kva : 0 }}" style="width:100%;margin-top:5px;padding:9px 10px;border:1.5px solid var(--n-border-md);border-radius:var(--n-radius-sm);font-size:13px">
  212.                                 </label>
  213.                             </div>
  214.                             <button type="submit" class="n-btn n-btn-amber" style="margin-top:14px">{{ report.package_d is defined ? 'Update grid concept' : 'Draft my grid concept' }} <i class="fa-solid fa-bolt-lightning"></i></button>
  215.                         </form>
  216.                     </div>
  218.                     <div style="margin-top:26px;border-top:2px solid var(--n-border-md);padding-top:18px">
  219.                         <h3 style="font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.05rem;color:var(--n-dark);margin:0 0 4px">
  220.                             {{ report.package_e is defined ? 'Update the execution & operate pack (Packages E + F)' : 'Plan the build & operation (Packages E + F)' }}
  221.                         </h3>
  222.                         <p style="font-size:12.5px;color:var(--n-muted);margin:0 0 12px">Graded L1–L5 bill of materials, an RFQ pack for vendor enquiries, the staged commissioning checklist, and the O&amp;M plan that closes the loop into HoneyCore monitoring. Uses everything generated above.</p>
  223.                         <form method="post" action="{{ url('hb360_generate_execution', {'id': current.id}) }}">
  224.                             <button type="submit" class="n-btn n-btn-amber">{{ report.package_e is defined ? 'Update execution pack' : 'Build my execution pack' }} <i class="fa-solid fa-clipboard-check"></i></button>
  225.                         </form>
  226.                     </div>
  227.                 {% endif %}
  228.             </div>
  229.         {% endif %}
  230.     </div>
  231. </section>
  233. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}