<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>SIB invoicing</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- Style -->
<link rel="stylesheet" href="css/main.css">
<!-- Scripts-->
<!-- <script src="/lib/webcomponentsjs/webcomponents-loader.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.7/webcomponents-loader.js"></script>
<!-- Web components-->
<link rel="import" href="https://cdn.happy-dev.fr/sib-core/sib-display.html" />
<link rel="import" href="https://cdn.happy-dev.fr/sib-router/sib-router.html" />
</head>
<body>
<main>
<section id="clients-invoices" class="invoices_list invoices_list--clients">
<header>
<h2>Factures pour le client</h2>
<sib-router default-route="invoice-list" use-hash>
<sib-route name="invoice-list"></sib-route>
<sib-route name="add-invoice">Créer une nouvelle facture</sib-route>
</sib-router>
</header>
<sib-form id="add-invoice"
data-src="http://127.0.0.1:8000/invoices/client-invoices/"
data-fields="title, identifier, creationDate, htAmount, tvaRate"
next="invoice-list"
></sib-form>
<sib-display
id="invoice-list"
data-src="http://127.0.0.1:8000/invoices/client-invoices/"
template-htAmount="money-template"
template-batches="batch-list-template"
data-fields="invoice-section, batches"
set-invoice-section="invoice-main, invoice-aside"
set-invoice-main="invoice-header, invoice-footer"
set-invoice-aside="state"
set-invoice-header="title, identifier"
set-invoice-footer="creationDate, htAmount"
></sib-display>
<template id="money-template">
<div name="htAmount-template">${value} € HT</div>
</template>
<template id="batch-list-template">
<div class="invoice-detail-menu">
<div>Dupliquer</div>
<div>Editer</div>
<div>Aperçu client</div>
<div>Télécharger</div>
</div>
<sib-display
class="batches-list"
data-src="${value['@id']}"
template-tasks="task-list-template"
data-fields="batch-section-header, batch-section-body, batch-section-footer"
value-amount="Montant"
value-ht-total="Total HT"
set-batch-section-header="title, amount"
set-batch-section-body="tasks"
set-batch-section-footer="ht-total, htAmount"
></sib-display>
</template>
<template id="task-list-template">
<sib-display
class="tasks-list"
data-src="${value['@id']}"
data-fields="title, htAmount"
></sib-display>
</template>
<!-- <sib-display
bind-resources
data-src="http://127.0.0.1:8000/invoices/client-invoices/1/"
id-suffix="batches"
data-fields="title, htAmount"
></sib-display> -->
</section>
<section id="freelances-invoices" class="invoices_list invoices_list--freelances">
<header>
<h2>Factures des indépendants</h2>
<sib-router default-route="freelance-invoice-list" use-hash>
<sib-route name="freelance-invoice-list"></sib-route>
<sib-route name="add-freelance-invoice">Importer une facture</sib-route>
</sib-router>
</header>
<sib-form id="add-freelance-invoice"
data-src="http://127.0.0.1:8000/invoices/freelance-invoices/"
data-fields="freelanceFullname, identifier, invoicingDate, htAmount, tvaRate, uploadUrl"
next="freelance-invoice-list"></sib-form>
<sib-display
id="freelance-invoice-list"
data-src="http://127.0.0.1:8000/invoices/freelance-invoices/"
data-fields="freelance-invoice-body, freelance-invoice-aside"
set-freelance-invoice-body="freelance-invoice-header, freelance-invoice-footer"
set-freelance-invoice-aside="state"
set-freelance-invoice-header="freelanceFullname, identifier"
set-freelance-invoice-footer="invoicingDate, htAmount"
template-htAmount="money-template"
></sib-display>
</section>
</main>
</body>
</html>