@extends('layouts.app')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="float-left">Pedoman</h1>
                <a href="{{url('pedoman/create')}}" class="btn btn-primary float-right">Pedoman Baru</a>
            </div>
        </div>
    </div>
</section>

<!-- Modal -->
<div class="modal fade" id="HapusId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Hapus Data</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{url('pedoman/hapus')}}" method="POST">
                @csrf
                <input type="hidden" id="idhapus" name="idhapus">
                <div class="modal-body">
                    <div><i id="bodyHapus"></i></div>
                    Hapus Data ini ?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Ya, Hapus</button>
                </div>
            </form>
        </div>
    </div>
</div>

@include('layouts.success_error')

<section class="content">

    <!-- Default box -->
    <div class="card">
        <div class="card-body p-0">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th style='width:20px' class="text-center">No</th>
                        <th style='width:200px' >Jenis</th>
                        <th>Nama</th>
                        <th  class="text-center" style='width:100px' >Jumlah</th>
                        <th style='width:20px'>Opsi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($pedoman as $key =>$item)
                    <tr>
                        <td>{{$key+1}}</td>
                        <td>{{$item->jenis}}</td>
                        <td>{{$item->nama}}</td>
                        <td class="text-center">{{$item->detail->count()}}</td>
                        <td>
                            <div class="btn-group">
                                <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                                    id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Aksi
                                </button>
                                <div class="dropdown-menu" aria-labelledby="ddButton">
                                    <a class="dropdown-item"
                                        href="{{route('PedomanController.show', ['id'=>$item->id])}}">Detail</a>
                                    {{-- <a class="dropdown-item"
                                        href="{{route('PedomanController.edit', ['id'=>$item->id])}}">Edit</a> --}}
                                    <button class="dropdown-item" data-toggle="modal" data-target="#HapusId"
                                        onclick="$('#idhapus').val('{{$item->id}}');$('#bodyHapus').html('{{$item->nama}}');">Hapus</button>
                                </div>
                            </div>

                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->

</section>
@endsection