@extends('admin.layouts.app')
@section('content')
	<!-- [ breadcrumb ] start -->
	<div class="page-header">
		<div class="page-block">
			<div class="row align-items-center">
				<div class="col-md-12">
					<div class="page-header-title">
						<h5 class="m-b-10">Data Soal</h5>
					</div>
					<ul class="breadcrumb">
						<li class="breadcrumb-item"><a href="{{ route('dashboard.index')  }}">Home</a></li>
						<li class="breadcrumb-item"><a href="javascript: void(0)">Data Master</a></li>
						<li class="breadcrumb-item" aria-current="page">Halaman Data Hasil Tes</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->

	<!-- [ Main Content ] start -->
	<div class="row">
		<!-- [ sample-page ] start -->
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header">
          <div class="row">
            <div class="col-md-6">
              <h5>Hasil Tes User</h5>
            </div>
            <div class="col-md-6 d-flex justify-content-end">
              <button type="button" class="btn btn-sm btn-primary rounded-circle">
                <i class="ti ti-database-import"></i>
              </button>
            </div>
          </div>
				</div>
				<div class="card-body">
          <table class="table" id="table-data">
            <thead>
              <tr>
                <th>No</th>
                <th>Dummy</th>
                <th>Dummy</th>
                <th>Dummy</th>
                <th>Aksi</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>lorem</td>
                <td>lorem</td>
                <td>lorem</td>
                <td>
                  <div class="btn-group">
                    <button type="button" class="btn btn-info btn-sm rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#editModal" onclick="getDataEdit(this)" data-id="${data.id}">
                      <i class="ti ti-edit"></i>
                    </button>
                    <button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id}">
                      <i class="ti ti-trash"></i>
                    </button>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
				</div>
			</div>
		</div>
		<!-- [ sample-page ] end -->
	</div>
	<!-- [ Main Content ] end -->
@endsection

@section('script')
	<script>
		new DataTable("#table-data", {});
	</script>
@endsection