@extends('app')
@section('content')
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger.css')}}" rel="stylesheet" type="text/css" media="screen"/>
<link href="{{ asset('assets/plugins/jquery-notifications/css/messenger-theme-flat.css')}}" rel="stylesheet" type="text/css" media="screen"/>
@if(Session::has('flash_message'))
<div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
    <button class="close" data-dismiss="alert"></button>
    {!! Session::get('flash_message') !!}
</div>
@endif

{!! Breadcrumbs::render('admin.committee.create') !!}
<div class="page-title"> <a href="{{url('/admin')}}"><i class="icon-custom-left"></i></a>
    <h3>Committee - <span class="semi-bold">List</span></h3>
</div>

<div class="grid simple vertical mobile-scroll">
    <div class="grid-title no-border" style="padding:20px 27px 10px 27px; ">

        <div class='control'>

            @if(Auth::user()->can('committee-create'))
                <a href="{{ URL::to('admin/committee/create') }}" class="btn btn-primary">Add a Committee</a>
            @endif
            <div class="pull-right markaction">
                @if(Auth::user()->can('committee-edit'))
                    <a id="show" href="javascript:void(0)" class="btn btn-success" data-url="{{ URL::to('admin/committee/bulkshow') }}">Show</a>
                    <a id="hide" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/committee/bulkhide') }}">Hide</a>
                @endif
                @if(Auth::user()->can('committee-destroy'))
                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/committee/bulkdelete') }}">Delete</a>
                @endif
            </div>
        </div>
    </div>

    <div class="grid-body no-border">
        <table class="table table-bordered  table-condensed" id="datatable-example" >
            <thead>
                <tr>
                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" style="margin-left: 3px;"/></th>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Visible</th>
                    <th>Actions</th>
                </tr>
            </thead>
            
        </table>
    </div>
</div>
{!! Form::open([
'method' => 'POST',
'class' => 'inline',
'id'=> 'bulkaction'
]) !!}
<input type="hidden" value="" name="ids" id="ids" />
{!! Form::close() !!} 

<script type="text/javascript" language="javascript" class="init">
    jQuery(document).ready(function ($) {
        //$('#example tbody').on('click', '.deleteaction', function () {

        $('#datatable-example').DataTable({
            processing: true,
            serverSide: true,
            ordering: false,
           
            ajax: {
                "url": "{{ URL::to('admin/committee/datatable') }}",
                "type": "POST"
            },
            columns: [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'title', name: 'title'},
                {data: 'status', name: 'status'},
                {data: 'actions', name: 'actions'}
            ],
            "iDisplayLength": 50,
            "columnDefs": [
                {
                    "targets": [1],
                    "visible": false,
                    "searchable": false
                },
                {
                    "targets": [0,4],
                    "searchable": false
                },
                {
                    "targets": [0, 1, 2, 3,4],
                    "orderable": false
                }
            ]
        });

        $('#datatable-example_wrapper .dataTables_filter input').addClass("input-medium "); // modify table search input
        $('#datatable-example_wrapper .dataTables_length select').addClass("select2-wrapper span12"); // modify table per page dropdown
        $('#datatable-example_wrapper .dataTables_length select').removeClass("form-control");


     });
</script>
<script src="{{ asset('assets/plugins/jquery-notifications/js/messenger.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/plugins/jquery-notifications/js/messenger-theme-future.js')}}" type="text/javascript"></script>
@endsection