@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('storage-places.list') !!}
@endsection
@section('content')
    <div class="the-box rounded">
        <span><h3>Transferência de Documentos</h3></span>
        <br>
        <span><h3>Caixa Selecionada: </h3></span>
        <hr class="hr">
        <div class="row">
            <div class="col-md-12">
                @include('flash::message')
                {{-- @if(is_null($storages))
                    <div class="well text-center">Sem dados. Insira um novo registro.</div>
                @else --}}
                    {!! Form::open(['route' => 'storage-places.transferStore', 'method' => 'post', 'id' => 'form-cliente', 'class' => 'wizard-client  form-cliente', 'style' => 'display:none']) !!}
                        <h1>Caixa de Origem</h1>
                        <fieldset class="wizard body">
                            <div class="row">
                                <div class="col-lg-3">
                                    <div class="form-group text-center">
                                        <span><h3>Caixa de Origem:</h3></span>
                                        <span><h2>{!! $storages->description !!}</h2></span>
                                        {!! Form::hidden('box_id_origin', $storages->id,  null, ['class' => 'form-control']) !!}
                                    </div>
                                </div>
                                <div class="col-lg-9">
                                    <span><h4>Documentos: (manter selecionado apenas o que deseja transferir)</h4></span>
                                    @foreach($storages->getBox as $key => $box)
                                        
                                        {!! Form::checkbox('document_id[]', $box->getDocument->id, 1, ['class' => 'form-group', 'ckecked']) !!}
                                        {!! Form::label('document', $box->getDocument->number . '/' . $box->getDocument->getYear($box->getDocument->date) . ' - ' . $box->getDocument->document_type->name) !!}
                                        <br>
                                    @endforeach
                                </div>
                            </div>
                        </fieldset>

                        <h1>Caixa de Destino</h1>
                        <fieldset>
                            <div class="row">
                                <div class="form-group col-md-3 text-center">
                                        <span><h3>Caixa de destino:</h3></span>
                                </div>
                                <div class="form-group col-md-4" style="margin-top: 15px;">
                                        {!! Form::select('box_id_destiny', App\Models\Box::pluck('description', 'id')->prepend('Selecione...', ''), null,['class' => 'form-control']) !!}
                                </div>
                            </div>
                        </fieldset>
                    {!! Form::close() !!}
                {{-- @endif --}}
            </div>
        </div>
    </div>
@endsection

@push('js-modal')
<script src="{{ asset('js/steps/jquery.steps.min.js') }}"></script>
<script src="{{ asset('js/validate/jquery.validate.min.js') }}"></script>
<script>
    $(document).ready(function($){
        if (jQuery().steps) {
            $("#form-cliente").steps({
                bodyTag: "fieldset",
                startIndex: 0,
                onInit: function(){
                    $('#form-cliente').show();
                },
                onStepChanging: function (event, currentIndex, newIndex)
                {
                    if (currentIndex > newIndex)
                    {
                        return true;
                    }

                    var form = $(this);

                    form.validate().settings.ignore = ":disabled,:hidden";

                    return form.valid();
                },
                onStepChanged: function (event, currentIndex, priorIndex)
                {

                },
                onFinishing: function (event, currentIndex)
                {
                    var form = $(this);

                    // Disable validation on fields that are disabled.
                    // At this point it's recommended to do an overall check (mean ignoring only disabled fields)
                    form.validate().settings.ignore = ":disabled";

                    // Start validation; Prevent form submission if false
                    return form.valid();
                },
                onFinished: function (event, currentIndex)
                {
                    var form = $(this);

                    // Submit form input
                    form.submit();
                },
                labels: {
                    cancel: "Cancelar",
                    current: "current step:",
                    pagination: "Pagination",
                    finish: "Salvar",
                    next: "Próximo",
                    previous: "Anterior",
                    loading: "Carregando ..."
                }
            }).validate({
                    errorPlacement: function (error, element)
                    {
                        console.log(error);
                        element.before(error);
                    },
                    rules: {
                    }
            });
        }
    });
</script>
@endpush