@model IEnumerable<MALDFGASSURANCE.Models.REMBOURSEMENT>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<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">LISTE DES PAIEMENTS EN ATTENTES</h3>
        </div>
        <div class="card-toolbar">

            <!--begin::Button
            <a href="/ESPACEREMBOURSEMENT/REMBOURSFACTURES" 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
             </a>
             <!--end::Button-->
        </div>
    </div>
    <div class="card-body">
        <!--begin: Datatable-->
        <table class="table table-separate table-head-custom table-checkable" id="kt_datatable1">
            <tr>
                <th>
                    NUMERO DE PAIEMENT
                </th>

                <th>
                    INFORMATIONS DU PAIEMENT
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.PERIODE)
                </th>
                <th>
                    MONTANT PAYE
                </th>
                <th>
                    DATE PAIEMENT
                </th>
                <th>
                    STATUT
                </th>
                <th>
                    DATE DE CREATION
                </th>

                <th>ACTION</th>
            </tr>

            @foreach (var item in Model)
            {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.NUMREBOURSEMENT)
            </td>

            <td>
                @Html.DisplayFor(modelItem => item.INFORMATION)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.PERIODE)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.TOTALREMBOURSER)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.DATEPAIEMENT)
            </td>
            <td>
                @if (item.ETAT == 2)
                {
                    <span class="label label-lg font-weight-bold label-inline label-light-success">Payer </span>
                }
                else if (item.ETAT == 3)
                {
                    <span class="label label-lg font-weight-bold label-inline label-light-danger">Rejeter </span>
                }
                else
                {
                    <span class="label label-lg font-weight-bold label-inline label-light-warning"> Au paiement </span>
                }
            </td>

            <td>
                @Html.DisplayFor(modelItem => item.DATECREATION)
            </td>

            <td>
              
                    <a href="@Url.Action("Details","REMBOURSEMENT", new { id = item.IDREMBOURSEMENT })" class="label label-lg font-weight-bold label-inline label-light-success">
                        <i class="fa fa-eye text-success" ></i>
                    </a>

            </td>
        </tr>
            }

        </table>
    </div>
</div>