@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            Popular Glossary Setup
            <small>update</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('admin/item-type-wise-attribute-setup') !!}">Popular Glossary Setup</a></li>
            <li class="active">Update</li>
        </ol>
    </section>
@endsection


@section('stylesheets')
{!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}

<style>
    ul li {
        list-style: none;
    }
    .attr_div {
        margin: 0 auto;
        width: 100%;
    }

    .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
        border: 1px solid #d2d6de;
        border-radius: 0;
        padding: 6px 12px;
        height: 34px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 10px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-top: -4px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 28px;
        right: 3px;
    }

</style>

@endsection


@section('main-content')
<section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{ Session('message') }}
                    </div>
                </div>
            </div>
        @endif

    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">List</h3>
                </div>

                <div class="box-body">
                    <table align="center" width="100%" id="attribute_item_type_setting">
                            <thead>
                                <th>Sl</th>
                                <th>Popular Glossaries</th>
                            </thead>
                            @php($i = 1)
                            @foreach ($popularGlossaries as $popular)
                            <tr>
                                <td>{{$i++}}</td>
                                <td>{{$popular->glossary->name}}</td>
                            </tr>
                            @endforeach

                    </table>
                </div>
            </div>


            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Update</h3>
                </div>

                    <div class="box-body">
                        <form action="{{url('admin/glossary-popular')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Glossaries</label>
                                {{-- <input type="text" class="form-control" name="slug" placeholder="Enter category slug" value=""> --}}
                                <select name="glossary_ids[]" class="form-control product_name" multiple>
                                    <option value="">Select glossary</option>
                                    @foreach ($glossaries as $glossary)
                                    <option value="{{$glossary->id}}" {{ (in_array($glossary->id, $popularG ?? [])) ? 'selected' : '' }}>{{$glossary->name}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>

                </div>

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




<div class="container">

</div>
@endsection



@section('javascripts')
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
{!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}

<script type="text/javascript">

    $('.product_name').select2();




</script>

@endsection