Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Document Upload & Payment</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
  <style>
    body {
      margin: 0;
      background-color: #121a2c;
      font-family: 'Poppins', sans-serif;
      color: #f0f0f0;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
      padding: 40px 20px;
      max-width: 1500px;
      margin: auto;
    }

    .card {
      background-color: #ffffff;
      color: #222;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
      flex: 1 1 340px;
      max-width: 400px;
    }

    h4 {
      font-size: 18px;
      font-weight: 600;
      color: #004080;
      margin-bottom: 20px;
    }

    input, textarea, select, button {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      font-size: 14px;
      padding: 10px 12px;
      border-radius: 8px;
      font-family: inherit;
    }

    input, textarea, select {
      border: 1px solid #ccc;
      background: #f9f9f9;
      transition: border-color 0.2s ease-in-out;
    }

    input:focus, textarea:focus, select:focus {
      border-color: #004080;
      outline: none;
    }

    .card form input,
    .card form textarea,
    .card form select {
      margin-bottom: 12px;
    }

    .card form {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    textarea {
      resize: vertical;
    }

    button {
      background-color: #004080;
      color: #fff;
      border: none;
      font-weight: 600;
      transition: background 0.2s;
      cursor: pointer;
    }

    button:hover {
      background-color: #0059b3;
    }

    .document-button {
      display: inline-block;
      padding: 12px;
      text-align: center;
      border: 1px solid #004080;
      background-color: #e6f0ff;
      border-radius: 8px;
      color: #004080;
      font-weight: 600;
      text-decoration: none;
      transition: 0.2s;
      margin-bottom: 10px;
    }

    .document-button:hover {
      background-color: #cce0ff;
    }

    .info-box {
      background-color: #f5f5f5;
      color: #444;
      padding: 12px;
      border-radius: 8px;
      font-size: 13px;
      margin-top: 16px;
    }

    .faq-section {
      margin-top: 30px;
      font-size: 13px;
      color: #333;
    }

    .faq-section p {
      margin: 10px 0;
    }

    .faq-section strong {
      color: #004080;
    }

    ul {
      padding-left: 20px;
      margin: 0;
    }

    label {
      font-size: 13px;
    }
  </style>
</head>
<body>
  <div class="container">
    
    <div class="card">
      <h4>📄 Upload Documents</h4>
      <a class="document-button" href="https://drive.google.com/file/d/17gXIqi-JOa7j9yTbwyEhntzHZfhFQXHB/view?usp=drive_link" target="_blank">Unclaimed Property Agreement</a>
      <a class="document-button" href="https://drive.google.com/file/d/1Bh48GM22eJVVEjGeRnPmHd2CuOcqZilD/view?usp=drive_link" target="_blank">State Affidavit</a>
      <a class="document-button" href="https://drive.google.com/file/d/1AgSx4r9bfbSBRG8WOSVoXjMY6_kcRxow/view?usp=drive_link" target="_blank">Affirmation Statement</a>

      <form action="https://formsubmit.co/dennyborgespa@gmail.com" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="_subject" value="New Document Upload from Website">
        <input type="hidden" name="_captcha" value="false">
        <input type="hidden" name="_next" value="https://dennyborgespa.com/thank-you">
        <input type="file" name="attachment" multiple required accept="application/pdf,image/*">
        <button type="submit">⬆ Upload Documents</button>
      </form>

      <div class="info-box">
        These documents confirm your identity, notary involvement, and allow us to process your payment.
      </div>

      <div class="faq-section">
        <h4>❓ FAQs</h4>
        <p><strong>What if the client doesn’t sign?</strong><br>
          You will still receive 50% of the agreed commission to compensate your time and effort.</p>

        <p><strong>When will I receive payment?</strong><br>
          Payments under $200 are processed within 10 business days. Larger payments may take 30–90 days, depending on the release date from the state.</p>

        <p><strong>Do I need to send original documents?</strong><br>
          Yes. Please mail the original signed documents and upload scanned copies here. Originals are required by law for final submission.</p>

        <p><strong>What payment methods are accepted?</strong><br>
          We only support direct bank transfer, paper check, or secure payment link (e.g., Stripe, PayPal, Square). No CashApp or Zelle at this time.</p>

        <p><strong>When should I submit everything?</strong><br>
          Within 24 hours of the signing. Submitting late may delay payment and processing.</p>

        <p><strong>Want more assignments?</strong><br>
          <a href="https://dennyborgespa.com/membership" target="_blank" style="color:#004080;font-weight:bold;">📈 Join a membership plan to receive more cases</a></p>

        <p><strong>Need to cancel your membership?</strong><br>
          <a href="https://dennyborgespa.com/cancel-membership" target="_blank" style="color:#c62828;font-weight:bold;">❌ Cancel your membership here</a></p>
      </div>
    </div>

    
    <div class="card">
      <h4>💰 Payment Request</h4>
      <form action="https://formsubmit.co/dennyborgespa@gmail.com" method="POST">
        <input type="hidden" name="_subject" value="New Payment Request Submission">
        <input type="hidden" name="_captcha" value="false">
        <input type="hidden" name="_next" value="https://dennyborgespa.com/thank-you">

        <input type="text" name="name" placeholder="Full Name" required>
        <input type="email" name="email" placeholder="Email" required>
        <input type="text" name="phone" placeholder="Phone Number" required>
        <input type="text" name="case_account[]" placeholder="Case Account # or Client Name" required>
        <button type="button" onclick="addAccountField()">➕ Add Case</button>
        <input type="text" name="commission_fee" placeholder="Commission Amount ($)" required>

        <select name="preferred_payment" id="paymentMethod" onchange="togglePaymentFields()" required>
          <option value="">Select Payment Method</option>
          <option value="Bank Transfer">Bank Transfer</option>
          <option value="Paper Check">Paper Check</option>
          <option value="Payment Link">Payment Link</option>
        </select>

        <div id="bankFields" style="display:none;">
          <input type="text" name="bank_account" placeholder="Bank Account Number">
          <input type="text" name="routing_number" placeholder="Routing Number">
          <input type="text" name="bank_name" placeholder="Bank Name">
        </div>

        <div id="checkFields" style="display:none;">
          <input type="text" name="mailing_address" placeholder="Mailing Address for Check">
        </div>

        <div id="linkFields" style="display:none;">
          <input type="text" name="payment_link" placeholder="Payment Link (Square, Stripe, etc)">
        </div>

        <textarea name="notes" placeholder="Additional Notes (Optional)" rows="3"></textarea>

        <div class="info-box">
          <strong>Payment Policy:</strong>
          <ul>
            <li>✅ 50% if client doesn't sign</li>
            <li>✅ Under $200: 10 business days</li>
            <li>✅ Over $200: up to 90 days</li>
          </ul>
        </div>

        <label><input type="checkbox" required> I agree to the payment terms</label>
        <button type="submit">✅ Submit</button>
      </form>
    </div>
  </div>

  <script>
    function togglePaymentFields() {
      const method = document.getElementById('paymentMethod').value;
      document.getElementById('bankFields').style.display = method === 'Bank Transfer' ? 'block' : 'none';
      document.getElementById('checkFields').style.display = method === 'Paper Check' ? 'block' : 'none';
      document.getElementById('linkFields').style.display = method === 'Payment Link' ? 'block' : 'none';
    }

    function addAccountField() {
      const form = document.querySelector('.card form');
      const input = document.createElement('input');
      input.type = 'text';
      input.name = 'case_account[]';
      input.placeholder = 'Case Account #';
      input.required = true;
      form.insertBefore(input, form.querySelector('button'));
    }
  </script>
</body>
</html>

Denny Borges PA