@model IEnumerable<Imza.WebNet.Servis.Models.Harcamalar>

@{
    ViewBag.Modul = "Web Kantin Modülü";
    ViewBag.ModulLink = "/Harcamalar/Index";

    ViewBag.Title = "Satışı Yapılan Ürünler";
    Layout = "~/Views/Shared/Index.cshtml";
}
<!--[if !IE]><!-->
<style>
    /*
    Generic Styling, for Desktops/Laptops
    */
    table {
        width: 100%;
        border-collapse: collapse;
    }
    /* Zebra striping */
    tr:nth-of-type(odd) {
        background: #eee;
    }

    th {
        font-weight: bold;
    }

    td, th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }

    /*
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */
    @@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

        /* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        tr {
            border: 1px solid #ccc;
        }

        td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

            /*
        Label the data
        */
            td:nth-of-type(1):before {
                content: "Fiş No";
            }

            td:nth-of-type(2):before {
                content: "Ürün Adı";
            }

            td:nth-of-type(3):before {
                content: "Miktarı";
            }

            td:nth-of-type(4):before {
                content: "Fiyatı";
            }

            td:nth-of-type(5):before {
                content: "Toplam Tutar";
            }

            td:nth-of-type(6):before {
                content: "Satış Tarihi";
            }

            td:nth-of-type(7):before {
                content: "Satışı Yapan";
            }

    }
</style>
<!--<![endif]-->
<!-- /Page Content -->
@Html.Raw(ViewBag.MesajGoster)
<div class="row">
    <div class="col-md-12">
        <div class="widget box">
            <div class="widget-header">
                <h4><i class="icon-reorder"></i> Liste Filtreleme Seçenekleri</h4>
            </div>
            <div class="widget-content">
                <form action="" class="form-vertical" method="POST">
                    @Html.AntiForgeryToken()

                    <div class="form-horizontal">

                        <div class="form-group">
                            <div class="col-md-3">
                                <input type="text" name="tarihBaslangic" value="@ViewBag.TarihBaslangic" data-mask="99/99/9999" class="form-control datepicker hasDatepicker"><span class="ui-datepicker-append"><span class="help-block">Başlangıç Tarihi</span></span>
                            </div>
                            <div class="col-md-3">
                                <input type="text" name="tarihBitis" value="@ViewBag.TarihBitis" data-mask="99/99/9999" class="form-control datepicker hasDatepicker"><span class="ui-datepicker-append"><span class="help-block">Bitiş Tarihi</span></span>
                            </div>
                            
                            
                            <div class="col-md-4">

                                @Html.DropDownList("OGRENCIID", ViewBag.OgrenciData as SelectList, String.Empty, new { @class = "select2-select-00 col-md-12 full-width-fix input-width-xlarge" })

                            </div>
                            <div class="col-md-1">

                                <input type="submit" id="pdksRaporFiltrele" value="Harcamaları Getir" class="btn btn-primary pull-right">
                            </div>
                            


                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@{
    if (@Model.Any())
    {

        <div class="row">
            <div class="col-md-12">
                <div class="widget box">
                    <div class="widget-header">
                        <h4><i class="icon-reorder"></i> @ViewBag.Title</h4>

                        <div class="toolbar no-padding">
                        </div>
                    </div>
                    <div class="widget-content no-padding">

                        <table id="gvData" class="table-striped table-bordered table-hover hover datatable  table-columnfilter">
                            <thead>
                            <tr>
                                <th>
                                    @Html.DisplayNameFor(model => model.ID)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.MALZEME)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.MIKTAR)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.FIYAT)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.BORC)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.INSERT_DATE)
                                </th>
                                <th>
                                    @Html.DisplayNameFor(model => model.SATISIYAPAN)
                                </th>
                            </tr>
                            </thead>
                            
                            <tbody>
                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.ID)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.MALZEME)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.MIKTAR)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.FIYAT) ₺
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.BORC) ₺
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.INSERT_DATE)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.SATISIYAPAN)
                                    </td>
                                </tr>
                            }


                            </tbody>
                            
                            <tfoot>
                            <tr>
                                <th colspan="4"></th>
                                <th><strong style="font-size: 14px; color: red;"> Toplam Harcama: @ViewBag.HARCAMATOPLAM ₺</strong></th>
                                <th colspan="2" ></th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    }
}