{% extends "base.html" %}  {% block content %}

<h4>13. Use embedded signing from a template with an added document</h4>

{% if template_ok %}
<p>This example sends an envelope based on a template.</p>
<p>In addition to the template's document(s), the example adds an additional document to the envelope by using the 
  <a target='_blank' href='https://developers.docusign.com/esign-rest-api/guides/features/templates#composite-templates'>Composite Templates</a>
  feature.</p>
<p>In this example, the additional document is an HTML document that includes order details with information from the form below.</p>
<p>This example then enables you to sign the envelope using embedded signing.</p>
<p>Embedded signing provides a smoother user experience for a signer who is already logged into your web application 
  since DocuSign signing is initiated from your website.</p>
{% endif %}

{% if show_doc %}
<p><a target='_blank' href='{{ documentation | raw }}'>Documentation</a> about this example.</p>
{% endif %}

<p>API methods used:
  <a target ='_blank' href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a> and
  <a target ='_blank' href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeViews/createRecipient">EnvelopeViews::createRecipient</a>.
</p>
<p>
  View source file <a target="_blank" href="{{ source_url | raw }}">{{ source_file }}</a> on GitHub.
</p>

{% if template_ok %}
<p>The template you created via example 8 will be used.</p>

<form class="eg" action="" method="post" data-busy="form">
  <div class="form-group">
    <label for="signer_email">Signer Email</label>
    <input type="email" class="form-control" id="signer_email" name="signer_email"
           aria-describedby="emailHelp" placeholder="pat@example.com" required
           value="{{ signer_email }}">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
  <div class="form-group">
    <label for="signer_name">Signer Name</label>
    <input type="text" class="form-control" id="signer_name" placeholder="Pat Johnson" name="signer_name"
           value="{{ signer_name }}" required>
  </div>
  <div class="form-group">
    <label for="cc_email">CC Email</label>
    <input type="email" class="form-control" id="cc_email" name="cc_email"
           aria-describedby="emailHelp" placeholder="pat@example.com" required
    <small id="emailHelpCC" class="form-text text-muted">The email for the cc recipient must be different from the signer's email.</small>
  </div>
  <div class="form-group">
    <label for="cc_name">CC Name</label>
    <input type="text" class="form-control" id="cc_name" placeholder="Pat Johnson" name="cc_name"
           required>
  </div>
  <p><hr class='styled'/></p>
  <div class="form-group">
    <label for="item">Item</label>
    <select id="item" name="item" class="form-control">
      <option>Apples</option>
      <option selected>Avocados</option>
      <option>Oranges</option>
    </select>
  </div>
  <div class="form-group">
    <label for="quantity">Quantity</label>
    <select id="quantity" name="quantity" class="form-control">
      <option>10</option>
      <option selected>20</option>
      <option>30</option>
      <option>40</option>
      <option>50</option>
      <option>60</option>
      <option>70</option>
      <option>80</option>
      <option>90</option>
      <option>100</option>
    </select>
  </div>
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
  <button type="submit" class="btn btn-docu">Submit</button>
</form>

{% else %}
<p>Problem: please first create the template using <a href="{{ app_url ~ 'index.php?page=' }}eg008">example 8.</a> <br/>
  Thank you.</p>
<form class="eg" action="{{ app_url ~ 'index.php' }}" method="get">
  <input type="hidden" name="page" value="eg008"/>
  <button type="submit" class="btn btn-docu">Continue</button>
</form>
{% endif %}

{% endblock %}