@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>
                    List Konsultasi Belum Memiliki Solusi
                    {{-- <small>Control panel</small> --}}
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-folder" aria-hidden="true"></i>
                            Konsultasi</a></li>
                    <li class="active">List Konsultasi Belum Memiliki Solusi</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="box">
                    <div class="box-header">
                    </div>
                    <!-- /.box-header -->

                    <div class="container-fluid">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th style="width: 10px">No</th>
                                    <th style="width: 40px">Title</th>
                                    <th style="width: 40px">Aksis</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($results as $e => $r)
                                    <tr>
                                        <td>{{ $e + 1 }}</td>
                                        <td>{{ $r->title }}</td>
                                        <td>
                                            <a href="{{ route('KonsultasiEdit', $r->id) }}" class="btn btn-warning">EDIT</a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>

                </div>
                <!-- /.box-body -->
    </div>


@endsection
@section('footer')
    <script>
        $(function() {
            $('#example1').DataTable()
        })
    </script>
    <script>
        $('.delete').click(function() {
            var berita = $(this).attr('berita');
            var x = $(this).attr('x');
            Swal.fire({
                title: 'Apakah Anda Yakin ?',
                text: "Mau menghapus data  " + x + " ???",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire(
                        'Deleted!',
                        'Your file has been deleted.',
                        'success'
                    )
                    window.location = berita + "/delete";
                }
            })
        })
    </script>
    <script type="text/javascript">
        $('.closes').on('click', function() {
            document.getElementById("cform").reset();
            $("#image_preview").remove();
        });

        $("#uploadFile").change(function() {
            $('#image_preview').html("");
            var total_file = document.getElementById("uploadFile").files.length;
            for (var i = 0; i < total_file; i++) {
                $('#image_preview').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "'>");
            }

        });
    </script>
@stop