@extends('layouts.admin.app')

@section('content')


    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <section class="content-header">
                <h1>
                    HKI
                    {{-- <small>Control panel</small> --}}
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
                            HKI</a></li>
                    <li class="active">Daftar HKI</li>
                </ol>
            </section>
        </section>
        <!-- Main content -->
        <section class="content">
            <section class="col-lg-12 connectedSortable">
                <!-- TABLE: LATEST ORDERS -->
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">List Inkubator</h3>

                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                    class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">

                        <div class="table-responsive">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th width="5%">Nomor</th>
                                        <th>Konsultasi</th>
                                        <th>Nama</th>
                                        <th>Email</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($results as $e => $r)
                                        <tr>
                                            <td>{{ $e + 1 }}</td>
                                            <td>{{ $r->title }} </td>
                                            <td>{{ $r->name }} </td>
                                            <td>{{ $r->email }} </td>
                                            <td><a href="#" class="btn btn-primary" id="sendEmail"
                                                    Email="{{ $r->email }}" name="{{ $r->name }}">Send
                                                    Email</a>
                                                |
                                                <a href="{{ route('HKIEnd', Crypt::encrypt($r->id)) }}"
                                                    class="btn btn-danger ">Akhiri Konsultasi</a>
                                                {{-- <a href="{{route(InkubatorEnd,  $r->id)}}" class="btn btn-danger"></a> --}}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!-- /.table-responsive -->
                    </div>
                    <!-- /.box-body -->

                    <!-- /.box-footer -->
                </div>
                <!-- /.box -->
            </section>
        </section>
        <!-- /.content -->

    </div>
    <!-- /.content-wrapper -->
    {{-- Modal --}}

    <div class="modal fade" id="sendEmailModal" aria-hidden="true">
        <div class="modal-dialog">
            <form action="{{ route('sendEmailHKI') }}" class="contactForm" id="cform" name="cform" method="post"
                enctype="multipart/form-data">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4>Send Email</h4>
                    </div>
                    <div class="modal-body">
                        @csrf
                        <input class="form-control emails" type="hidden" name="email">

                        <div class="box-body pad">
                            <textarea class="textarea" placeholder="Place some text here" name="Isi"
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger closesx" data-dismiss="modal"
                            aria-label="Close">Tutup</button>
                        <button type="submit" class="btn btn-primary sendEmails">Kirim</button>
                    </div>
                </div>
            </form>
            <!-- /.modal-content -->
        </div>
    </div>



@endsection
@section('footer')
    <script>
        $(function() {
            $('#example1').DataTable()
        })
    </script>

    <script>
        let email = null;
        $('body').on('click', '#sendEmail', function(e) {
            $('#sendEmailModal').modal({
                backdrop: 'static',
                keyboard: false
            })


            email = $(this).attr('email');
            $('.emails').val(email);
        })
    </script>
@stop