@extends('admin.default')

<style> 
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
    {
        width: 420px;
    }
</style>

@section('content')

			   <section class="wrapper main-wrapper">

                    <div class='col-xl-12 col-lg-12 col-md-12 col-12'>
                        <div class="page-title">

                            <div class="float-left">
                                <h1 class="title">Add Related Article & Tags</h1>                            
                            </div>

                            <div class="float-right d-none">
                                <ol class="breadcrumb">
                                    <li>
                                        <a href="index"><i class="fa fa-home"></i>Home</a>
                                    </li>
                                    <li>
                                        <a href="#">Related Article & Tags</a>
                                    </li> 
                                </ol>
                            </div>

                        </div>
                    </div>
                    
                    <div class="clearfix"></div>
                    <div class="col-xl-12 col-lg-12 col-12 col-md-12">
                        <section class="box ">
                            <header class="panel_header">
                                <h2 class="title float-left">Related Articles & Tags</h2>
                                <div class="actions panel_actions float-right">
                                    <i class="box_toggle fa fa-chevron-down"></i>
                                    <i class="box_setting fa fa-cog" data-toggle="modal" href="#section-settings"></i>
                                    <i class="box_close fa fa-times"></i>
                                </div>
                            </header>
                            <div class="content-body">
                                <div class="row">
                                  	 <form method="post" enctype="multipart/form-data" action="{{ url('relarticlesave') }}">
        
				                     @csrf 
                                        <div class="col-xl-12 col-lg-12 col-md-12 col-12">
                                            <div class="form-group">
                                                 
                                                <label class="form-label" for="field-1">Related Articles </label>
                                                <span class="desc"></span>
                                                <div class="controls">
                                                    
                                                <input type="hidden" name="article" value="{{$value}}" />    
                                                 
                                                <select class="selectpicker" multiple data-live-search="true" name="relarticle[]" width="100%">
                                                    @foreach($blogs as $blogs)
                                                    <option value="{{$blogs->id}}">{{$blogs->short_description}}</option>
                                                    @endforeach  
                                                </select>
                                                
                                                </div>
                                            </div>  
                                            
                                            <div class="form-group"> 
                                                <label class="form-label" for="field-1">Tags </label>
                                                <span class="desc"></span>
                                                <div class="controls">  
                                                <select class="selectpicker" multiple data-live-search="true" name="tags[]"> 
                                                    @foreach($tags as $tags)
                                                    <option value="{{$tags->id}}">{{$tags->tags}}</option>
                                                    @endforeach 
                                                </select> 
                                                </div>
                                            </div>  
                                        </div>

                                        <div class="col-xl-8 col-lg-8 col-md-9 col-12 padding-bottom-30">
                                            <div class="text-left">
                                                <button type="submit" class="btn btn-primary">Save</button>
                                                <button type="button" class="btn">Cancel</button>
                                            </div>
                                        </div>
                                        
                                    </form>
                                </div>


                            </div>
                        </section></div>


                </section>


@endsection
 
    <script>
        $('#my-select').multiSelect();
    </script>
    
    <style>
        * {
          margin: 0px;
          padding: 0px;
          outline: none;
        }
        
        .ms-container {
          background: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
         
    </style>