@extends('dashboard.layouts.master')

@section('content')
    <!-- Page-body start -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{__('Add research')}} </h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.research.create') }}">
                                {{__('researches')}}</a>
                        </li>
                        <li class="breadcrumb-item active">{{__('researches')}}
                        </li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-success">
                    <div class="card-header">
                        <h3 class="card-title">General</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="{{route('admin.papers.store')}}" method="post" class="form-horizontal"
                              enctype="multipart/form-data" id="demo-form" data-parsley-validate="">
                            @csrf

                            <div class="form-group row ">
                                <label class="col-sm-2 col-form-label">
                                    {{__('Journals')}} </label>
                                <div class="col-sm-6">
                                    <select class="form-control select2" name="journal_id" required id="journal_id">
                                        @foreach($journals as $journal)
                                            <option value="{{$journal->id}}">{{$journal->title}}</option>
                                        @endforeach

                                    </select>
                                    @if ($errors->has('type'))
                                        <span class="text-danger ">
                                             <strong>{{ $errors->first('type') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="box-body">

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('Title')}}</label>
                                    <div class="col-sm-6">
                                        <input type="text" name="title" required="" value="{{old('title')}}"
                                               class="form-control">
                                        @if ($errors->has('title'))
                                            <span class="text-danger ">
                                                <strong>{{ $errors->first('title') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Type')}} </label>
                                    <div class="col-sm-6">
                                        <select class="form-control select2" name="type" id="category_id">

                                            <option value="Survey">{{__('Survey')}}</option>
                                            <option value="Short Review">{{__('Short Review')}}</option>
                                            <option value="Review Paper">{{__('Review Paper')}}</option>
                                            <option value="Full Article">{{__('Full Article')}}</option>

                                        </select>
                                        @if ($errors->has('type'))
                                            <span class="text-danger ">
                                             <strong>{{ $errors->first('type') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('Abstract')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control" placeholder="Add Abstract"
                                                  name="summary" cols="5" rows="5"
                                                  aria-hidden="true">{{old('summary')}}</textarea>
                                        @if ($errors->has('summary'))
                                            <span class="text-danger ">
                                                <strong>{{ $errors->first('summary') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('Keywords')}}</label>
                                    <div class="col-sm-6">
                                        <div id="item" class="ml-2">
                                            <div class="row">
                                                <input type="text" class="form-control col-md-7" name="keywords[]">
                                                <button class="plus btn btn-success" type="button"><i
                                                        class="fas fa-plus">
                                                    </i></button>
                                            </div>
                                        </div>
                                        @if ($errors->has('keywords'))
                                            <span class="text-danger ">
                                                <strong>{{ $errors->first('keywords') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('References')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea" placeholder="enter reference"
                                                  name="reviewer" cols="5" rows="5"
                                                  aria-hidden="true">{{old('reviewer')}}</textarea>
                                        @if ($errors->has('reviewer'))
                                            <span class="text-danger ">
                                              <strong>{{ $errors->first('reviewer') }}</strong>
                                           </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('Notes')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control " placeholder="Add Notes"
                                                  name="description" cols="5" rows="5"
                                                  aria-hidden="true">{{old('description')}}</textarea>
                                        @if ($errors->has('description'))
                                            <span class="text-danger ">
                                              <strong>{{ $errors->first('description') }}</strong>
                                           </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('Upload File')}}</label>
                                    <div class="col-sm-6">
                                        <input type="file" name="file" required="" value="{{old('file')}}"
                                               class="form-control">
                                        @if ($errors->has('file'))
                                            <span class="text-danger ">
                                                <strong>{{ $errors->first('file') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Featured')}} </label>
                                    <div class="col-sm-6">
                                        <select class="form-control select2" name="featured" id="featured">
                                            <option value="1">{{__('featured')}}</option>
                                            <option value="0">{{__('not featured')}}</option>
                                        </select>
                                        @if ($errors->has('featured'))
                                            <span class="text-danger ">
                                             <strong>{{ $errors->first('featured') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Year')}} </label>
                                    <div class="col-sm-6">
                                        <input type="number" min="1900" name="year" class="form-control" max="2099"
                                               step="1" value="2023"/>
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Page Numbers')}} </label>
                                    <div class="col-sm-6">
                                        <input type="text" name="pages_number" class="form-control"
                                        />
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Doi')}} </label>
                                    <div class="col-sm-6">
                                        <input type="text" name="doi" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('View')}} </label>
                                    <div class="col-sm-6">
                                        <input type="number" name="view" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Download')}} </label>
                                    <div class="col-sm-6">
                                        <input type="number" name="download" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Volume')}} </label>
                                    <div class="col-sm-6">
                                        <select class="form-control select2 issues" required name="volume_id"
                                                id="issue_id">
                                            <option>{{__('Select Volume')}}</option>

                                        </select>
                                        @if ($errors->has('parent_id'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('parent_id') }}</strong>
                                       </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row parent_div" style="display: none;">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Issue')}} </label>
                                    <div class="col-sm-6">
                                        <select class="form-control select2 issues" name="issue_id" id="parent_id">

                                        </select>
                                        @if ($errors->has('parent_id'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('parent_id') }}</strong>
                                       </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('Published')}} </label>
                                    <div class="col-sm-6">
                                        <input type="checkbox" name="published" value="1" checked/>
                                    </div>
                                </div>
                                <div class="form-group row ">
                                    <div class="col-sm-offset-2 col-sm-2">
                                        <button type="submit"
                                                class="btn btn-success pull-leftt"> {{__('Next')}}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </section>
    <!-- /.content -->

@endsection
@push('scripts')
    <script>
        $("body").on('change', '#journal_id', function () {
            var id = $('#journal_id').val();

            $.ajax({
                url: '{{route('admin.get-issue-by-journal')}}',
                type: 'get',
                data: {id: id},
                success: function (data) {
                    console.log(data.response)
                    $('#issue_id').empty()
                    if (data.response.length !== 0) {

                        $('#issue_id').append('<option value="">Volume</option>')
                        $.each(data.response, function (i, item) {

                            $('#issue_id').append($('<option>', {
                                value: item.id,
                                text: item.name
                            }));
                        });


                    } else {

                    }
                }
            });
        })
        $("body").on('click', '.plus', function () {
            $('#item').append('<div class="row"><input type="text"  class="form-control col-md-7 " name="keywords[]"><button class="minus btn btn-danger" type="button"><i class="fas fa-minus"></i></button></div>')
        })
        $("body").on('click', '.minus', function () {
            $(this).parent().remove();
        })
        $(document).ready(function () {
            var id = $('#journal_id').val();

            $.ajax({
                url: '{{route('admin.get-issue-by-journal')}}',
                type: 'get',
                data: {id: id},
                success: function (data) {
                    console.log(data.response)
                    $('#issue_id').empty()
                    if (data.response.length !== 0) {

                        $('#issue_id').append('<option value="">Volume</option>')
                        $.each(data.response, function (i, item) {

                            $('#issue_id').append($('<option>', {
                                value: item.id,
                                text: item.name
                            }));
                        });


                    } else {

                    }
                }
            });
        })
        $("body").on('change','#issue_id', function() {
            var id= $(this).val();
            $.ajax({
                url:'{{route('admin.get-child-issue')}}',
                type:'get',
                data:{id:id},
                success:function (data){
                    $('#parent_id').empty()
                    if(data.response.length !==  0){
                        $('.parent_div').show()
                        $('#parent_id').removeAttr("disabled")
                        $('#parent_id').append('<option value="">Issue Category</option>')
                        $.each(data.response, function (i, item) {
                            $('#parent_id').append($('<option>', {
                                value: item.id,
                                text : item.name
                            }));
                        });
                    }else{
                        $('.parent_div').hide()
                        $('#parent_id').attr("disabled",true)
                    }
                }
            });
        })
    </script>
@endpush