@extends('dashboard.layouts.master')

@section('content')


    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{__('All Researches')}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.home')}}">Home</a></li>
                        <li class="breadcrumb-item active">  {{__('All Researches')}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{__('All Researches')}}</h3>

                <div class="card-tools">
                    <a href="{{ route('admin.papers.create') }}"
                       class="btn btn-success create add-permission">
                        <i class="ti-plus"></i> {{__('admin.create new Research')}}
                    </a>
                </div>
            </div>
            <div class="card-body">
                <table id="table" class="table table-striped table-bordered nowrap text-center yajra-datatable">
                    <thead>
                    <tr role="row">
                        <th> {{__('Journal')}}</th>
                        <th> {{__('Title')}}</th>
                        <th> {{__('Type')}}</th>
                        <th> {{__('Control')}}</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
    <div class="modal fade" id="exampleModal33" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">

                        <div class="box-body">
                            <div class="form-group row">

                                <div id="titlereserch"></div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection


@push('scripts')

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $(function () {
            var url = "{{ url('admin/papers') }}";

            var table = $('.yajra-datatable').DataTable({
                // serverSide: true,
                ajax: url,
                columns: [
                    // {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                    {data: 'journal', name: 'journal'},
                    {data: 'title', name: 'title'},
                    {data: 'type', name: 'type'},
                    // {data: 'keywords', name: 'keywords'},
                    {
                        data: 'action',
                        name: 'action',
                        orderable: true,
                        searchable: true
                    },
                ]
            });
        });
        $("body").on('click', '.deleteitemm', function () {
            var id = $(this).attr('data-id');
            var url = "{{route('admin.research.destroy','id')}}";
            url = url.replace('id', id);
            $.ajax({
                url: url,
                type: 'DELETE',
                data: {id: id},
                success: function (data) {

                    new Noty({
                        type: 'danger',
                        layout: "topRight",
                        text: "{{ session('success') }}",
                        timeout: 2000,
                        killer: true
                    }).show();

                    $('#table').DataTable().ajax.reload()
                }
            });
        })
        $("body").on('click', '.chooseAdmin', function () {
            var id = $(this).attr('data-id');
            var type = $(this).attr('data-type');

            $('#research_id').val(id)
            $('#type').val('research')

            {{--$.ajax({--}}
            {{--    url: '{{route('admin.research.get.admin')}}',--}}
            {{--    type: 'get',--}}
            {{--    data: {id: id, type: type},--}}
            {{--    success: function (data) {--}}
            {{--        $('#search').empty();--}}
            {{--        if (data.length != 0) {--}}
            {{--        }--}}
            {{--        $.each(data, function (i, item) {--}}

            {{--            var newOption = new Option(item.admin['name'], item.admin['id'], true, true);--}}
            {{--            $('#search').append(newOption).trigger('change');--}}

            {{--        });--}}
            {{--    }--}}
            {{--});--}}
        })
        $("body").on('click', '.sendmail', function () {
            var id = $(this).attr('data-id');
            $('#research_id3').val(id)
        })
        $("body").on('click', '.titleresearch', function () {

            var title = $(this).attr('data-title');

            $('#titlereserch').empty()
            $('#titlereserch').html(title)
        })
        $("body").on('click', '.memberResearch', function () {
            var id = $(this).attr('data-id');
            var status = $(this).attr('data-status');
            var url = "{{route('admin.research.invite.status')}}";
             $.ajax({
                url: url,
                type: 'post',
                data: {id: id,status:status},
                success: function (data) {

                    new Noty({
                        type: 'success',
                        layout: "topRight",
                        text: "{{ session('success') }}",
                        timeout: 2000,
                        killer: true
                    }).show();

                    $('#table').DataTable().ajax.reload()
                }
            });
        })
    </script>
@endpush