@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>{{__('admin.Add Journal')}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.journal.index')}}">{{__('admin.Journals')}}</a></li>
                        <li class="breadcrumb-item active">{{__('admin.Add Journal')}}</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-primary">

                    <div class="card-body">
                        <form  action="{{route('admin.journal.store')}}" method="post" class="form-horizontal"  enctype="multipart/form-data" id="demo-form" data-parsley-validate="">
                            @csrf
                            <div class="box-body">
                                <div class="form-group row">
                                </div>
                                <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" value="{{old('title')}}" id="txtUser" required="" 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" for="txtUser">
                                        {{__('admin.image')}} </label>
                                    <div class="col-sm-6">
                                        <input type="file" name="image" class="form-control image">
                                        @if ($errors->has('image'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('image') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('admin.Description')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea"  id="description" name="description" cols="50" rows="10" 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">
                                        {{__('admin.nickname')}}</label>
                                    <div class="col-sm-6">
                                        <input type="text" name="nickname" id="txtUser" value="{{old('nickname')}}" required="" class="form-control">
                                        @if ($errors->has('nickname'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('nickname') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('admin.aim and scope')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea"  id="about" name="about" cols="50" rows="10" aria-hidden="true">{{old('about')}}</textarea>
                                        @if ($errors->has('about'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('about') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('front.Editorial Board')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea"  id="editorial_board" name="editorial_board" cols="50" rows="10" aria-hidden="true">{{old('editorial_board')}}</textarea>
                                        @if ($errors->has('editorial_board'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('editorial_board') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('front.Submitting Articles')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea"  id="submitting_articles" name="submitting_articles" cols="50" rows="10" aria-hidden="true">{{old('submitting_articles')}}</textarea>
                                        @if ($errors->has('submitting_articles'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('submitting_articles') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>


                                <div class="form-group row tinymce">
                                    <label class="col-sm-2 col-form-label" for="txtUser">
                                        {{__('front.Indexing Details')}}</label>
                                    <div class="col-sm-6">
                                        <textarea class="form-control tinymce_textarea"  id="indexing_details" name="indexing_details" cols="50" rows="10" aria-hidden="true">{{old('indexing_details')}}</textarea>
                                        @if ($errors->has('indexing_details'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('indexing_details') }}</strong>
                            </span>
                                        @endif
                                    </div>
                                </div>


                                {{--<div class="form-group row">--}}
                                    {{--<label class="col-sm-2 col-form-label" for="txtUser">--}}
                                        {{--{{__('Categories')}}</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="categories[]">--}}
                                                {{--<button class="plus btn btn-primary" type="button"><i class="fas fa-plus">--}}
                                                    {{--</i></button>--}}
                                            {{--</div>--}}


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


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

                                            @foreach ($categories as  $category)
                                                <option value="{{$category->id}}">{{$category->title}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('category_id'))
                                            <span class="text-danger ">
                                    <strong>{{ $errors->first('category_id') }}</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" id="type_id">--}}

                                            {{--@foreach ($types as  $type)--}}
                                                {{--<option value="{{$type->id}}">{{$type->title}}</option>--}}
                                            {{--@endforeach--}}
                                        {{--</select>--}}
                                        {{--@if ($errors->has('type_id'))--}}
                                            {{--<span class="text-danger ">--}}
                                    {{--<strong>{{ $errors->first('type_id') }}</strong>--}}
                            {{--</span>--}}
                                        {{--@endif--}}
                                    {{--</div>--}}
                                {{--</div>--}}


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


                                <div class="form-group ">

                                        <div id="item-feature">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <label class=" col-form-label" for="txtUser">
                                                        {{__('admin.Feature')}}</label>
                                                </div>
                                                <div class="col-md-4">
                                                    <select class="form-control select2"  name="feature[0]" id="feature_id">
                                                        @foreach ($features as  $feature)
                                                            <option value="{{$feature->id}}">{{$feature->title}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-5">
                                                        <input type="text" class="form-control col-md-8" style="display: inline-block;float: left;"  required  name="value[0]">

                                                <button class="plus-feature btn btn-primary" data-itr="0" type="button"><i class="fas fa-plus">
                                                    </i></button>
                                                </div>
                                            </div>
                                        </div>

                                </div>


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


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


                                <div class="form-group row " {{-- style="margin-right: 60%; margin-top: 5%;"--}}>
                                    <div class="col-sm-offset-2 col-sm-2">
                                        {{--<input type="submit" class="btn btn-default" value="Save">--}}
                                        <button type="submit" class="btn btn-primary pull-leftt"> {{__('admin.Add')}} </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="categories[]"><button class="minus btn btn-danger" type="button"><i class="fas fa-minus"></i></button></div>')
        // })
        // $("body").on('click', '.minus', function () {
        //     $(this).parent().remove();
        // })


        $("body").on('click', '.plus-feature', function () {
            var itr = $(this).attr('data-itr');
            itr++

            $('#item-feature').append(`<div class="row">
                                                <div class="col-md-2">
                                                    <label class=" col-form-label" for="txtUser">
                                                        {{__('admin.Feature')}}</label>
                                                </div>
                                                <div class="col-md-4">
                                                    <select class="form-control select2"  name="feature[`+ itr +`]" id="feature_id">
                                                        @foreach ($features as  $feature)
                <option value="{{$feature->id}}">{{$feature->title}}</option>
                                                        @endforeach
                </select>
            </div>
            <div class="col-md-5">
                    <input type="text" class="form-control col-md-8" style="display: inline-block;float: left;" required  name="value[`+itr+`]">

            <button class="minus-feature btn btn-danger" type="button"><i class="fas fa-minus">
                </i></button>
            </div>
        </div>`);
            $(this).attr('data-itr',itr)

        })

        $("body").on('click', '.minus-feature', function () {
            var itr = $('.plus-feature').attr('data-itr');
            itr--
            $('.plus-feature').attr('data-itr',itr)
            $(this).parent().parent().remove();
        })

    </script>
@endpush