@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.storeResearch')}}" method="post" class="form-horizontal"
                              enctype="multipart/form-data" id="demo-form" data-parsley-validate="">
                            @csrf
                            @if($journal !== null)
                                <input type="hidden" name="journal_id" value="{{$journal->id}}">
                            @else
                                <div class="form-group row ">
                                    <label class="col-sm-2 col-form-label">
                                        {{__('admin.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>
                            @endif
                            <div class="box-body">

                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('admin.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">
                                        {{__('admin.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="Enter Abstract"
                                                  name="summary" cols="5" rows="5"
                                                  aria-hidden="true">{{old('Abstract')}}</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">
                                        {{__('admin.Keywords')}}</label>
                                    <div class="col-sm-6">
{{--                                        <textarea class="form-control" name="keywords" required=""  placeholder="enter Keywords">--}}
{{--                                            {{old('keywords')}}--}}
{{--                                        </textarea>--}}
                                       <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">
                                        {{__('admin.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">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('admin.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 ">
                                    <div class="col-sm-offset-2 col-sm-2">
                                        <button type="submit" class="btn btn-success pull-leftt"> {{__('admin.Next')}}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </section>
    <!-- /.content -->

@endsection
@push('scripts')
<script>
    $("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();
    })
</script>
@endpush