@extends('backend.layouts.app')
@section('title', 'Poll list - e4m')
@section('content')
    <div class="box box-info">
        <div class="box-header with-border">
            <h3 class="box-title">Poll list</h3>

            <div class="box-tools pull-right">
                <a class="btn btn-primary btn-md btn-flat" id='addarticle' href="{{ url('admin/polls/create') }}">Add
                    Poll</a>
            </div>
        </div><!--box-header with-border-->

        <div class="box-body">
            <div class="table-responsive data-table-wrapper">
                <table class="table table-striped table-responsive" id="tableSortableResMed">
                    <thead class="cf sorthead">
                        <tr>
                            <th>#</th>
                            <th>Published On</th>
                            <th>Title</th>
                            <th>Question</th>
                            <th>Published</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($polls as $key)
                            <tr id="{{ $key->id }}">

                                <td><span class="glyphicon glyphicon-align-justify"></td>
                                <td>{{ $key->created_at }}</td>
                                <td>{{ $key->title }}</td>
                                <td>{{ $key->question }}</td>
                                <td>
                                    @if ($key->status == 1)
                                        <a href="{{ url('admin/polls/' . $key->id . '/unpublish') }}"
                                            class="btn btn-success">UnPublished </a>
                                    @else
                                        <a href="{{ url('admin/polls/' . $key->id . '/publish') }}" class="btn btn-primary">
                                            Published </a>
                                    @endif
                                </td>
                                <td id="status">
                                    @if ($key->status == 1)
                                        <span class="greencls" id="{{ $key->id }}" value='{{ $key->status }}'
                                            onClick="UpdateStatus(this)">Active</span>
                                    @else
                                        <span class="redcls" id="{{ $key->id }}" value='{{ $key->status }}'
                                            onClick="UpdateStatus(this)">Inactive</span>
                                    @endif
                                    <input type="hidden" value="{{ $key->id }}" />
                                </td>
                                <td><a href="{{ url('admin/polls/' . $key->id . '/edit') }}">Edit</a>
                                    <a href="{{ url('admin/polls/' . $key->id . '/delete') }}"> Delete </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!--Sortable Responsive Media Table end-->
    </div><!-- end container -->
    <script>
        $(document).ready(function() {
            $('#tableSortable, #tableSortableRes, #tableSortableResMed').dataTable({
                bInfo: false,
                bPaginate: false,
                "aaSorting": [],
                "aoColumnDefs": [{
                    "bSortable": false,
                    "aTargets": [4]
                }],
                "fnInitComplete": function() {
                    $(".dataTables_wrapper select").select2({
                        dropdownCssClass: 'noSearch'
                    });
                }
            });
            //                            $("#simpleSelectBox").select2({
            //                                dropdownCssClass: 'noSearch'
            //                            });
            $('#selectall').click(function() {
                if ($(this).is(':checked')) {
                    $('input[name="checkItem[]"]').each(function() {
                        $(this).attr('checked', 'checked');
                    });
                } else {
                    $('input[name="checkItem[]"]').each(function() {
                        $(this).removeAttr('checked');
                    });
                }
            });
        });
    </script>

    <script>
        $().ready(function() {
            $(".uniformRadio").uniform({
                radioClass: 'uniformRadio'
            });

        });
    </script>
@endsection