@extends('layouts.adminapp')
@section('content')
<section class="info d-flex align-items-start justify-content-between pb-12 adminsection">
    <div class="content container-fluid">
        <div class="page-header">
            <div class="row align-items-center">
                <div class="col">
                    <h3 class="page-title">Manage Report</h3>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin') }}">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item active">Manage Report</li>
                    </ul>
                </div>

                <div class="col-auto">
                    <a href="{{ action('App\Http\Controllers\admin\ReportController@exportPosterlog') }}"
                        class="btn btn-primary1">
                        <i class="fas fa-download"></i>
</a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                        <div class="table-responsive">
                            <table id="table" class="table table-border " style="width: 100%;">
                                <thead class="thead-light">
                                    <tr>
                                        <th>Id</th>
                                        <th>Date</th>	
                                        <th>Empid</th>	
                                        <th>Name</th>
                                        <th>State</th>
                                        <th>Doctor Name</th>	
                                        <th>Poster Name</th>
                                        <th>Topic</th>
                                        <th>Sub Topic</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    
            </div>
        </div>
    </div>
</section>
    <div class="modal custom-modal fade brands_modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

    </div>

    <div id="edit_category" class="modal custom-modal fade" role="dialog">

    </div>
@endsection

@section('footer')
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name=csrf-token]').attr('content')
                }
            });

            var brands_table = $('#table').DataTable({
                destroy: true,
                processing: true,
                serverSide: true,
                ajax: "{{ url('/admin/reports') }}",

                columns: [
                    {data: 'id',name: 'id'},
                    {data: 'cdate',name: 'cdate'},
                    {data: 'email',name: 'email'},
                    {data: 'name',name: 'name'},
                    {data: 'state',name: 'state'},
                    {data: 'doctorname',name: 'doctorname'},
                    {data: 'postername',name: 'postername'},
                    {data: 'topicname',name: 'topicname'},
                    {data: 'subtopicname',name: 'subtopicname'},

                    
                ],
                order: [
                    [0, 'DESC']
                ]
            });
            // console.log(brands_table);

            $(document).on('click', '.company-modal', function(e) {
                var container = $(this).data("container");
                $.ajax({

                    url: $(this).data("href"),
                    dataType: "html",
                    success: function(result) {
                        $(container).html(result).modal('show');
                    }
                });
            });

            //Submit Category

            $(document).on('submit', 'form#company_add_form', function(e) {
                e.preventDefault();
                var data = new FormData($('#company_add_form')[0]);

                data.append('_token', '{{ csrf_token() }}');
                $.ajax({

                    method: "POST",
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function(result) {
                        if (result.success == true) {
                            $('div.brands_modal').modal('hide');
                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: '#088f7d'
                            }).showToast();

                            //  $.notify({message: result.msg},{type: 'success'});
                            brands_table.ajax.reload();
                        } else {
                            $.each(result.data, function(key, val) {
                                $("#" + key + "_error").text(val[0]);

                            })

                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: 'red'
                            }).showToast();
                        }
                    },
                    error: function(xhr, status, error) {

                        Toastify({
                            text: result.msg,
                            duration: 3000,
                            backgroundColor: 'red'
                        }).showToast();
                    }
                });
            });


            $(document).on('click', 'button.edit_form', function() {
                var container = $(this).data("container");
                $.ajax({
                    url: $(this).data("href"),
                    dataType: "html",
                    success: function(result) {
                        $(container).html(result).modal('show');
                    }
                });
            });


            $(document).on('submit', '#edit_form', function(e) {
                e.preventDefault();
                var data = new FormData($('#edit_form')[0]);
                //if(photo.files[0]){
                //    data.append('photo', photo.files[0]);
                // }
                data.append('_token', '{{ csrf_token() }}');
                $.ajax({
                    method: "POST",
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    processData: false,
                    contentType: false,
                    success: function(result) {
                        if (result.success == true) {
                            $('div.brands_modal').modal('hide');
                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: '#088f7d'
                            }).showToast();
                            // $.notify({message: result.msg},{type: 'success'});
                            brands_table.ajax.reload();
                        } else {
                            $.each(result.data, function(key, val) {
                                $("#" + key + "_error").text(val[0]);
                            })

                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: 'red'
                            }).showToast();

                        }
                    }
                });
            });

        });
    </script>
@endsection