@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('storage-places.list') !!}
@endsection
@section('content')
    <div class="the-box rounded">
        <span>
            <h3>Transferência de Caixa</h3>
        </span>
        <br>
        <span>
            <h3>Caixa Selecionada: {!! $storage->boxStorage->description !!}</h3>
        </span>
        <hr class="hr">
        <div class="row">
            <div class="col-12">
                @include('flash::message')
                <div style="overflow-y: auto; max-height: 80vh; padding-right: 15px;">
                    {!! Form::open([
                        'route' => 'storage-places.transferStoreBox',
                        'method' => 'post',
                        'id' => 'form-transfer-box',
                        'class' => 'wizard-client form-transfer-box',
                        'style' => 'display:none',
                    ]) !!}
                    <h1>Origem</h1>
                    <fieldset class="wizard body">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <span>
                                        <h3>Local: {!! $storage->localStorage->description !!}</h3>
                                    </span>
                                    <span>
                                        <h3>Gaveta: {!! $storage->drawerStorage->description !!}</h3>
                                    </span>
                                    <span>
                                        <h3>Prateleira: {!! $storage->shelfStorage->description !!}</h3>
                                    </span>

                                    {!! Form::hidden('id', $storage->id, null, ['class' => 'form-control']) !!}
                                    {!! Form::hidden('box_id_origin', $storage->box_id, null, ['class' => 'form-control']) !!}
                                    {!! Form::hidden('local_id_origin', $storage->local_id, null, ['class' => 'form-control']) !!}
                                    {!! Form::hidden('drawer_id_origin', $storage->drawer_id, null, ['class' => 'form-control']) !!}
                                    {!! Form::hidden('shelf_id_origin', $storage->shelf_id, null, ['class' => 'form-control']) !!}
                                </div>
                            </div>
                        </div>
                    </fieldset>

                    <h1>Destino</h1>
                    <fieldset style="min-height: 500px;">
                        <div class="row">
                            <div class="form-group col-md-3">
                                {!! Form::label('box_id', 'Caixa:') !!}
                                {!! Form::select(
                                    'box_id',
                                    App\Models\Box::pluck('description', 'id')->prepend('Selecione...', ''),
                                    $storage->box_id,
                                    ['class' => 'form-control', 'disabled'],
                                ) !!}
                                {!! Form::hidden('box_id_destiny', $storage->box_id, null, ['class' => 'form-control']) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('local_id', 'Local:') !!}
                                {!! Form::select(
                                    'local_id_destiny',
                                    App\Models\Local::pluck('description', 'id')->prepend('Selecione...', ''),
                                    null,
                                    ['class' => 'form-control'],
                                ) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('drawer_id', 'Gaveta:') !!}
                                {!! Form::select(
                                    'drawer_id_destiny',
                                    App\Models\Drawer::pluck('description', 'id')->prepend('Selecione...', ''),
                                    null,
                                    ['class' => 'form-control'],
                                ) !!}
                            </div>

                            <div class="form-group col-md-3">
                                {!! Form::label('shelf_id', 'Prateleira:') !!}
                                {!! Form::select(
                                    'shelf_id_destiny',
                                    App\Models\Shelf::pluck('description', 'id')->prepend('Selecione...', ''),
                                    null,
                                    ['class' => 'form-control'],
                                ) !!}
                            </div>

                            <div class="form-group col-md-12">
                                {!! Form::label('reason', 'Motivo:') !!}
                                {!! Form::textarea('reason', null, [
                                    'class' => 'form-control ckeditor',
                                    'rows' => '6',
                                    'style' => 'resize:none;',
                                ]) !!}
                            </div>
                        </div>
                    </fieldset>
                    {!! Form::close() !!}
                </div>
            </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-transfer-box").steps({
                    bodyTag: "fieldset",
                    startIndex: 0,
                    onInit: function() {
                        $('#form-transfer-box').show();
                        CKEDITOR.replace('reason', {
                            height: 200 
                        });
                    },
                    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