profiles.html

<template name="profilesCreate">
  <div class="profile col-md-10 col-md-offset-1">
    <div class=" row">
      <!-- <h5> -->
        <div class="title col-md-3 col-lg-3 col-sm-3"><h3>Create Profiles</h3></div>
        <div class = "col-md-2 col-md-offset-4 crumb-word"> <h4>Step One</h4><p><h5 class="sub-text">Create profiles</h5></p></div>
        <div class="crumb col-md-3">{{> crumbsStepOne }}</div>
      <!-- </h5> -->
    </div>
    <div class = "profile-container">
      <p> Profiles are people that ICEPlan will protect. This includes yourself and may also include family and pets. </p>

      {{> yield region="content"}}
    </div>
  </div>

  <ul class="profiles-recommended">
    {{#each relations}}
      {{> profileCard }}
    {{/each}}
  </ul>

  <div class="row">
    <button class="next-step">I'm done - take me to the next step</button>
  </div>
</template>

<template name="profileCard">
  <li class="card">
    <p>{{ this.label }}</p>
    <img src="{{imgUrl}}" />
    <button class="add-profile" data-relation-id="{{this.relationKey}}">+ Add</button>
  </li>
</template>

<template name="crumbsStepOne">
  <img class="crumb-img" src="/images/icons/profiles_sm.png">&nbsp;&nbsp;&#9679;&#9679; &nbsp;&nbsp;
  <img src="/images/icons/contacts_small_inactive.png">&nbsp;&nbsp;&#9679;&#9679;&nbsp;&nbsp;
  <img src="/images/icons/design_small_inactive.png">

</template>

<template name="profile-user">
<p>Required</p>
<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4">
    <figure>
      <img src="/images/icons/me.png">
      <figcaption>You (Account Owner)</figcaption>
    </figure>
  </div>
  <div class="col-lg-8 col-md-8 col-sm-8">
    {{#autoForm id="userProfile" type="update" collection="Meteor.users" doc=currentUser}}
      {{> afQuickField name="profile"}}
      <div class="form-group">
        <button type="submit" class="btn btn-primary">Save Profile</button>
        <button type="reset" class="btn btn-default">Reset Form</button>
      </div>
    {{/autoForm}}
  </div>
</div>
</template>

<template name="newProfileForm">
  <div class="col-lg-4 col-md-4 col-sm-4">
    <figure>
      <figcaption>{{ relationLabel }}</figcaption>
      <img src="/images/icons/me.png">
    </figure>
  </div>
  <div class="col-lg-8 col-md-8 col-sm-8">
    {{#autoForm id="newProfileForm" type="insert" collection="Contacts" }}
      {{> afQuickField name="profile" }}
      <!-- {{> afQuickField name="belongedSafeboxes" options=userSafeboxes }} -->
      <!-- {{> afQuickField name="belongedGroups" options=userGroups }} -->
      {{> afQuickField name="type" type="hidden" value="profile" }}
      {{> afQuickField name="relation" type="hidden" value=relation }}

      <div class="form-group">
        <button type="submit" class="btn btn-primary">Save Profile</button>
        <button type="reset" class="btn btn-default">Reset Form</button>
      </div>
    {{/autoForm}}
  </div>
</template>


<template name="profileSuccess">
Awesome! You've added a profile :)
</template>