@php
    use App\Http\Controllers\Mod\ModConfUser;use App\Http\Controllers\Mod\ModKanban;use App\Models\Profile;use Illuminate\Support\Facades\Crypt;
    //------------------------------------------------------------------------------------------------------------------
    // VENDEDOR: SELECT OPTION
    $todos=2;
    $todos_label=2;
    $user_select_css='form-control-sm';

    //------------------------------------------------------------------------------------------------------------------

    $load=isset($load)?$load:null;
    $profile=Profile::user();
    $id_user=$profile->idUser;
    $id_user_select=isset($id_user_select)?$id_user_select:null;
    if ($id_user_select !==null){
        $id_user=Crypt::decrypt($id_user_select);
    }

    $status_conf_user = ModConfUser::information(['idUserSelect'=>$profile->idUser]);
    $process_width = isset($status_conf_user->statusNegotiationProcessWidth)?$status_conf_user->statusNegotiationProcessWidth:'22';
    //LISTA DOS PROCESSO
    $record_kanban = ModKanban::information([
            'idUserSelect'=>$profile->idUser,
            'idStatusReg'=>1,
            'orderByName'=>'processOrder',
            'optionList'=>'g',
            'optionListQtt'=>'a',
        ]);
    //LISTAS DOS PROCESSOS AGRUPADOS
    $record_kanban_process = ModKanban::information([
        'groupConcatColumn'=>'idKanbanProcess',
        'groupConcatAlias'=>'listKanbanProcess',
        'groupConcatOrderByName'=>'processOrder',
        'orderByName'=>'processOrder',
        'idUserSelect'=>$profile->idUser,
        'idStatusReg'=>1,
        ]);
    $l=1;
    $p=0;
    $x_process='xProcess';
    $list_kanban_process = ModKanban::listKanbanProcess([
        'xProcess'=>$x_process,
        'listKanbanProcess'=>$record_kanban_process->listKanbanProcess,
        'crypt'=> 'off',
        ]);

    //-------------
    $btn_client=0;

@endphp
<style>

    .oziKanban {
        display: flex;
    }

    .oziKanban .button-left {
        display: inline-flex;
        width: 28px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;


    }

    .oziKanban .button-left .btn {
        height: 38px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: var(--cor-themestyle);
        transform: translateX(-30%);
        position: fixed;

    }

    .oziKanban .button-right {
        width: 28px;
        position: relative;
        z-index: 5;
        display: inline-flex;


    }

    .oziKanban .button-right .btn {
        height: 38px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        background-color: var(--cor-themestyle);

        transform: translateX(40%);
        position: fixed;
    }

    .oziKanban .board {
        display: inline-flex;
        width: calc(100% - 40px);
    }

    .oziKanban .opacity {
        opacity: 0.2;
    }

    .oziKanban .search-panel {
        position: relative;
    }

    .oziKanban .search {
        position: absolute;
        top: -6px;
        box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.05);
        background-color: #f7f7f7f2;
        padding: 5px;
        z-index: 5;
        border-radius: 15px;
        border: 1px solid #cbd1d561;;
    }

    .oziKanban .search-desative {
        display: none;
    }

    .oziKanban .search-input {
        font-family: Poppins;
    }
</style>
<!-- Form Action Ozi -->
<link href="{{ asset('template/plugins/bootstrap-kanban/css/kanban.css') }}" rel="stylesheet"/>
<div id="destinationKanban"></div>

<div class="row">
    <div class="col-12">
        <button type="button" id="btnClientKanban" class="btn waves-effect waves-light btn-secondary btn-sm    font-14 m-0 "
                style="display: none"
                onclick="btnClientOption('#btnClientKanban')">
          <span class="btn-label">
            <span class=" macaneta"><i class="fa fa-caret-right"></i></span>
            <span class="hide macaneta"><i class="fa fa-caret-left"></i></span>
          </span>
            <i class="mdi mdi-account "></i>

            Clientes

        </button>
        <div class="btn-group m-b-10 pull-right">


            {{--            <button type="button"--}}
            {{--                    class="btn waves-effect waves-light btn-secondary btn-sm  font-14 m-0 process-refresh"--}}
            {{--                    >--}}
            {{--                <i class="mdi mdi-reload text-themecolor-inverse"></i> Atualizar--}}
            {{--            </button>--}}
            {{-- GERENTE:  SELECIONAR VENDEDORES --}}
            @include('mod-negotiation.index-seller')
            <button type="button"
                    class="btn waves-effect waves-light btn-secondary btn-sm    font-14 m-0  right-side-open"
                    data-target="sidebar-right"
                    onclick="loadsDataForm('#sidebarRight  .content','{{url('/kanban/option/conf/slidebar')}}','#actionIndexNot',['#_token'])">
                <i class="fa fa-gear girando "></i> Configurações
            </button>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12"><!-- col -->
        <div class="oziKanban" id="kanbanPrime"> <!--  kanbanPrime -->


            <div class="button-left opacity">
                <button type="button" title="Atualiza propostas" onclick="oziKanbanButtonLeft('#kanbanPrime')"

                        class="btn waves-effect waves-light btn-outline-themecolor btn-negociacao text-themecolor-inverse">
                    &nbsp;<i class="fa fa-angle-double-left  text-themecolor-inverse"></i>&nbsp;
                </button>
            </div>
            <div class="board"><!-- .board-->
                @if(count($record_kanban)==0)
                    <div class="alert alert-secondary m-l-20">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                    aria-hidden="true">×</span></button>
                        <h4 class="text-info"><i class="fa fa-exclamation-circle"></i> Informações</h4>
                        <br>
                        <div> Não foi selecionados os processoas do seu KANBAN.</div>
                        <br>
                        <i class="mdi mdi-lightbulb-on"></i><span style="font-weight: 600">Dicas: </span> Habilite
                        agora:
                        &nbsp&nbsp&nbsp
                        <button type="button"
                                class="btn waves-effect waves-light btn-secondary btn-sm    font-14 m-0  right-side-open"
                                data-target="sidebar-right"
                                onclick="loadsDataForm('#sidebarRight  .content','{{ url('/kanban/option/conf/slidebar')}}','#actionIndexNot',['#_token'])">
                            <i class="fa fa-gear girando text-themecolor-inverse"></i> Configurações
                        </button>
                    </div>

                @endif
                @foreach($record_kanban as $row)
                    @php
                        if ($row->idKanbanProcess==1){
                            $btn_client = $row->idKanbanProcess;
                        }

                      $id_kanban = $x_process. $row->idKanbanProcess;
                    //  $id_kanban =  Crypt::encrypt($row->idKanban);
                    @endphp
                    <div class="tasks @if($row->statusProcessMaxMin==2) mini @endif"

                         style="
                                @if($row->statusProcessMaxMin==2)
                                    width: 95px;/*overflow: hidden; */text-align: center;
                                @endif
                                {{-- CLIENTE --}}
                                @if( $row->idKanbanProcess==1)
                                    overflow: 'clip !important';
                                    width: 0rem;
                                    opacity: 0;
                                    padding: 0px;
                                    margin: 0px;

                                @endif
                                "

                         @if($l==1)
                             id="kanbanContainers"
                         data-plugin="dragula"
                         data-containers="[{{$list_kanban_process}}]"
                            @endif >


                        <div class="mt-0 task-header text-uppercase">
                            {{-- PESQUISAR: CARDS --}}
                            @include('mod-kanban.index-load-btn-search')

                            @if($row->statusProcessMaxMin==2)
                                <span class="font-18 text-muted">
                                    <i class="{{$row->icon}} "></i>
                                </span>
                                @include('mod-kanban.index-load-btn')
                            @elseif($row->statusProcessMaxMin==1)

                                <div style="display: inline; width: 120px !important; font-weight: 600">
                                    <span class="text-overflow-ellipsis text-muted font-12">
                                        <span class="font-18">
                                            <i class="{{$row->icon}} "></i>
                                        </span>
                                        {{$row->processName}}
                                    </span>

                                </div>

                                <div style="display: inline;  width: calc(100% - 120px);">

                                    @include('mod-kanban.index-load-btn')

                                </div>

                            @endif

                        </div>


                        <div id="{{ $id_kanban }}" class="task-list-items task-list-items-mini">
                            {{--  CONTEUDO DOS CARDS --}}
                            <div class="text-center text-muted bg-" style=" margin-top:20px;  padding: 20px;">
                                <div class="spinner-border " role="status">
                                    <span class="sr-only">Loading...</span>
                                </div>
                            </div>

                        </div> <!-- end company-list-2-->
                    </div>
                    {{--                <script>--}}
                    {{--                    oziLoadData(data = {--}}
                    {{--                        ldDestinyId: '{{$id_kanban}}',--}}
                    {{--                        ldUrl: '{{asset("kanban/process")}}',--}}
                    {{--                        //    ldCatchGroupId: ['actionDataModel'],--}}
                    {{--                        ldCatchItenName: ['_token', 'kanbanProcess:{{$id_kanban}}'],--}}
                    {{--                    });--}}
                    {{--                </script>--}}
                    @php $l++ @endphp


                    <div id="{{$id_kanban}}Refresh">

                    </div>

                @endforeach

            </div> <!-- end .board-->

            <div class="button-right text-right">
                <button type="button" title="Atualiza propostas" onclick="oziKanbanButtonRight('#kanbanPrime')"
                        class="btn waves-effect waves-light btn-outline-themecolor btn-negociacao text-themecolor-inverse">
                    &nbsp;<i class="fa fa-angle-double-right text-themecolor-inverse " style="color: coral;"></i>&nbsp;
                </button>
            </div>
        </div><!-- end kanbanPrime -->
    </div> <!-- end col -->
</div>



<script>
    @if($btn_client==1)
    document.getElementById("btnClientKanban").style.display = "inline";
    @else
    document.getElementById("btnClientKanban").style.display = "none";
    @endif

</script>
@if($load=='on')
    @include('mod-kanban.script')
@endif