@page "/bolum"
@inherits BolumBase
<div id="page-div">
@if (bolumler is null)
{
    <p><em>Loading... !</em></p>
}
else
{
<table class="table" style="width:35%;margin-left:15%;border:3px solid black">
            <thead>
                <tr>
                    <th>Bolum ID</th>
                    <th>Bolum Adı</th>
                </tr>
            </thead>
    <tbody style="overflow: scroll">
@foreach(var blm2 in bolumler)
    {
    <tr>
    <td>@blm2.bolum_id</td>
    <td>@blm2.bolum_adi</td>
    </tr>
    }
    </tbody>
</table>
}

<input type="button" id="blmekle" onclick="eklegoster()" value="Bolum Ekle">
<input type="button" id="blmguncelle" onclick="guncellegoster()" value="Bolum Guncelle">

<div id="eklebolumdiv">
<input type="text" placeholder="Yeni Bölüm girin" @bind:event="oninput" @bind="YeniBolum">
<button @onclick="bolumekle">Ekle</button>
</div>


<div id="guncellebolumdiv">
<input type="text" placeholder="Güncellenicek Bölüm Id girin" @bind:event="oninput" @bind="Bolumguncid">
<input type="text" placeholder="Bölüm Giriniz" @bind:event="oninput" @bind="Bolumyeni">
<button @onclick="bolumguncelle">Güncelle</button>
</div>
</div>