@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('storage-places.list') !!}
@endsection
@section('content')
    <div class="the-box rounded" height="100%">
        <span><h3>Armazenar documentos em caixa</h3></span>
        <br>
        <span><h3>Caixa Selecionada: {{$box->description}}</h3></span>
        <hr class="hr">
        <div class="row">
            <div class="col-lg-12">
                @include('flash::message')

                <form id="form" action="#" class="wizard-big">
                    <div class="bootstrap-duallistbox-container row moveonselect"> 
                        <div class="box1 col-md-6">   
                            <label for="bootstrap-duallistbox-nonselected-list_" style="display: none;"></label>   
                                <span class="info-container">     
                                    <button type="button" class="btn clear1 pull-right btn-default btn-xs">Mostrar todos</button>   
                                </span>   
                                <input class="filter form-control" type="text" placeholder="Filtro">   
                                <div class="btn-group buttons">     
                                    <button type="button" class="btn move btn-default">       
                                        <i class="glyphicon glyphicon-arrow-right"></i>     
                                    </button>   
                                </div>   
                                <select multiple="multiple" id="bootstrap-duallistbox-nonselected-list_" class="form-control" name="_helper1" style="height: 500px;">
                                    @foreach($documents as $doc)
                                        <option value="{{$doc->id}}">{{$doc->number . '/' . $doc->getYear($doc->date) . ' - ' . $doc->document_type->name}}</option>
                                    @endforeach
                                </select> 
                        </div> 
                        <div class="box2 col-md-6">   
                            <label for="bootstrap-duallistbox-selected-list_" style="display: none;"></label>   
                            <span class="info-container">     
                                <button type="button" class="btn clear2 pull-right btn-default btn-xs">Mostrar todos</button>   
                            </span>   
                            <input class="filter form-control" type="text" placeholder="Filtro">   
                            <div class="btn-group buttons">     
                                <button type="button" class="btn remove btn-default">       
                                    <i class="glyphicon glyphicon-arrow-left"></i>     
                                </button>     
                                <button type="button" class="btn removeall btn-default">       
                                    <i class="glyphicon glyphicon-arrow-left"></i>       
                                    <i class="glyphicon glyphicon-arrow-left"></i>     
                                </button>   
                            </div>   
                            <select multiple="multiple" id="bootstrap-duallistbox-selected-list_" class="form-control" name="_helper2" style="height: 500px;">
                                {{-- <option value="Australia" data-sortindex="1">Australia</option>
                                <option selected="" value="Austria">Austria</option>
                                <option selected="" value="Bahamas">Bahamas</option>
                                <option value="Bermuda" data-sortindex="0">Bermuda</option> --}}
                            </select> 
                        </div>
                    </div>
                    <select class="form-control dual_select" multiple="" style="display: none;">
                        @foreach($documents as $doc)
                        <option value="{{$doc->id}}">{{$doc->content}}</option>
                    @endforeach
                    </select>
                    <hr class="hr">
                    <div class="row">
                        <div class="form-group col-sm-12">
                            {!! Form::submit('Salvar', [
                                'type' => 'button',
                                'class' => 'btn btn-primary',
                            ]) !!}
                            <a href="#" class="btn btn-default">Cancelar</a>
                        </div>    
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('js-modal')
<script src="{!! asset('multi-select/js/jquery.multi-select.js') !!}"></script>
<script>
    $('#optgroup').multiSelect();
</script>
@endpush