@extends('layouts.default')

@section('content')

@php
    

    $downloads = [
        ['dl_company', 'Company Profile (PDF, EN/ES)',               '1.4 MB', asset('downloads/PanAmFarma_Company_Profile_EN-1.pdf')],
        ['dl_license', 'Pharmaceutical License 14-067-09-3523 (PDF)', '520 KB', asset('downloads/Licencia_Sanitaria_Distribucion-Mx_India.pdf')],
        ['dl_ungm',    'UNGM Supplier Registration (PDF)',            '310 KB', asset('downloads/UNGM_Supplier_Registration_2026.pdf')],
        ['dl_gdp',     'GDP/GSP Cold-Chain SOP (PDF)',                '890 KB', asset('downloads/Panamfarma_GDP_GSP_ColdChain_SOP_EN_ES.pdf')],
        ['dl_catalog', 'Product Catalogue PDF',                       '2.2 MB', asset('downloads/PanAmFarma_Product_Catalog_May2026_No_Prices.pdf')],
    ];

@endphp

<div class="pf-b2b">
  <div class="wrap" id="app" data-lang="en">

    <section class="hero">
      <div>
        <div class="badge" data-i18n="badge">B2B Pharmaceutical Procurement</div>
        <h1 class="title" data-i18n="title">Client Access / Procurement Hub</h1>
        <p class="subtitle" data-i18n="subtitle">Request quotes, access documents, and contact our regulatory & commercial team — no login required.</p>
      </div>
      <div class="lang" role="group" aria-label="Language">
        <button type="button" class="active" data-lang-btn="en" aria-pressed="true">EN</button>
        <button type="button" data-lang-btn="es" aria-pressed="false">ES</button>
      </div>
    </section>

    <div class="grid">

      {{-- ========== MAIN COLUMN ========== --}}
      <main>
        <div class="card">
          <h2 class="rfq_title" data-i18n="rfq_title">Submit an RFQ (Request for Quote)</h2>
          <p class="lead" data-i18n="rfq_lead">Provide product and delivery details. Our team replies within 24 hours.</p>

          <div class="tabs" role="tablist" aria-label="Sections">
            <button type="button" class="tab-btn active" data-tab="dist" role="tab" aria-selected="true"  data-i18n="tab_dist">Distribution Opportunities</button>
            <button type="button" class="tab-btn"        data-tab="gov"  role="tab" aria-selected="false" data-i18n="tab_gov">Government Buyers</button>
            <button type="button" class="tab-btn"        data-tab="dl"   role="tab" aria-selected="false" data-i18n="tab_dl">Download Center</button>
            <button type="button" class="tab-btn"        data-tab="rfq"  role="tab" aria-selected="false" data-i18n="tab_rfq">RFQ Form</button>
          </div>

         
          <div class="tab-panel active" id="panel-dist" role="tabpanel">
            <h3 class="brandline" data-i18n="dist_h3">Distribution & Manufacturing Partnerships</h3>
            <p data-i18n="dist_p1">Manufacturers seeking Latin-American representation, and qualified distributors seeking specialty molecules, are invited to initiate due diligence.</p>
            <ul class="list">
              <li data-i18n="dist_l1">Scope: Biologics, Oncology/Chemo, Immunoglobulins, Vaccines, Plasma-derived.</li>
              <li data-i18n="dist_l2">Documentation: GMP/DMF/CTD summary; regulatory dossier access under NDA and commercial terms.</li>
              <li data-i18n="dist_l3">COFEPRIS/PAHO pathway briefing on request.</li>
            </ul>
            <a href="mailto:PanAmPharma@protonmail.ch?subject=Potential%20Partner%20Inquiry" class="btn primary" style="margin-top:8px" data-i18n="dist_cta">Start Partner Inquiry</a>
          </div>

         
          <div class="tab-panel" id="panel-gov" role="tabpanel">
            <h3 class="brandline" data-i18n="gov_h3">For Government & Institutional Clients</h3>
            <p data-i18n="gov_p1">We support PAHO/UN-aligned procurement with full documentation: GMP/CPP/CoA/CoPP, GDP logistics, and Spanish labeling (Portuguese for Brazil).</p>
            <ul class="list">
              <li data-i18n="gov_l1">COFEPRIS coordination (registration status, import permits, exemption pathways).</li>
              <li data-i18n="gov_l2">Cold-chain SOPs (2-8 °C) with calibrated dataloggers and excursion reports.</li>
              <li data-i18n="gov_l3">GS1 serialization note and traceability documentation.</li>
              <li data-i18n="gov_l4">UNGM Supplier #1084189; PAHO/OPS template alignment.</li>
            </ul>
            <div class="note warn" data-i18n="gov_warn">For unregistered products in destination markets, we follow applicable humanitarian/exceptional import mechanisms when legally available.</div>
          </div>

          
          <div class="tab-panel" id="panel-dl" role="tabpanel">
            <h3 class="brandline" data-i18n="dl_h3">Download Center</h3>
            <div class="downloads">
              @foreach ($downloads as [$key, $label, $size, $url])
                <a href="{{ $url }}" target="_blank" rel="noopener" class="pdf-link">
                  <span data-i18n="{{ $key }}">{{ $label }}</span>
                  <small>{{ $size }}</small>
                </a>
              @endforeach
            </div>
          </div>

          <div class="tab-panel" id="panel-rfq" role="tabpanel">
            <form id="leadForm" method="post" action="{{ route('b2b.lead') }}" enctype="multipart/form-data" novalidate>
              @csrf

              <div class="frow">
                <div class="f f-6">
                  <label><span data-i18n="company">Company / Institution</span><span class="req">*</span></label>
                  <input name="company" required placeholder="e.g., Hospital Nacional / CENARES / Distributor SA" />
                </div>
                <div class="f f-6">
                  <label><span data-i18n="contact">Contact Name</span><span class="req">*</span></label>
                  <input name="contact_name" required placeholder="Your full name" />
                </div>
                <div class="f f-6">
                  <label><span data-i18n="email">Email</span><span class="req">*</span></label>
                  <input type="email" name="email" required placeholder="name@domain.com" />
                </div>
                <div class="f f-6">
                  <label data-i18n="phone">Phone / WhatsApp</label>
                  <input name="phone" placeholder="+52 322 308 0021 or +1 409 789 9957" />
                </div>
                <div class="f f-4">
                  <label><span data-i18n="country">Country</span><span class="req">*</span></label>
                  <input name="country" required placeholder="Mexico, Peru, Colombia, etc." />
                </div>
                <div class="f f-4">
                  <label data-i18n="buyer_type">Buyer Type</label>
                  <select name="buyer_type">
                    <option value="gov">Government / Public Hospital</option>
                    <option value="private">Private Hospital / Clinic</option>
                    <option value="distributor">Distributor / Wholesaler</option>
                    <option value="mfg">Manufacturer</option>
                    <option value="other">Other</option>
                  </select>
                </div>
                <div class="f f-4">
                  <label data-i18n="incoterm">Incoterm</label>
                  <select name="incoterm">
                    <option value="DDP">DDP (within Mexico)</option>
                    <option value="CIF">CIF</option>
                    <option value="FOB">FOB</option>
                    <option value="EXW">EXW</option>
                  </select>
                </div>

                <div class="f f-6">
                  <label data-i18n="delivery_city">Delivery City / Airport</label>
                  <input name="delivery_city" placeholder="e.g., Guadalajara (GDL), Mexico City (MEX)" />
                </div>
                <div class="f f-6">
                  <label data-i18n="urgency">Urgency</label>
                  <select name="urgency">
                    <option value="standard">Standard (1-2 weeks)</option>
                    <option value="priority">Priority (3-5 days)</option>
                    <option value="critical">Critical (48-72 hours)</option>
                  </select>
                </div>

                <div class="f f-8">
                  <label><span data-i18n="product_name">Product / Molecule</span><span class="req">*</span></label>
                  <input name="product" required placeholder="e.g., Pertuzumab, Insulin Glargine, Gardasil 9, etc." />
                </div>
                <div class="f f-4">
                  <label data-i18n="presentation">Presentation / Form</label>
                  <input name="presentation" placeholder="e.g., 100 mg/4 mL vial; 10 mL / 100 IU; lyophilized" />
                </div>

                <div class="f f-4">
                  <label data-i18n="strength">Strength</label>
                  <input name="strength" placeholder="e.g., 150 mg; 100 IU/mL" />
                </div>
                <div class="f f-4">
                  <label><span data-i18n="quantity">Quantity</span><span class="req">*</span></label>
                  <input name="quantity" required placeholder="e.g., 100 vials" />
                </div>
                <div class="f f-4">
                  <label data-i18n="shelf_life">Minimum Shelf Life</label>
                  <select name="shelf_life">
                    <option value="9m">≥ 9 months</option>
                    <option value="12m">≥ 12 months</option>
                    <option value="18m">≥ 18 months</option>
                    <option value="24m">≥ 24 months</option>
                  </select>
                </div>

                <div class="f f-6">
                  <label data-i18n="coldchain">Cold Chain Required?</label>
                  <div class="switch">
                    <input type="checkbox" id="coldchain" name="cold_chain" value="1" />
                    <label for="coldchain" style="margin:0;font-weight:500" data-i18n="coldchain_label">2-8 °C controlled logistics</label>
                  </div>
                </div>
                <div class="f f-6">
                  <label data-i18n="attachments">Attach Product List / Specs (PDF/XLS)</label>
                  <input type="file" name="attachments" accept=".pdf,.xls,.xlsx,.csv" />
                  <div class="hint" data-i18n="attachments_hint">Max 10 MB. For larger files, we will open a secure upload link.</div>
                </div>

                <div class="f">
                  <label data-i18n="notes">Notes / Regulatory Requirements</label>
                  <textarea name="notes" placeholder="COFEPRIS/PAHO/UN requirements, controlled access, labeling (Spanish/PT), serialization (GS1), etc."></textarea>
                </div>

                <div class="f">
                  <div class="note" data-i18n="sla">Our commercial & regulatory team replies within 24 hours. Prices in USD unless specified. COFEPRIS authorization and GDP/GSP logistics apply.</div>
                </div>

                <div class="f">
                  <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.site_key') }}"></div>
                  <div id="formMessage" class="form-message"></div>
                </div>

                <div class="f">
                  <div class="btn-row">
                    <button class="btn primary" type="submit" data-i18n="send">Send RFQ</button>
                    <button class="btn ghost" type="reset" data-i18n="clear">Clear</button>
                  </div>
                  <div class="footer-note" data-i18n="privacy">By submitting, you agree to our Privacy & Data Handling Policy. We do not sell or share your data. (COFEPRIS & PAHO compliant)</div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </main>

      <aside class="aside">
        <div class="card">
          <h2 data-i18n="contact_title">Direct Contact</h2>

          <p class="lead company-name">Distribuidora Farmacéutico Pan Americana SA de CV</p>

          <p class="lead"><i class="fa fa-map-marker"></i> Avenida Paseo de la Reforma, Ciudad de México, CDMX 06500</p>
          <p class="lead"><i class="fa fa-envelope"></i> <a href="mailto:info@panamfarma.com">info@panamfarma.com</a></p>
          <p class="lead"><i class="fa fa-phone"></i> <a href="tel:+523223080021">+52 322 308 0021</a></p>
          <p class="lead"><i class="fa fa-phone"></i> USA: <a href="tel:+17133229272">+1 713 322 9272</a></p>
          <p class="lead"><i class="fa fa-whatsapp"></i> WhatsApp: <a href="https://wa.me/14097899957" target="_blank" rel="noopener">+1 409 789 9957</a></p>

          <div class="note" data-i18n="sla_short">Response within 24 hours. USD pricing by default.</div>
        </div>

        <div class="card">
          <h2 data-i18n="schedule_title">Schedule A Chat</h2>
          <p data-i18n="schedule_p">WhatsApp Live Chat? Book 10 minute Proton Video Zoom call.</p>
          <a class="btn primary" href="#" data-i18n="schedule_btn">Book Now</a>
        </div>

        <div class="card">
          <h2 data-i18n="compliance_title">Compliance & Traceability</h2>
          <ul class="list">
            <li data-i18n="c1">COFEPRIS authorization as applicable</li>
            <li data-i18n="c2">PAHO/UN alignment</li>
            <li data-i18n="c3">GDP/GSP cold chain 2-8 °C</li>
            <li data-i18n="c4">GS1 serialization note</li>
          </ul>
        </div>
      </aside>
    </div>

    <div class="pdf-popup" id="pdfPopup">
      <div class="pdf-popup-overlay"></div>
      <div class="pdf-popup-content">
        <div class="pdf-popup-header">
          <a href="{{ url('/') }}" class="back-home-btn">← Back to Home</a>
          <button type="button" class="pdf-close-btn" id="pdfCloseBtn" aria-label="Close">&times;</button>
        </div>
        <iframe id="pdfViewer" src="" frameborder="0"></iframe>
      </div>
    </div>

  </div>
</div>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script src="{{ asset('js/b2b.js') }}"></script>

@stop