@model IEnumerable<MALDFGASSURANCE.Models.View_Consommationannuel>
@{
    ViewBag.Title = "etatannuelconsommation";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!--begin::Card-->
<div class="card card-custom">
    <div class="card-header py-3">
        <div class="card-title">
            <span class="card-icon">
                <i class="flaticon2-user text-primary"></i>
            </span>
            <h3 class="card-label">
                Etat recapitulatif trimestriel de la  consommation de l'année @DateTime.Today.Year
            </h3>
        </div>
        
    </div>
    <div class="card-body">
        <!--begin: Datatable-->
        <div class="row">
            <div class="col-12">
                
                <table class="table table-bordered">
                    <tr>
                        <td> </td>
                        <td>TRIMESTRE 1 </td>
                        <td>TRIMESTRE 2 </td>
                        <td>TRIMESTRE 3 </td>
                        <td>TRIMESTRE 4 </td>
                    </tr>
                    <tr>
                        <td> CONSOMMATION GENERALE </td>
                        <td>@ViewBag.trimestre1 </td>
                        <td>@ViewBag.trimestre2 </td>
                        <td>@ViewBag.trimestre3 </td>
                        <td>@ViewBag.trimestre4 </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<!--begin::Card-->
<div class="card card-custom mt-5">
    <div class="card-header py-3">
        <div class="card-title">
            <span class="card-icon">
                <i class="flaticon2-user text-primary"></i>
            </span>
            <h3 class="card-label">
                Etat Mensuelle de la  consommation de l'année @DateTime.Today.Year
            </h3>
        </div>
        <div class="card-toolbar">

            <!--begin::Button-->
            <a href="~/STATISTIQUE/Datastata/ListSynthesedonnees" class="btn btn-primary font-weight-bolder">
                <span class="svg-icon svg-icon-md">

                    <!--begin::Svg Icon | path:assets/media/svg/icons/Design/Flatten.svg-->
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24" />
                            <circle fill="#000000" cx="9" cy="15" r="6" />
                            <path d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z" fill="#000000" opacity="0.3" />
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span> Voir l'Historique
            </a> 
            <!--end::Button-->
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-12">
            
                <table class="table table-separate table-head-custom table-checkable" id="kt_datatable1">
                    <thead>
                        <tr>
                            <th>
                                @Html.DisplayNameFor(model => model.ANNEE)
                            </th>
                            <th>
                                @Html.DisplayNameFor(model => model.MOIS)
                            </th>
                            <th>
                                MONTANT VALIDER
                            </th>
                            <th>
                                MONTANT ORIGINE
                            </th>
                            <th>
                                MONTANT LDF
                            </th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model)
                        {
                            <tr>
                                <td>
                                    @Html.DisplayFor(modelItem => item.ANNEE)
                                </td>
                                <td>
                                    @Html.DisplayFor(modelItem => item.LIBELLEMOIS)
                                </td>
                                <td>
                                    @Html.DisplayFor(modelItem => item.MONTANTVALIDER)
                                </td>
                                <td>
                                    @Html.DisplayFor(modelItem => item.MONTANTORIGINE)
                                </td>
                                <td>
                                    @Html.DisplayFor(modelItem => item.MONTANTLDF)
                                </td>

                            </tr>
                        }
                    </tbody>
                </table>
                <!--end: Datatable-->
            </div>
        </div>

    </div>
</div>