@include('system-layouts.layout-head')
@include('systructure-architect.style')
<div class="container-fluid">
    <div class="row" style="margin-top:-20px; ">
        <div class="col-sm-6">
            <h6 class="text-muted">
                <small><a href="{{url('workspace')}}" class="link-secondary"> Ambiente de Trabalho\</a></small> <span
                        class="text-themecolor">{{$record_workspace->xName}}</span>
            </h6>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            @include('systructure-architect.index-panel-left')
        </div>
        {{--        <div class="col-sm-2">--}}
        {{--            @include('systructure-architect.index-panel-center')--}}
        {{--        </div>--}}
        <div class="col-sm-6">
            @include('systructure-architect.index-panel-right')
        </div>
    </div>

    @include('systructure-architect.index-kanban')


    <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
    <input type="hidden" id="idWorkSpace" name="idWorkSpace" value="{{$id_workspace}}">
    <input type="hidden" id="position" name="position" value="">

</div>
<div id="msnForm"></div>

@include('system-layouts/layout-footer')

<script>
    function kanbanSavePosition() {
        loadsDataForm('#saveProsition', '{{asset("projectmanage/save-prosition")}}', '#actionIndex', ['#_token', '#position']);
    }


    // Init board grid so we can drag those columns around.
    // Init board grid para que possamos arrastar essas colunas.

    boardGrid = new Muuri('.board', {
        dragEnabled: true,
        dragHandle: '.board-column-header'
    });

</script>