@extends('layouts.app')

@section('content')
    <div class="content-wrapper">

{{--    @include('layouts.breadcrumb')--}}

        <!-- Main content -->
        <section class="content">

            <div class="box box-info">
                <div class="box-header with-border">
                    <a href="{{ route('questionnaires.store') }}" class="btn btn-sm btn-info btn-flat pull-left">Create New Task</a>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table id="datatable" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Priority</th>
                            <th>Start Date</th>
                            <th>Price</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($questionnaires as $questionnaire)
                        <tr>
                            <td>{{ $questionnaire->name }}</td>
                            <td>{{ $questionnaire->name }}</td>
                            <td>{{ $questionnaire->name }}</td>
                            <td>{{ $questionnaire->name }}</td>
                            <td>
                                <div class="btn-group">
                                    <a href="{{ route('questionnaires.view', ['id' => $questionnaire->id]) }}"><button type="button" class="btn btn-info">View</button></a>
                                    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" style="float:none">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="{{ route('questionnaires.edit', ['id' => $questionnaire->id]) }}">Edit</a></li>
                                        <li><a href="#">Delete</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->

    @push('scripts')

        <script src="{{ asset("bower_components/datatables.net-bs/js/datatables.bootstrap.min.js") }}" defer></script>

        <script>
            $(document).ready(function() {
                $('#datatable').DataTable();
            } );
        </script>
    @endpush
@endsection