@extends('dashboard.layouts.master')
@php
    if($research->parent_id != null){
        $research_id = $research->parent_id;
        $status = \App\Models\Researcher::where('id',$research->parent_id)->first()->status;

    }else {
        $research_id = $research->id;
        $status = $research->status;
    }


@endphp
@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>{{__('admin.All Research')}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('admin.Home')}}</a></li>
                        <li class="breadcrumb-item active">{{__('admin.All Research')}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

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

        <!-- Default box -->

        <div class="card">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-8">
                        <h3 class="card-title">{{__('admin.Research')}} {{ $research->title }}</h3>
                    </div>
                    @if(auth()->user()->hasRole('editor'))
                    <div class="col-md-1">
                        <button class="btn btn-info" onclick="return changeStatus({{$research_id}})">Accept</button>
                    </div>
                    
                        <div class="col-md-2">
                            <button class="btn btn-info" onclick="return changeRevesion({{$research_id}})">{{__('admin.Under Revision')}}</button>
                        </div>

                        <div class="col-md-1">
                            <button class="btn btn-info" onclick="return changeRefuse({{$research_id}})">Refuse</button>
                        </div>
                        @endif
                </div>

            </div>
            <div class="card-body row">
                <div class="col-md-9">
                    <table class="table table-bordered nowrap">

                        <thead>
{{--                        <tr>--}}
{{--                            <th>@lang('admin.research Title')</th>--}}
{{--                            <td>{{ $research->title }}</td>--}}
{{--                        </tr>--}}

                        <tr>
                            <th>@lang('admin.Type')</th>
                            <td>{{ $research->type }}</td>
                        </tr>

                        @if($research->editor)
                            <tr>
                                <th>@lang('admin.Editor')</th>
                                <td>
                                    <button class="btn btn-success">{{ $research->editor?->name }}</button>
                                </td>
                            </tr>
                        @endif
                        <tr>
                            <th>@lang('admin.Journals')</th>
                            <td>{{ $research->journal?->nickname }}</td>
                        </tr>
                        <tr>
                            <th>@lang('admin.attachment')</th>
                            <td><a href="{{route('admin.research-admin.download',$research_id)}}"
                                   title="{{$research->getFileAttribute()}}"
                                   class="btn btn-success">{{$research->getFileNameAttribute()}}</a></td>
                        </tr>
                        <tr>
                            <th>@lang('admin.status')</th>
                            <td>
                                <button class="btn btn-success">{{ $research->status }}</button>
                            </td>
                        </tr>
                        </thead>
                    </table><!-- end of table -->
                </div>
                <div class="col-md-3">
                    <h3 class="card-title">@lang('admin.select version') @endlang</h3>

                    <select class="form-control" onchange="window.location.href=this.options[this.selectedIndex].value;">
                     <option value="" >select version  </option>

                    @foreach($versions as $key => $version)
                            <option value="{{ route('admin.researchVersion',$version->id) }}" @if(request('id') == $version->id) selected @endif>version {{$key +1}} </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{__('admin.Keywords')}}</h3>
            </div>
            <div class="card-body ">
                <div class="col-md-12">
                    @php
                        $keywords =explode(',', $research->keywords);
                    @endphp
                    @if($research->keywords)
                        @foreach($keywords as $keyword)
                            <button class="btn btn-success">{{ $keyword }}</button>
                        @endforeach
                    @endif
                </div>
            </div>
            <!-- /.card-body -->
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{__('admin.Summary')}}</h3>
            </div>
            <div class="card-body ">
                <div class="col-md-12">
                    <p>
                        {{ $research->summary }}
                    </p>
                </div>
            </div>
            <!-- /.card-body -->
        </div>


        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{__('References')}}</h3>
            </div>
            <div class="card-body ">
                <div class="col-md-12">
                    <p>
                        {!! $research->reviewer  !!}
                    </p>
                </div>
            </div>
            <!-- /.card-body -->
        </div>

        @if($research->status != "initial" && auth()->user()->hasRole('editor'))
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{__('admin.All Arbitrators')}}</h3>
                </div>
                <div class="card-body p-3">

                    <form action="{{route('admin.research.choose.admin')}}" method="post" class="form-horizontal"
                          enctype="multipart/form-data" id="demo-form" data-parsley-validate="">
                        @csrf
                        <div class="box-body">
                            <input type="hidden" name="research_id" value="{{$research_id}}" id="research_id">
                            <input type="hidden" name="type" value="arbitrator" id="type">
                            <div class="form-group row ">
                                <label class="col-sm-2 col-form-label">
                                    {{__('admin.Arbitrators')}}</label>
                                <div class="col-sm-6">
                                    <select class="form-control select2" name="arbitrator_id[]" multiple id="search"
                                            data-live-search="true">

                                    </select>

                                    @if ($errors->has('arbitrator_id'))
                                        <span class="text-danger ">
                                    <strong>{{ $errors->first('arbitrator_id') }}</strong>
                            </span>
                                    @endif
                                </div>
                                <div class="col-md-1">
                                    <button type="submit" class="btn btn-info">{{__('admin.Save')}}</button>
                                </div>
                                <div class="col-md-2">
                                    <button type="button" class="btn  btn-info card-tools sendmail"
                                            data-toggle="modal"
                                            data-target="#inviteModal1">
                                        {{__('admin.invite arbitrator')}}
                                    </button>
                                </div>

                            </div>
                        </div>
                    </form>


                    <div class="card-body p-0">

                        <div class="col-md-12 ">
                            <div class="card card-primary card-outline card-outline-tabs">
                                <div class="card-header p-0 border-bottom-0">
                                    <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill"
                                               href="#custom-tabs-four-home" role="tab"
                                               aria-controls="custom-tabs-four-home"
                                               aria-selected="true">{{__('admin.arbitrator')}}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill"
                                               href="#custom-tabs-four-profile" role="tab"
                                               aria-controls="custom-tabs-four-profile"
                                               aria-selected="false">{{__('admin.invite arbitrator')}}</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card-body">
                                    <div class="tab-content" id="custom-tabs-four-tabContent">
                                        <div class="tab-pane fade show active" id="custom-tabs-four-home"
                                             role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                                            <table id="example22"
                                                   class="table table-striped table-bordered nowrap text-center" style="width:100%!important;">
                                                <thead>
                                                <tr role="row">
                                                    <th>{{__('admin.Degree')}}</th>
                                                    <th>{{__('admin.first name')}}</th>
                                                    <th>{{__('admin.last name')}}</th>
                                                    <th>{{__('admin.email')}}</th>
                                                    <th>{{__('admin.research arbitrator')}}</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel"
                                             aria-labelledby="custom-tabs-four-profile-tab">
                                            <table id="inviteTable"
                                                   class="table table-striped table-bordered nowrap text-center"
                                                   style="width:100%!important;">
                                                <thead>
                                                <tr role="row">
                                                    <th>{{__('admin.first name')}}</th>
                                                    <th>{{__('admin.last name')}}</th>
                                                    <th>{{__('admin.email')}}</th>
                                                    <th>{{__('admin.status')}}</th>
                                                    <th>{{__('admin.accept date')}}</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
                <!-- /.card-body -->
            </div>
    @endif

        @include('dashboard.researcher.messages')
            @include('dashboard.research_admin.inviteModal')





        <!-- /.card -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{__('Resend Your Research')}}</h3>
            </div>
            <a class="btn btn-success col-md-4"
               href="{{route('admin.research.createVersion',$id)}}">Resend</a>
        </div>

    </section>

    <!-- /.content -->
@endsection



@push('scripts')
    <script type="text/javascript">

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('body').ready(function () {

            $('#search').select2({
                placeholder: 'Search for admin',
                allowClear: true,
                minimumInputLength: 1,
                ajax: {
                    url: "{{ route('admin.research.autoCompleteAdmin') }}",

                    data: function (params) {
                        var query = {
                            q: params.term,
                            type: 'arbitrator',
                            journal_id: '{{$research->journal_id}}',
                        }
                        return query;
                    },

                    dataType: 'json',
                    delay: 250,
                    processResults: function (data) {
                        return {
                            results: $.map(data.arbitrators, function (item) {

                                return {
                                    text: item.name,
                                    id: item.id,
                                }
                            })
                        };
                    },
                    cache: true,
                }


            });


            $('#inviteSelect2').select2();
        });


        $("body").on('click', '.sendmail', function () {
            $('#research_id3').val({{$research_id}})
        })


        $(function () {
            var url = "{{route('admin.research.arbitrator.show',$research_id)}}";

            var table = $('#example22').DataTable({
                // serverSide: true,
                ajax: url,
                columns: [
                    {data: 'degree', name: 'degree'},
                    {data: 'first_name', name: 'first_name'},
                    {data: 'last_name', name: 'last_name'},
                    {data: 'email', name: 'email'},
                    {data: 'research_arbitrator', name: 'research_arbitrator'},

                ]
            });
        });
        $(function () {
            var url = "{{route('admin.research.arbitrator.invite.show',$research_id)}}";

            var table = $('#inviteTable').DataTable({
                // serverSide: true,
                ajax: url,
                columns: [
                    {data: 'first_name', name: 'first_name'},
                    {data: 'last_name', name: 'last_name'},
                    {data: 'email', name: 'email'},
                    {data: 'status', name: 'status'},
                    {data: 'accept_date', name: 'accept_date'},

                ]
            });
        });

        function changeStatus($id) {
            $.ajax({
                url: '{{route('admin.research.changeStatus')}}',
                type: 'post',
                data: {id: $id,},
                success: function (data) {
                    if (data == 'success'){
                        location.reload();
                    }
                }
            });
        }

        
        function changeRevesion($id) {
            $.ajax({
                url: '{{route('admin.research.changeRevesion')}}',
                type: 'post',
                data: {id: $id,},
                success: function (data) {
                    if (data == 'success'){
                        location.reload();
                    }
                }
            });
        }

        function changeRefuse($id) {
            $.ajax({
                url: '{{route('admin.research.changeRefuse')}}',
                type: 'post',
                data: {id: $id,},
                success: function (data) {
                    if (data == 'success'){
                        location.reload();
                    }
                }
            });
        }

    </script>
@endpush