{% extends 'base.html.twig' %}
{% trans_default_domain 'FOSUserBundle' %}
{% block body %}
<div id="wrapper">
    <div class="previsionnel"
         ng-app="caisse"
         ng-controller="PrevisionnelCtrl as pCtrl"
    >
        <h1>Prévisionnel</h1>
        <div class="row">
            <div class="col-6 col-xs-12 col-sm-6">
                <div class="config">
                    <h2>
                        Configuration
                    </h2>
                    Euros disponibles au départ:
                    <input type="number" ng-model="start">
                </div>
                <div class="postes">
                    <h2>Postes de dépenses</h2>
                    <p class="desc">
                        Indiquez les catégories de dépenses mensuelles que vous faites pour faire évoluer la simulation de budget restant dans plusieurs mois.
                    </p>
                    <table class="exepnse-table">
                        <thead>
                        <tr>
                            <td>
                                Nom
                            </td>
                            <td>
                                débute dans X mois
                            </td>
                            <td>
                                mois répétitions
                            </td>
                            <td>
                                prix répétitions
                            </td>
                            <td>
                                prix mensuel
                            </td>
                            <td>
                                prix annuel
                            </td>
                        </tr>
                        </thead>

                        <tbody>

                        </tbody>
                        <tr>
                            <td>

                            </td>
                        </tr>
                    </table>
                    <div class="well">
                        Exemple:
                        appartement
                        resto au boulot
                        courses
                        trucs de loisirs divers
                        gaz
                        elec
                        internet
                        serveur wouaibe
                        assurance voiture
                        transport en commun
                        abonnement protonmail VPN
                        abonnement service audio, vidéo
                        carburant véhicule
                        donations
                        médecin
                        chat
                        chien
                        licorne
                    </div>
                </div>
            </div>
            <div class="col-6 col-xs-12 col-sm-6">

                <h2>Simulation sur 5 ans (60 mois)</h2>
                <table>
                    <thead>

                    </thead>
                    <tbody>
                    <tr>
                        <td>

                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
    {% endblock %}