@extends ('layouts.master')
@section('css')
<link rel="stylesheet" type="text/css" href="{{ url('DataTables/datatables.min.css') }}"/>
@endsection
@section('content')
<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="#">
                <em class="fa fa-database"></em>
            </a></li>
            <li class="active">Data</li>
        </ol>
    </div><!--/.row-->
    
    <div class="row">
        <div class="col-lg-10">
            <h1 class="page-header">Data</h1>
        </div>
        <div class="col-lg-2 page-header">
            <a href="{{ url('data/tambah') }}" class="btn btn-primary btn-sm" title="Tambah"> <i class="fa fa-plus"></i> Tambah Data</a>
        </div>
        <hr>
    </div><!--/.row-->
    
    <div class="panel panel-container">
        <div class="row">
        <div class="fixed-table-body" style="padding:30px">
            <table class="table table-hover" id="TabelKu">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">No</th>
                    <th scope="col">Nama</th>
                    <th scope="col">Alamat</th>
                    <th scope="col">Kecamatan</th>
                    <th scope="col">Desa</th>
                    <th scope="col" style="width: 150px;">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $no = 1;    
                @endphp
                @foreach ($data as $dt)
                    <tr>
                        <td>{{ $no }}</td>
                        <td>{{ $dt->nama_rumah }}</td>
                        <td>{{ $dt->alamat }}</td>
                        <td>{{ $dt->nama_kecamatan }}</td>
                        <td>{{ $dt->nama_desa }}</td>
                        <td>
                            <a href="{{ url('data/detail/'.$dt->id_rumah) }}" class="btn btn-success btn-sm" title="Detail"> <i class="fa fa-eye"></i> </a>
                            <a href="{{ url('data/edit/'.$dt->id_rumah) }}" class="btn btn-warning btn-sm" title="Edit"> <i class="fa fa-pencil"></i> </a>
                            <a href="{{ url('data/cetak/'.$dt->id_rumah) }}" class="btn btn-primary btn-sm" title="Cetak" target="blank"> <i class="fa fa-print"></i> </a>
                            <a onclick="hapusAlert('{{ url('data/hapus/'.$dt->id_rumah) }}')" class="btn btn-danger btn-sm" title="Hapus"> <i class="fa fa-trash"></i> </a>
                        </td>
                    </tr>
                @php
                    $no++;
                @endphp
                @endforeach
            </tbody>
            </table>
        </div>
        </div>
    </div>
</div>
@endsection
@section('js')
	<script src="{{ url('DataTables/datatables.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#TabelKu').DataTable();
        } );
    </script>
@endsection