<link rel="stylesheet" href="{{ asset('assets/vendors/bootstrap-tagsinput/css/bootstrap-tagsinput.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/vendors/bootstrap-tagsinput/css/app.css') }}" />
<style>
    #e-book .btn-group{
        width: 100%;
    }
    #e-book .multiselect-container{
        width: inherit;
    }
    #e-book .multiselect-container>li>a>label.checkbox {
    white-space: normal;
}
</style>


<section class="content">
    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PANEL-->
            <div class="panel panel-primary">
                <div class="panel-heading">
                    
                        <i class="livicon" data-name="responsive" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                       Generate KBart File 
                                    
                </div>
                
                <div class="panel-body">
                
                                                  
                        <form method="POST" action="{{ url('admin/kbart/journal') }}">
                        @csrf
                        <div class="my-3" id="e-book">
                            <div class="form-group">
                                <label class="control-label col-md-2" for="select21">Journals: *</label>
                                <div class="col-md-10">
                                <select id="multiselect13" multiple="multiple" class="form-control" name="journal_id[]" required="true">
                                @isset($journals)
                                    @foreach($journals as $value)
                                        <option value="{{$value->journal_id}}"  @isset($param) @if($param['journal_id'] == $key) selected @endif @endisset>{{$value->subtitle}} - {!!$value->title!!}</option>
                                    @endforeach
                                @endisset
                                </select>
                                </div>
                            </div>
                            <hr>
                            <div class="text-center">
								<input type="submit" class="btn btn-primary" value="Generate" name="submit">
							</div>
                        </div>
                                    <!--/.panel-body -->
                        </form>
              
                     
                        <form method="POST" action="{{ url('admin/kbart/ebook') }}">
                        @csrf
                        <div class="my-3" id="e-book">
                            <div class="form-group">
                                <label class="control-label col-md-2" for="select21">eBooks: *</label>
                                <div class="col-md-10">
                                <select id="multiselect14" multiple="multiple" class="form-control" name="ebook_volume_id[]" required="true">
                                @isset($kbrt_ebooks)
                                    @foreach($kbrt_ebooks as $value)
                                        <option value="{{$value->ebook_volume_id}}"  @isset($param) @if($param['ebook_volume_id'] == $key) selected @endif @endisset>{!!$value->ebk_title!!}</option>
                                    @endforeach
                                @endisset
                                </select>
                                </div>
                            </div>
                            <hr>
                            <div class="text-center">
								<input type="submit" class="btn btn-primary" value="Generate" name="submit">
							</div>
                        </div>
                                    <!--/.panel-body -->
                        </form>

                     
                                            <!-- BEGIN SAMPLE TABLE PANEL-->
                   
                </div>                          
            </div>
            <!-- END SAMPLE TABLE PANEL-->
        </div>
    </div>

</section>

<script src="{{ asset('assets/vendors/bootstrap-tagsinput/js/bootstrap-tagsinput.js') }}"  type="text/javascript"></script>
<script src="{{ asset('assets/vendors/acc-wizard/acc-wizard.min.js') }}" ></script>

<script src="{{ asset('assets/js/pages/accordionformwizard.js') }}"  type="text/javascript"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-multiselect/js/bootstrap-multiselect.js') }}" ></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/sifter/sifter.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/microplugin/microplugin.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/selectize/js/selectize.min.js') }}"></script>



<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-switch/js/bootstrap-switch.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/switchery/js/switchery.js') }}" ></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-maxlength/js/bootstrap-maxlength.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/card/lib/js/jquery.card.js') }}"></script>

<script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/custom_elements.js') }}"></script>



<script src="{{asset('assets/vendors/tinymce/tinymce.min.js')}}" type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/ckeditor/js/ckeditor.js') }}"  type="text/javascript"></script>



<script  src="{{ asset('assets/vendors/ckeditor/js/config.js') }}"  type="text/javascript"></script>



 <!-- Bootstrap WYSIHTML5 -->

<script  src="{{ asset('assets/vendors/bootstrap3-wysihtml5-bower/js/bootstrap3-wysihtml5.all.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/bootstrap3-wysihtml5-bower/js/bootstrap3-wysihtml5.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/summernote/summernote.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.base64.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.colors.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.noembed.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.pasteimage.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.preformatted.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/vendors/trumbowyg/js/trumbowyg.upload.min.js') }}"  type="text/javascript"></script>

<script  src="{{ asset('assets/js/pages/editor2.js') }}"  type="text/javascript"></script>



<script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>

<script src="{{ asset('assets/vendors/moment/js/moment.min.js') }}" ></script>

<script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}"  type="text/javascript"></script>    

<script src="{{ asset('assets/vendors/bootstrapwizard/jquery.bootstrap.wizard.js') }}" type="text/javascript"></script>

<script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}" type="text/javascript"></script>

<script src="{{ asset('assets/vendors/datetimepicker/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script>

