<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>

  <template id="assets_frontend" inherit_id="website.assets_frontend" name="Website Quote frontend assets">
    <xpath expr="." position="inside">
      <script type="text/javascript" src="/website_quote/static/src/js/website_quotation.js"></script>
      <script type="text/javascript" src="/website_quote/static/lib/jSignature/jSignature.min.js"></script>
      <link rel='stylesheet' href='/website_quote/static/src/css/website_quotation.css'/>
    </xpath>
  </template>

  <template id="pricing" name="Price">
      <section data-snippet-id="title">
          <h1 class="page-header">Pricing</h1>
      </section>
      <section id="quote">
          <table class="table">
              <thead>
                  <tr>
                      <th>Products</th>
                      <th>Quantity</th>
                      <th>Taxes</th>
                      <th></th>
                      <th class="text-right">Unit Price</th>
                      <th class="text-right">Price</th>
                  </tr>
              </thead>
              <tbody>
                  <tr t-foreach="quotation.order_line" t-as="line">
                      <td>
                          <div t-field="line.name"/>
                      </td>
                      <td>
                          <div id="quote_qty">
                              <span t-field="line.product_uom_qty"/>
                              <span t-field="line.product_uom"/>
                          </div>
                      </td>
                      <td>
                          <div t-foreach="line.tax_id" t-as="tax">
                              <t t-esc="tax.name"/>
                          </div>
                      </td>
                      <td>
                          <strong t-if="line.discount" class="text-info">
                              <t t-esc="((line.discount % 1) and '%s' or '%d') % line.discount"/>% discount
                          </strong>
                      </td>
                      <td>
                          <strong class="text-right">
                              <div t-field="line.price_unit"
                                  t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'
                                  t-att-style="line.discount and 'text-decoration: line-through' or ''"
                                  t-att-class="line.discount and 'text-danger' or ''"/>
                              <!-- TODO: apply monetary widget formating -->
                              <div t-if="line.discount">
                                  <t t-esc="'%.2f' % ((1-line.discount / 100.0) * line.price_unit)"/>
                              </div>
                          </strong>
                      </td>
                      <td>
                          <div class="text-right"
                              t-field="line.price_subtotal"
                              t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'/>
                      </td>
                      <td>
                          <a t-attf-href="./update_line/#{ line.id }/?order_id=#{ quotation.id }&amp;unlink=True&amp;token=#{ quotation.access_token }" class="mb8 js_update_line_json pull-right hidden-print" t-if="line.option_line_id">
                              <span class="fa fa-trash-o"></span>
                          </a>
                      </td>
                  </tr>
                  <tr>
                      <td></td><td></td><td></td><td></td>
                      <td class="text-right"><strong>Subtotal:</strong></td>
                      <td class="text-right">
                          <strong data-id="total_amount" t-field="quotation.amount_untaxed" t-field-options='{"widget": "monetary","display_currency": "quotation.pricelist_id.currency_id"}'/>
                      </td>
                  </tr>
                  <tr>
                      <td></td><td></td><td></td><td></td>
                      <td class="text-right">Taxes:</td>
                      <td class="text-right">
                          <span data-id="total_amount" t-field="quotation.amount_tax" t-field-options='{"widget": "monetary","display_currency": "quotation.pricelist_id.currency_id"}'/>
                      </td>
                  </tr>
                  <tr>
                      <td></td><td></td><td></td><td></td>
                      <td class="text-right"><strong>Total:</strong></td>
                      <td class="text-right">
                          <strong data-id="total_amount" t-field="quotation.amount_total" t-field-options='{"widget": "monetary","display_currency": "quotation.pricelist_id.currency_id"}'/>
                      </td>
                  </tr>
              </tbody>
          </table>
      </section>
      <t t-call="website_quote.quotation_toolbar"/>
      <section id="terms" class="container" t-if="quotation.note">
          <h2 class="page-header">Terms &amp; Conditions</h2>
          <p t-field="quotation.note"/>
      </section>
  </template>

  <template id="change_quantity" inherit_id="website_quote.pricing" active="False" customize_show="True" name="Change Quantity">
      <xpath expr="//div[@id='quote_qty']" position="replace">
          <div class="input-group oe_website_spinner">
              <span class="input-group-addon hidden-print">
                  <a t-attf-href="./update_line/#{ line.id }/?order_id=#{ quotation.id }&amp;remove=True&amp;token=#{ quotation.access_token }" class="mb8 js_update_line_json">
                      <span class="fa fa-minus"/>
                  </a>
              </span>
              <input type="text" class="js_quantity form-control" t-att-data-id="line.id" t-att-value="line.product_uom_qty"/>
              <span class="input-group-addon hidden-print">
                  <a t-attf-href="./update_line/#{ line.id }/?order_id=#{ quotation.id }&amp;token=#{ quotation.access_token }" class="mb8 js_update_line_json">
                      <span class="fa fa-plus"/>
                  </a>
              </span>
          </div>
      </xpath>
  </template>

  <template id="chatter">
      <h1 class="page-header hidden-print">History</h1>
      <ul class="media-list hidden-print" id="comments-list">
          <t t-foreach="quotation.message_ids" t-as="message">
              <li class="media" t-if="message.type not in ['comment', 'notification'] or message.subtype_id">
                  <div class="media-body">
                      <img class="media-object pull-left" t-att-src="website.image_url(message.author_id, 'image_small')" style="width: 50px; margin-right: 10px;"/>
                      <div class="media-body">
                          <h5 class="media-heading">
                              <span t-field="message.author_id"/> <small>on <span t-field="message.date"/></small>
                          </h5>
                          <div t-field="message.body"/>
                      </div>
                  </div>
              </li>
          </t>
      </ul>
  </template>

  <!-- Options:Quotation Chatter: user can reply -->
  <template id="opt_quotation_chatter_post_complete_comment" name="Allow Comments" customize_show="True" inherit_id="website_quote.chatter">
      <xpath expr="//h1" position="after">
          <section class="mb32 css_editable_mode_hidden hidden-print">
              <form id="comment" t-attf-action="/quote/#{quotation.id}/#{quotation.access_token}/post" method="POST">
                  <img class="img pull-left img-rounded" t-att-src="website.image_url(user_id.partner_id, 'image_small')" style="width: 50px; margin-right: 10px;"/>
                  <div class="pull-left mb32" style="width: 75%%">
                      <textarea rows="4" name="comment" class="form-control" placeholder="Send us a note..."></textarea>
                      <button type="submit" class="btn btn-primary mt8">Send</button>
                  </div>
              </form>
          </section>
          <div class="clearfix"/>
      </xpath>
  </template>

  <template id="quotation_toolbar">
      <div class="text-center hidden-print" t-if="quotation.state in ('draft', 'sent', 'waiting_date')">
          <a class="btn btn-success" data-toggle="modal" data-target="#modelaccept"
            t-if="days_valid &gt;= 0">
              <i class="fa fa-check"></i> Accept
          </a>
          <a class="btn btn-info fa fa-comment" type="submit" href="#discussion">
              Feedback
          </a>
          <a class="btn btn-danger fa fa-times" data-toggle="modal" data-target="#modeldecline">
              Reject
          </a>
      </div>
  </template>

  <template id="so_quotation" name="Product Quotation">
      <t t-call="website.layout">
        <body data-spy="scroll" data-target=".navspy" data-offset="50">
            <div class="container o_website_quote">
              <div class="row mt16">
                  <div class="col-md-3">
                      <div class="bs-sidebar">
                          <div class="text-center hidden-print" t-if="quotation.state in ('draft', 'sent', 'waiting_date')" style="padding: 10px">
                              <a t-if="order_valid" class="btn btn-primary btn-block fa fa-check" data-toggle="modal" data-target="#modelaccept">
                                  Accept Order
                              </a>
                              <a t-if="not order_valid" href="#discussion" class="btn btn-info btn-block">
                                  <strong>This offer expired!</strong><br/>
                                  Contact us for new quote.
                              </a>
                              <div class="mt8" t-if="order_valid">
                                  <a type="submit" href="#discussion">
                                      Ask Changes
                                  </a> or 
                                  <a data-toggle="modal" data-target="#modeldecline">
                                      Reject
                                  </a>
                              </div>
                          </div>
                          <hr class="mt0 mb0"/>
                          <t t-call="website_quote.navigation_menu"/>
                          <hr class="mt0 mb0"/>
                          <div t-if="order_valid" class="text-center hidden-print">
                              <input type="hidden" t-att-value="quotation.validity_date" id="validity_date"/>
                              <div class="mt8" t-if="days_valid &gt; 0">
                                  <strong>This offer expires in</strong>
                                  <div class="fa fa-clock-o fa-2x day_counter mt8 mb16">
                                      <t t-esc="days_valid"/>
                                      <t t-if="days_valid &gt; 1">
                                          days
                                      </t>
                                      <t t-if="days_valid &lt;= 1">
                                          day
                                      </t>
                                  </div>
                              </div>


                              <div class="text-center mb16" t-if="quotation.amount_undiscounted &gt; quotation.amount_untaxed">
                                  <p class="text-muted mb8">Your advantage:</p>
                                  <t t-if="quotation.amount_untaxed == quotation.amount_total">
                                      <strong t-field="quotation.amount_total"
                                          t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'/>
                                      <strong t-field="quotation.amount_undiscounted"
                                          t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'
                                          style="text-decoration: line-through"
                                          class="text-danger"/>
                                  </t>
                                  <t t-if="quotation.amount_untaxed != quotation.amount_total">
                                      <strong t-field="quotation.amount_untaxed"
                                          t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'/>
                                      <strong t-field="quotation.amount_undiscounted"
                                          t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'
                                          style="text-decoration: line-through"
                                          class="text-danger"/>
                                      <br />
                                      (<span t-field="quotation.amount_total"
                                          t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'/> Incl. tax)
                                  </t>
                              </div>
                         </div>
                      </div>
                  </div>
                  <div class="col-md-9">
                      <div class="alert alert-success alert-dismissable" t-if="message==1">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                          Your message has been successfully sent!
                      </div>
                      <div class="alert alert-warning alert-dismissable" t-if="message==2">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                          This quotation has been rejected. <a href="#discussion">Contact us</a> if you want a new one.
                      </div>
                      <div class="alert alert-warning alert-dismissable" t-if="message==3">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                          This order has been validated. Thanks for your trust
                          and do not hesitate to <a href="#discussion">contact us</a> for
                          any question.
                      </div>
                      <a id="introduction"/>
                      <h1 class="page-header mt16">
                          <span t-if="quotation.state in ('draft','sent','cancel')">Your Quotation</span>
                          <span t-if="quotation.state not in ('draft','sent','cancel')">Your Order</span>
                          <em t-esc="quotation.name"/>
                          <small t-field="quotation.state"/>
                          <div groups="base.group_website_publisher" t-ignore="true" class="pull-right css_editable_mode_hidden">
                              <a class="btn btn-info hidden-print" t-att-href="'/web#return_label=Website&amp;model=%s&amp;id=%s' % (quotation._name, quotation.id)">Update Quote</a>
                          </div>
                      </h1>

                      <div class="modal fade" id="modelaccept" role="dialog" aria-hidden="true">
                        <div class="modal-dialog">
                          <form id="accept" method="POST" t-attf-action="/quote/accept/#{quotation.id}/?token=#{quotation.access_token}" class="js_accept_json modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&amp;times;</button>
                              <h4 class="modal-title">Validate Order</h4>
                            </div>
                            <div class="modal-body" id="sign-dialog">
                              <p>
                                  I agree that by signing this proposal, I
                                  accept it on the behalf of <b t-field="quotation.company_id"/>,
                                  for an amount of 
                                  <b data-id="total_amount" t-field="quotation.amount_total"
                                    t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'/>
                                  with payment terms: <b t-field="quotation.payment_term"/>.
                              </p>
                              <div id="signer" class="form-group">
                                  <label class="control-label" for="name">Your Name:</label>
                                  <input type="text" name="signer" id="name" class="form-control"/>
                              </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" t-attf-class="btn btn-primary">Sign Order</button> or
                                <button type="button" class="btn btn-link" data-dismiss="modal" style="padding: 0">Cancel</button>
                            </div>
                          </form>
                        </div>
                      </div>

                      <div class="alert alert-warning alert-dismissable" t-if="quotation.state == 'cancel'">
                          <button type="button" class="close hidden-print" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                          <strong>This quotation has been canceled.</strong> Contact us to get a new quote.
                      </div>

                      <div class="modal fade" id="modeldecline" role="dialog" aria-hidden="true">
                        <div class="modal-dialog">
                          <form id="decline" method="POST" t-attf-action="/quote/#{quotation.id}/#{quotation.access_token}/decline" class="modal-content">
                            <div class="modal-header">
                              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&amp;times;</button>
                              <h4 class="modal-title">Reject This Quote</h4>
                            </div>
                            <div class="modal-body">
                              <p>
                                  Tell us why you are refusing this quotation, this will help us improve our services.
                              </p>
                              <textarea rows="4" name="decline_message" placeholder="Your feedback....." class="form-control"/>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" t-att-id="quotation.id" class="btn btn-primary">Reject</button> or
                                <button type="button" class="btn btn-link" data-dismiss="modal" style="padding: 0">Cancel</button>
                            </div>
                          </form>
                        </div>
                      </div>

                      <div class="row mt32">
                          <div class="col-md-6">
                              <div class="row">
                                  <label class="col-sm-4 text-right">Customer:</label>
                                  <div class="col-sm-8">
                                      <div t-field="quotation.partner_id"/>
                                  </div>
                              </div>
                              <div class="row">
                                  <label class="col-sm-4 text-right">Bill To:</label>
                                  <div class="col-sm-8">
                                      <div t-field="quotation.partner_invoice_id" t-field-options='{
                                          "widget": "contact",
                                          "fields": ["address", "name", "phone", "email"]
                                          }'/>
                                  </div>
                              </div>
                              <div t-if="quotation.partner_shipping_id.id != quotation.partner_invoice_id.id" class="row">
                                  <label class="col-sm-4 text-right">Ship To:</label>
                                  <div class="col-sm-8">
                                      <div t-field="quotation.partner_shipping_id" t-field-options='{
                                        "widget": "contact",
                                        "fields": ["address", "name", "phone"]
                                        }'/>
                                  </div>
                              </div>
                          </div>
                          <div class="col-md-6">
                              <div class="row">
                                  <label class="col-sm-5 text-right">Your Contact:</label>
                                  <div class="col-sm-7">
                                      <div t-field="quotation.user_id" t-field-options='{
                                          "widget": "contact",
                                          "fields": ["name", "phone", "email"]
                                          }'/>
                                  </div>
                              </div>
                              <div class="row">
                                  <label class="col-sm-5 text-right">Quote Date:</label>
                                  <div class="col-sm-7">
                                      <span t-field="quotation.date_order"/>
                                  </div>
                                  <div class="clearfix"/>
                                  <div t-if="quotation.client_order_ref">
                                      <label class="col-sm-5 text-right">Your Reference:</label>
                                      <div class="col-sm-7">
                                          <span t-field="quotation.client_order_ref"/>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>

                      <a id="offer"/>
                      <div t-field="quotation.website_description"/>

                      <t t-foreach="quotation.order_line" t-as="line">
                          <a t-att-id="line.id"/>
                          <div t-field="line.website_description"/>
                      </t>
    
                      <div class="oe_structure"/>

                      <a id="pricing"/>
                      <t t-call="website_quote.pricing"/>
                      
                      <a id="options"/>
                      <t t-call="website_quote.optional_products"/>

                      <a id="discussion"/>
                      <t t-call="website_quote.chatter"/>
                  </div>
              </div>
            </div>
        </body>
      </t>
  </template>

  <template id="navigation_menu">
    <div class="hidden-print navspy" t-ignore="true" role="complementary">
        <ul class="nav bs-sidenav" data-id="quote_sidebar">
            <li><a href="#introduction">Introduction</a></li>
        </ul>
    </div>
  </template>

  <!-- Options:Quotation Signature -->
  <template id="opt_quotation_signature" name="Ask Signature" customize_show="True" inherit_id="website_quote.so_quotation">
      <xpath expr="//div[@id='sign-dialog']" position="inside">
        <div class="panel panel-default mt16 mb0" id="drawsign">
            <div class="panel-heading">
                <div class="pull-right">
                    <a id="sign_clean" class="btn btn-xs">Clear</a>
                </div>
                <strong>Draw your signature</strong>
            </div>
            <div id="signature" class="panel-body" style="padding: 0"/>
        </div>
      </xpath>
  </template>

  <template id="optional_products">
    <div class="container mt32" t-if="option">
        <section data-snippet-id="title">
            <h1 class="page-header">Options</h1>
        </section>
        <section id="options">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Products</th>
                        <th>Description</th>
                        <th></th>
                        <th class="text-right">Price</th>
                    </tr>
                </thead>
                <tbody>
                    <tr t-foreach="quotation.options" t-as="option">
                        <t t-if="not option.line_id">
                            <td>
                                <div t-field="option.product_id.name"/>
                            </td>
                            <td>
                                <div t-field="option.name"/>
                            </td>
                            <td>
                                <strong t-if="option.discount" class="text-info">
                                    <t t-esc="((option.discount % 1) and '%s' or '%d') % option.discount"/>% discount
                                </strong>
                            </td>
                            <td>
                                <strong class="text-right">
                                    <div t-field="option.price_unit"
                                    t-field-options='{"widget": "monetary", "display_currency": "quotation.pricelist_id.currency_id"}'
                                    t-att-style="option.discount and 'text-decoration: line-through' or ''"
                                    t-att-class="option.discount and 'text-danger' or ''"/>
                                    <div t-if="option.discount">
                                        <t t-esc="'%.2f' % ((1-option.discount / 100.0) * option.price_unit)"/>
                                    </div>
                                </strong>
                            </td>
                            <td class="pull-right" t-if="quotation.state in ['draft', 'sent']">
                                <a t-attf-href="/quote/add_line/#{ option.id }/#{ quotation.id }/#{ quotation.access_token }" class="mb8 hidden-print">
                                    <span class="fa fa-shopping-cart"/>
                                </a>
                            </td>
                        </t>
                    </tr>
                </tbody>
            </table>
        </section>
    </div>
  </template>

  <template id="so_template" name="SO Template">
    <t t-call="website.layout">
        <body data-spy="scroll" data-target=".navspy" data-offset="50">
            <div class="container o_website_quote">
                <div class="row mt16">
                    <div class="col-md-3">
                        <div class="bs-sidebar">
                            <div class="hidden-print navspy" role="complementary" t-ignore="True">
                                <ul class="nav bs-sidenav" data-id="quote_sidebar"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="alert alert-info alert-dismissable" t-ignore="True">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                            <p>
                                <strong>Template Header:</strong> this content
                                will appear on all quotations using this
                                template.
                            </p>
                            <p class="text-muted">
                                Titles with style <i>Heading 1</i> and
                                <i>Heading 2</i> will be used to generate the
                                table of content automatically.
                            </p>
                        </div>
                        <div id="template_introduction" t-field="template.website_description"/>
                        <t t-foreach="template.quote_line" t-as="line">
                            <div class="alert alert-info alert-dismissable" t-ignore="True">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                                Product: <strong t-esc="line.product_id.name"/>:
                                this content will appear on the quotation only if this
                                product is put on the quote.
                            </div>
                            <div t-field="line.website_description"/>
                        </t>
                        <t t-foreach="template.options" t-as="option_line">
                            <div class="alert alert-info alert-dismissable" t-ignore="True">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
                                Optional Product: <strong t-esc="option_line.product_id.name"/>:
                                this content will appear on the quotation only if this
                                product is used in the quote.
                            </div>
                            <div t-field="option_line.website_description"/>
                        </t>
                        <section id="terms" class="container" t-if="template.note">
                            <h1 class="page-header" t-ignore="True">Terms &amp; Conditions</h1>
                            <p t-field="template.note"/>
                        </section>
                    </div>
                </div>
            </div>
        </body>
        </t>
  </template>

  <template id="website.layout_footer_copyright" inherit_id="website.layout" name="Footer Copyright">
      <xpath expr="//footer" position="inside">
          <div class="container mt16 mb8">
              <div class="pull-right" t-ignore="true" t-if="not editable">
                  Powered by <a class="label label-danger" href="http://www.odoo.com/page/website-builder">Odoo</a>,
                  an awesome <a href="http://www.odoo.com/page/crm">Open Source CRM</a>.
              </div>
              <div class="pull-left text-muted">
                  Copyright &amp;copy; <span t-field="res_company.name">Company name</span>
              </div>
          </div>
      </xpath>
  </template>


</data>
</openerp>
