@page "/page2"
@inherits BolumBase

<div style="margin-left:45%;margin-top:5% ;font-family:'Arial Narrow Bold'">
<p style="border:3px; color:red;">Bölüm Sil</p>
<input  type="text" @bind="inputid1" placeholder="Bölüm ID">
<button  class="btn btn-warning" @onclick="DeleteData">Sil</button>
</div>

<div style="margin-left:45%;margin-top:6%;font-family:'Arial Narrow Bold'">
<p style="border:3px; color:red;">Bölüm Güncelle</p>
<input  type="text" @bind="inputid2" placeholder="Bölüm ID">
<input  type="text" @bind="inputadi2" placeholder="Bolum Adi">
<button  class="btn btn-warning" @onclick="UpdateData">Güncelle</button>
</div>


<div style="margin-left:45%;margin-top:7%;font-family:'Arial Narrow Bold'">
<p style="border:3px; color:red;">Bölüm Ekle</p>
<input  type="text" @bind="inputadi3"  placeholder="Bölüm Adi">
<button  @onclick="InsertData" class="btn btn-warning">Ekle</button>
</div>
<br/>
<table class="table" style="background:rgb( 207, 190, 240 );width:30%;margin-left:3%;margin-top:-35%">
    <thead>
        <tr>
            <th>Bölüm Id </th>
            <th>Bölüm Adı</th> 
        </tr>   
    </thead>
    <tbody>
         
                @foreach(var item in bolumler)
                {
            <tr>
                <td>@item.bolum_id</td> 
                <td>@item.bolum_adi</td>
            </tr>
                }
    </tbody>
    </table>