@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>Photo Reports - <span class="semi-bold">List</span></h3>
</div>

<br>
<div class="grid simple vertical green mobile-scroll">
    <div class="grid-title no-border">
        <h4>All <span class="semi-bold">Photo Reports</span></h4>
        <div class="tools"> 
            <a class="collapse" href="javascript:;"></a> 
            <a class="reload" href="javascript:;"></a> 
        </div>
    </div>
    <div class="grid-body no-border">
        <table class="table table-hover table-condensed" id="datatable-example" >
            <thead>
                <tr>
                    <th>Id</th>
                    <th style="width: 50%">Node Information</th>
                    <th>Wrong Images(Count)</th>
                    <th>Against Guidline(Count)</th>
                    <th>Last Reported</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 () {
        
        $(document).on('submit', '.deleteaction', function() {
            // e.preventDefault();
            var ret = confirm("Are you sure you want to delete?");

            if (ret) {
                $("#progressbar").show();
                return true;
            }
            return false;
        });
        

        $('#datatable-example').DataTable({
            processing: true,
            serverSide: true,
            'pageLength': 25,
            "order": [[ 0, "desc" ]],
            ajax: {
                "url": "{{ URL::to('admin/daleels/photo_reports_datatable') }}",
                "type": "POST"
            },
            columns: [
                {data: 'id', name: 'id'},
                {data: 'information', name: 'information'},
                {data: 'wrong_image', name: 'wrong_image'},
                {data: 'against_guideline', name: 'against_guideline'},
                {data: 'last_reported', name: 'last_reported'}
            ],
            "columnDefs": [
                {
                    "targets": [0],
                    "visible": false,
                    "searchable": false
                },
                {
                    "targets": [0,1,2,3,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");



        $('#datatable-example input').click(function () {
            $(this).parent().parent().parent().toggleClass('row_selected');
        });


        $(".select2-wrapper").select2({minimumResultsForSearch: -1});

    });
</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