@extends('dashboard.layouts.master')

@section('content')
    <!-- Page-body start -->

    @php
    $keywords =explode(',', $resercher->keywords);
    @endphp
     <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1> {{__('admin.research to')}} {{$resercher->journal?->title}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="">{{__('admin.Researches')}}</a>
                        </li>
                        <li class="breadcrumb-item active">{{__('admin.Edit research to')}} {{$resercher->journal->title}}</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-header" style="background-color: #0aa711;">
                        <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.research.update',$resercher->id)}}" method="post" class="form-horizontal"
                              enctype="multipart/form-data" id="demo-form" data-parsley-validate="">
                            {{ method_field('patch') }}
                            {{ csrf_field() }}
                            <div class="form-group row ">
                                <label class="col-sm-2 col-form-label">
                                    {{__('admin.Volume')}} </label>
                                <div class="col-sm-6">
                                    <select class="form-control select2 issues" required name="volume_id" id="issue_id">
                                        <option>{{__('Select Volume')}}</option>
                                       @foreach($issues as $issue)
                                           <option value="{{$issue->id}}" @if($issue->id == $resercher->issue_id || $issue->id == $issuechild?->parent_id) selected @endif> {{$issue->name}}</option>
                                       @endforeach
                                    </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">
                                    {{__('admin.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 ">
                                <div class="col-sm-offset-2 col-sm-2">
                                    <button type="submit" class="btn btn-success pull-leftt"> {{__('admin.Update')}} </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </section>
    <!-- /.content -->

@endsection
@push('scripts')

    <script type="text/javascript">

    var issus = "{{$resercher->issue_id}}";
        $("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)
                    }
                }
            });
        })
        $(document).ready(function(){
            var id= $('#issue_id').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
                            }));
                        });
                        $('#parent_id').val(issus)

                    }else{
                        $('.parent_div').hide()
                        $('#parent_id').attr("disabled",true)
                    }
                }
            });
        })


    </script>
@endpush