<style>
    body{
        margin: 0;
        padding: 0;
        font-family: comic sans ms;
        background: bisque;
    }
    .kotak{
        background:white;
        border-radius: 10px;
        width: 400px;
        padding: 20px;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .kotak h1{
        color:deepskyblue;
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
    }
    .kotak input[type="text"], .kotak input[type="password"]{
        margin: 10px;
        text-align: center;
        border: 2px solid gray;
        border-top:none;
        border-right:none;
        border-left:none;
        padding: 7px 5px;
        font-family: Comic Sans MS;
        width: 200px;
        color: crimson;
        transition: 0.5s;
        outline: none;
    }
    .kotak input[type="text"]:focus, .kotak input[type="password"]:focus{
        border-color: rgba(0, 214, 214, 0.829);
    }
    .kotak input[type="submit"]{
        margin: 10px;
        text-align: center;
        border: 2px none crimson;
        font-family: Comic Sans MS;
        padding: 7px 5px;
        width: 100px;
        border-radius: 3px;
        transition: .6s;
        cursor: pointer;
        background:deepskyblue;
    }
    .kotak input[type="submit"]:hover{
        background: crimson;
    }
    </style>
@if(session('error'))
<div class="alert alert-error" role="alert">
  {{session('error')}}
</div>
@endif
@if(count($errors)>0)
<div class="alert alert-danger" role="alert">
    <strong>!!!Perhatian!!!</strong><br>
    <ul>
        @foreach($errors->all() as $error)
            <li>{{$error}}</li>
        @endforeach
    </ul>
</div>
@endif
<center>
<form action="{{ url('kelas') }}" method="post">
@csrf
<table class="kotak">
    <tr>
        <td colspan="2"><h1>Form Siswa</h1></td>
    </tr>
    <tr>
        <td>Nama </td>
        <td><input type="text" name="nama"/></td>
    </tr>
    <tr>
        <td>Kelas </td>
        <td><input type="text" name="kelas"/></td>
    </tr>
    <tr>
        <td>Jurusan </td>
        <td><input type="text" name="jurusan"/></td>
    </tr>
    <tr>
        <td>Lokasi Ruangan </td>
        <td><input type="text" name="lokasi_ruangan"/></td>
    </tr>
    <tr>
        <td>Nama Wali Kelas </td>
        <td><input type="text" name="nama_wali_kelas"/></td>
    </tr>
    <tr>
        <td colspan="2"><input type="submit" value="Simpan"/></td>
    </tr>
</table>
</form>