@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('View Customer Feedback')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('View Customer Feedback')</li>
                </ul>
            </div>
        </div>
    </div>
    
    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    {{-- <div class="clearfix form-blk">
        <div class="col-lg-12">
                <div class="buttons_block">
                    <div class="btn-group mr5">
                        <!-- <button class="btn btn-primary mr5" type="submit" name="export" id="export">@lang('messages.Export')</button> -->
                         @if(IzoCommonHelper::hasPermission('feedback_create'))
                            <a class="btn btn-primary tip" href="{{ URL::to('admin/feedback/create') }}" title="Add New">@lang('messages.Add New')</a>
                         @endif 
                    </div>
                </div>
        </div>
    </div> --}}
    <div class="content">
        @if(IzoCommonHelper::hasPermission('feedback_list')) 
            <table id="feedbackkx" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">

                    <th>@lang('ID')</th>
                    <th>@lang('Name')</th>
                    <th>@lang('Contact')</th>
                    <th>@lang('Email')</th>
                    <th>@lang('Feedback')</th>
                    <th>@lang('Hospital Name')</th>
                    {{-- <th>@lang('Customer ID')</th> --}}
                    <th>@lang('Created AT')</th>
                    {{-- <th>@lang('Edit')</th> --}}
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                        <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                    </td>
                </tr>
                </tbody>
            </table>
         @endif 
    </div>
    <script type="text/javascript">
        $(function () {
            $('#feedbackkx').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: '{!! url('admin/feedback/customer/ajax-list') !!}',
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [

                    {data: 'id', name: 'id', searchable: true},
                    {data: 'user_name', name: 'user_name', searchable: true},
                    {data: 'user_contact', name: 'user_contact', searchable: true},
                    {data: 'user_email', name: 'user_email', searchable: true},
                    {data: 'user_feedback_message', name: 'user_feedback_message', searchable: false},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true},
                    // {data: 'customer_id', name: 'customer_id', searchable: true},
                    {data: 'created_at', name: 'created_at', searchable: true},
                    // {data: 'status', name: 'status', searchable: true},
                    // {data: 'action', name: 'action', orderable: false},
                ],
            });
        });
        // function changeStatus(facility_id) {
        //     var conf = confirm('Are you sure want to active/inactive this Feedback section?');
        //     if (conf == true) {
        //         var token, url;
        //         token = $('meta[name="csrf-token"]').attr('content');
        //         url = '{{ url('admin/feedback/changeStatus') }}';
        //         var status = $('body #facility-' + facility_id).data("status");
        //         $.ajax({
        //             url: url,
        //             headers: {'X-CSRF-TOKEN': token},
        //             data: {'status': status, 'feedback_id': facility_id},
        //             type: 'POST',
        //             datatype: 'json',
        //             success: function (resp) {
        //                 console.log(resp);
        //                 if (resp.http_code == 400) {
        //                     toastr.warning(resp.message);
        //                 } else if (resp.http_code == 200) {
        //                     if (status == 0) {
        //                         $('#facility-' + facility_id).data('status', 1);
        //                         $('#facility-' + facility_id).attr('class', '');
        //                         $('#facility-' + facility_id).attr('class', 'glyphicon glyphicon-thumbs-down');
        //                     } else if (status == 1) {
        //                         $('#facility-' + facility_id).data('status', 0);
        //                         $('#facility-' + facility_id).attr('class', '');
        //                         $('#facility-' + facility_id).attr('class', 'glyphicon glyphicon-thumbs-up');
        //                     }
        //                     toastr.success(resp.message);
        //                 } else if (resp.http_code == 401) {
        //                     toastr.warning(resp.message);
        //                     var login = '{{ url('admin/login')}}';
        //                     $(location).attr('href', login);
        //                 } else if (resp.http_code == 500) {
        //                     toastr.warning(resp.message);
        //                 }
        //             }
        //         });
        //     }
        // }


    </script>
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection