@extends('dashboard.layouts.master' )

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{__('admin.Edit 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.Edit 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.update',$journal->id)}}" method="post" class="form-horizontal" enctype="multipart/form-data"  id="demo-form" data-parsley-validate="">
                            {{ method_field('patch') }}
                            {{ csrf_field() }}
                            <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" id="txtUser" value="{{$journal->title}}" 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 class="form-group">
                                        <img src="{{ asset('uploads/journal/image/'.$journal->image) }}"  style="width: 100px" class="img-thumbnail image-preview" alt="">
                                    </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">{{$journal->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" required="" value="{{$journal->nickname}}" 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">{{$journal->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">{{$journal->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">{{$journal->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">{{$journal->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">--}}
                                            {{--@foreach($categories as $key => $category)--}}
                                                {{--<div class="row">--}}
                                                    {{--<input type="text" class="form-control col-md-7" name="categories[]" value="{{$category->title}}">--}}
                                                    {{--@if($key == 0)--}}
                                                        {{--<button class="plus btn btn-primary" type="button"><i class="fas fa-plus">--}}
                                                            {{--</i></button>--}}
                                                    {{--@else--}}
                                                        {{--<button class="plus btn btn-danger minus" type="button"><i class="fas fa-minus">--}}
                                                            {{--</i></button>--}}
                                                    {{--@endif--}}

                                                {{--</div>--}}
                                            {{--@endforeach--}}
                                        {{--</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}}" @if($category->id == $journal->category_id) selected @endif>{{$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}}" @if($type->id == $journal->type_id) selected @endif>{{$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="{{$journal->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">


                                        @if(count($journal->features) == 0)
                                            <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>

                                        @else
                                            @foreach($journal->features as  $key =>  $featureItem)
                                                <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}}" @if($featureItem->id == $feature->id) selected @endif>{{$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;" value="{{$featureItem->pivot->value}}"  required  name="value[0]">

                                                        @if($key == 0)
                                                            <button class="plus-feature btn btn-primary" data-itr="{{count($journal->features) - 1}}" type="button"><i class="fas fa-plus">
                                                                </i></button>
                                                        @else
                                                            <button class=" btn btn-danger minus-feature" type="button"><i class="fas fa-minus">
                                                                </i></button>
                                                        @endif

                                                    </div>
                                                </div>
                                            @endforeach
                                            @endif

                                    </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="{{$journal->editor}}" 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="{{$journal->freq}}" 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="{{$journal->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.edit')}} </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