@model  IEnumerable<Prkorfom.Edf42Kor>


@{
    ViewBag.Title = "View";
}

<style>
    body {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 20px 0 20px;
        text-align: center;
        background: white;
    }

    .scrollingtable {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        width: auto; /*if you want a fixed width, set it here, else set to auto*/ /*IEnumerable<Prkorfom.Edf42Kor>*//* foreach (var item in Model)*/    
        min-width: 0 /*100%*/; /*if you want a % width, set it here, else set to 0*/
        height: 188px /*100%*/; /*set table height here; can be fixed value or %*/
        min-height: 0 /*104px*/; /*if using % height, make this large enough to fit scrollbar arrows + caption + thead*/
        font-family: Verdana, Tahoma, sans-serif;
        font-size: 15px;
        line-height: 20px;
        padding: 20px 0 20px 0; /*need enough padding to make room for caption*/
        text-align: left;
    }

        .scrollingtable * {
            box-sizing: border-box;
        }

        .scrollingtable > div {
            position: relative;
            border-top: 1px solid black;
            height: 100%;
            padding-top: 20px; /*this determines column header height*/
        }

            .scrollingtable > div:before {
                top: 0;
                background: cornflowerblue; /*header row background color*/
            }

            .scrollingtable > div:before,
            .scrollingtable > div > div:after {
                content: "";
                position: absolute;
                z-index: -1;
                width: 100%;
                height: 100%;
                left: 0;
            }

            .scrollingtable > div > div {
                min-height: 0 /*43px*/; /*if using % height, make this large enough to fit scrollbar arrows*/
                max-height: 100%;
                overflow: scroll /*auto*/; /*set to auto if using fixed or % width; else scroll*/
                overflow-x: hidden;
                border: 1px solid black; /*border around table body*/
            }

                .scrollingtable > div > div:after {
                    background: white;
                }
                /*match page background color*/
                .scrollingtable > div > div > table {
                    width: 100%;
                    border-spacing: 0;
                    margin-top: -20px; /*inverse of column header height*/
                    /*margin-right: 17px;*/ /*uncomment if using % width*/
                }

                    .scrollingtable > div > div > table > caption {
                        position: absolute;
                        top: -20px; /*inverse of caption height*/
                        margin-top: -1px; /*inverse of border-width*/
                        width: 100%;
                        font-weight: bold;
                        text-align: center;
                    }

                    .scrollingtable > div > div > table > * > tr > * {
                        padding: 0;
                    }

                    .scrollingtable > div > div > table > thead {
                        vertical-align: bottom;
                        white-space: nowrap;
                        text-align: center;
                    }

                        .scrollingtable > div > div > table > thead > tr > * > div {
                            display: inline-block;
                            padding: 0 6px 0 6px; /*header cell padding*/
                        }

                        .scrollingtable > div > div > table > thead > tr > :first-child:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 20px; /*match column header height*/
                            border-left: 1px solid black; /*leftmost header border*/
                        }

                        .scrollingtable > div > div > table > thead > tr > * > div[label]:before,
                        .scrollingtable > div > div > table > thead > tr > * > div > div:first-child,
                        .scrollingtable > div > div > table > thead > tr > * + :before {
                            position: absolute;
                            top: 0;
                            white-space: pre-wrap;
                            color: white; /*header row font color*/
                        }

                        .scrollingtable > div > div > table > thead > tr > * > div[label]:before,
                        .scrollingtable > div > div > table > thead > tr > * > div[label]:after {
                            content: attr(label);
                        }

                        .scrollingtable > div > div > table > thead > tr > * + :before {
                            content: "";
                            display: block;
                            min-height: 20px; /*match column header height*/
                            padding-top: 1px;
                            border-left: 1px solid black; /*borders between header cells*/
                        }

        .scrollingtable .scrollbarhead {
            float: right;
        }

            .scrollingtable .scrollbarhead:before {
                position: absolute;
                width: 100px;
                top: -1px; /*inverse border-width*/
                background: white; /*match page background color*/
            }

        .scrollingtable > div > div > table > tbody > tr:after {
            content: "";
            display: table-cell;
            position: relative;
            padding: 0;
            border-top: 1px solid black;
            top: -1px; /*inverse of border width*/
        }

        .scrollingtable > div > div > table > tbody {
            vertical-align: top;
        }

            .scrollingtable > div > div > table > tbody > tr {
                background: white;
            }

                .scrollingtable > div > div > table > tbody > tr > * {
                    border-bottom: 1px solid black;
                    padding: 0 6px 0 6px;
                    height: 20px; /*match column header height*/
                }

            .scrollingtable > div > div > table > tbody:last-of-type > tr:last-child > * {
                border-bottom: none;
            }

            .scrollingtable > div > div > table > tbody > tr:nth-child(even) {
                background: gainsboro;
            }
            /*alternate row color*/
            .scrollingtable > div > div > table > tbody > tr > * + * {
                border-left: 1px solid black;
            }
    /*borders between body cells*/
</style>








<div class="scrollingtable">
    <div>
        <div>
            <table border="1">
                
                <thead>
                    <tr>
                        <th></th>
                        <th></th>

                        <th><div label="Лицевой счёт"></div></th>
                        <th><div label="№ поля"></div></th>
                        <th><div label="Значение"></div></th>
                        <th><div label="ДАТА"></div></th>
                        <th><div label="Казахский"></div></th>
                        <th><div label="На 1 число"></div></th>
                        

                    </tr>
                </thead>
                
                      @foreach (var item in Model)
                      {

                    < tbody >

                        < tr >
                            < td >

                                @Html.ActionLink("Выбор", "Index", new { id = item.id })
                            </ td >
                            < td ></ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.lsh)
                            </ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.n_pol)
                            </ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.pol)
                            </ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.datav)
                            </ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.kaz)
                            </ td >
                            < td >
                                @Html.DisplayFor(modelItem => item.prtek1)
                            </ td >

                        </ tr >
                    </ tbody >
                                         }

            </ table >
        </ div >


    </ div >
</ div >

                <div  id="P3">

                    <div style="clear:both"></div>

                    <div style="float:left">
                        <table>


                            <tr>
                                <td><b><button name="Button3" id="Button3" onclick="SaveData3();" />Добавить</button>  </b></td>
                                <td><b><button name="Button4" id="Button4" onclick="SaveData4();" />Изменить</button>  </b></td>
                                <td><b><button name="Button5" id="Button5" onclick="SaveData5();" />Удалить</button>  </b></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                            </tr>



                        </table>

                    </div>

                </div>



< div id = "MainContent_Panel1" style = "border-style:Solid;height:2061px;width:482px;" >

       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="MainContent_Label1">Лицевой счёт</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="ctl00$MainContent$TextBox1"  type="text" id="MainContent_TextBox1" style="height:20px;width:99px;margin-left: 0px" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    &nbsp;&nbsp;
    <input id="MainContent_CheckBox2" type="checkbox" name="ctl00$MainContent$CheckBox2" /><label for="MainContent_CheckBox2">На 1 число</label>


    <div class="row">
        <div class="col">
            

            <span id="MainContent_Label2" class="col-md-4">№ поля</span>
        </div>
        <div class="col">
            <input name="ctl00$MainContent$TextBox2" type="text" id="MainContent_TextBox2" style="width:122px;" />
        </div>
    </div>
    

    <div class="row">
        <div class="col">
            <span id="MainContent_Label3" class="col-md-4">Значение</span>
        </div>
        <div class="col">
            @Html.TextArea("v")
              
        </div>
    </div>
</div>

public class Edf42Controller : Controller
    {

        private Mkorform db = new Mkorform();

        // GET: Edf42
        public ActionResult Index()
        {

           // ViewData["d1"] = "";
           // ViewData["d2"] = "";
           // ViewData["d3"] = "";

            return View(db.Edf42Kor.ToList());
        }

        
        // GET: Edf42
        public ActionResult Index(int id)
        {

           // ViewData["d1"] = db.Edf42Kor.Find(id).lsh;
           // ViewData["d2"] = db.Edf42Kor.Find(id).n_pol ;
           // ViewData["d3"] = db.Edf42Kor.Find(id).pol ;

            return View(db.Edf42Kor.ToList());
        }
        

        // GET: Edf42/Details/5
        public ActionResult Details(int id)
        {
            return View();
        }

        // GET: Edf42/Create
        public ActionResult Create()
        {
            return View();
        }

        // POST: Edf42/Create
        [HttpPost]
        public ActionResult Create(FormCollection collection)
        {
            try
            {
                // TODO: Add insert logic here

                return RedirectToAction("Index");
            }
            catch
            {
                return View();
            }
        }

        // GET: Edf42/Edit/5
        public ActionResult Edit(int id)
        {
            return View();
        }

        // POST: Edf42/Edit/5
        [HttpPost]
        public ActionResult Edit(int id, FormCollection collection)
        {
            try
            {
                // TODO: Add update logic here

                return RedirectToAction("Index");
            }
            catch
            {
                return View();
            }
        }

        // GET: Edf42/Delete/5
        public ActionResult Delete(int id)
        {
            return View();
        }

        // POST: Edf42/Delete/5
        [HttpPost]
        public ActionResult Delete(int id, FormCollection collection)
        {
            try
            {
                // TODO: Add delete logic here

                return RedirectToAction("Index");
            }
            catch
            {
                return View();
            }
        }
    }