@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="appendDiv">

            <div class="card">
                <div class="card-header">

                    <div class="row">
                        <div class="col-md-9">
                            <h3 class="card-title">{{__('admin.Research')}} {{ $research->title }}</h3>
                        </div>

                        <div class="col-md-1">
                            <button class="btn btn-success" onclick="return changeStatus({{$research_id}})">Accept</button>
                        </div>


                        <div class="col-md-2">
                            <div class="row">
                                <div class="col-md-3">
                                    <label class=" col-form-label" for="txtUser">
                                        {{__('admin.Versions')}}</label>
                                </div>

                                <div class="col-md-9">
                                    <select class="form-control select2" name="version_id" id="version_id">
                                        <option value="">{{__('admin.Choose Version')}}</option>

                                        @foreach ($versions as $key => $version)
                                            <option value="{{$version['id']}}"
                                                    @if($research->id == $version['id']) selected @endif>ver_{{$key +1}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

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

                    <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.Journal')</th>
                            <td>{{ $research->journal?->title }}</td>
                        </tr>

                        {{--<tr>--}}
                            {{--<th>@lang('admin.nickname')</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->getFileNameAttribute()}}"
                                   class="btn btn-success">{{$research->getFileNameAttribute()}}</a></td>
                        </tr>


                        <tr>
                            <th>@lang('admin.status')</th>
                            <td>
                                <button class="btn btn-success">{{ $status }}</button>
                            </td>
                        </tr>


                        </thead>

                    </table><!-- end of table -->


                </div>
                <!-- /.card-body -->
            </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">
                        @if($research->keywords)
                            @foreach($research->keywordsArray as $keywords)
                                <button class="btn btn-success">{{ $keywords }}</button>
                            @endforeach
                        @endif
                    </div>
                </div>
                <!-- /.card-body -->
            </div>


            {{--<div class="card">--}}
                {{--<div class="card-header">--}}
                    {{--<h3 class="card-title">{{__('admin.Description')}}</h3>--}}
                {{--</div>--}}
                {{--<div class="card-body ">--}}
                    {{--<div class="col-md-12">--}}
                        {{--<p>--}}
                            {{--{!! $research->description !!}--}}
                        {{--</p>--}}
                    {{--</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">{{__('admin.Reviewer')}}</h3>
                </div>
                <div class="card-body ">
                    <div class="col-md-12">
                        <p>
                            {!! $research->reviewer !!}
                        </p>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>


            @if($research->researches->isNotEmpty())
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{__('admin.all researchers')}}</h3>
                    </div>
                    <div class="card-body p-0">


                        <table class="table  table-bordered nowrap  ">

                            <thead>

                            <tr>
                                <th>@lang('admin.researches')</th>

                                <td>
                                    @foreach($research->researches as $researches)

                                        <button class="btn btn-success">{{ $researches->name }}</button>
                                    @endforeach

                                </td>
                            </tr>


                            </thead>

                        </table><!-- end of table -->


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

        </div>


        @if($research->status != "initial")
            <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
    <!-- /.card -->

    </section>

    @include('dashboard.research_admin.message')
    {{-- Modal --}}
    @include('dashboard.research_admin.inviteModal')

    <!-- /.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: "{{__('admin.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'},

                ]
            });
        });

        $("body").on('change', '#version_id', function () {
            var version_id = $(this).val();
            $.ajax({
                url: '{{route('admin.research.getVersion')}}',
                type: 'get',
                data: {version_id: version_id},
                success: function (data) {

                    $('.appendDiv').empty();
                      console.log(data)
                    $('.appendDiv').html(data)

                }
            });
        })


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

    </script>
@endpush