@extends('layouts.site')

@section('global_variables')
    @php
        // Sprawdzamy zakres uprawnień do danych
        //$function_id = 1;
        $function_id = session()->get('function_id');
        $get_permision = new my_GetPermission();
        $permision_range = $get_permision->my_range($function_id);
        $permision_functions = $get_permision->my_function_values($function_id);
        $permision_functions_for_range = $get_permision->my_function_values_for_range($function_id);
        $active_rekord_id = session()->get('active_record_'.$function_id);

        $return_to = my_Return('return_to');
        $return_to_before = my_Return('return_to_before');
        $return_to_after_delete = Route::current()->getName();
        // dd($permision_range);
        // dd($permision_functions);
        // dd($permision_functions_for_range);

        // val. 1 - wpisy własne
        // val. 2 - wpisy komórki organizacyjnej
        // val. 3 - wpisy wszystkie w organizacji

        /*
        $_1 = Route::current()->getname();
        $_2 = URL::current();
        $_3 = URL::full();
        $_4 = Request::route()->getName();
        $_5 = Request::getPathInfo();
        $_6 = Request::getHost();

            dd($_1,$_2,$_3,$_4,$_5,$_6);
        */

    @endphp
@endsection

@yield('local_variables')


@php
    $table_rows_sql = DB::table($table_name);
    $HowManyRecords_sql = $table_rows_sql;
    $HowManyAllRecords_sql = DB::table($table_name);


    $filter = session()->get('filter_'.$function_id);
    $filter_status_active = session()->get('filter_status_active_'.$function_id);

    // Filtry
    if(isset($filter_status_active) && $filter_status_active > 0){
        if($filter_status_active == 1){$filter_status_active_val = 1; $active_status1 = "active";}else{$active_status1 = null;}
        if($filter_status_active == 2){$filter_status_active_val = null; $active_status2 = "active";}else{$active_status2 = null;}
        $HowManyRecords_sql->where('active',$filter_status_active_val);
        $table_rows_sql->where('active',$filter_status_active_val);
    }
    // Koniec - Filtry

    $HowManyAllRecords = $HowManyAllRecords_sql->count();

    $HowManyRecords_sql->Where('nazwa', 'like', '%'.$filter.'%');
    $HowManyRecords = $HowManyRecords_sql->count();

    $table_rows_sql->Where('nazwa', 'like', '%'.$filter.'%');
    $table_rows = $table_rows_sql->get();

    $i = 1;

@endphp

@section('title','Strona Startowa')

@section('content')
<!-- Sekcja nr 1 - START -->

<div class="tab-content_2">
    <div class="row">
        <div class="col-sm-12">



            <div class="" id="nav-tabContent">
                <!-- /* Widoczne na wszystkich zakładkach */ -->
                <div class="row">
                    <div class="col-10">
                        <h5>
                            <i>{{$tytul_okna}}</i>
                        </h5>
                    </div>
                </div>
                <hr class="separator_site">

                <!-- Wyszukiwarki -->

                <div class="row col-12" style="justify-content: space-between; padding-right: 0px;">
                    <div class="col-6">
                        <div class="input-group wyszukiwarka">
                        {{--
                        <label class="form-label my_HalfFrame my_FilterStatus" for="form1">Wybierz Filtr: </label>

                            <span class="my_FilterStatus {{ $active1 ?? '' }}"><a class="btn btn-success btn_table_status" href="{{ url('/m_odo_proces_lista_index_filter', 1) }}" data-toggle="tooltip" title="Proces ciągły" style="margin-right: 3px;">
                                <i class="far fa-lg fa-circle"></i>
                            </a></span>
                            <span class="my_FilterStatus {{ $active2 ?? '' }}"><a class="btn btn-warning btn_table_status" href="{{ url('/m_odo_proces_lista_index_filter', 2) }}" data-toggle="tooltip" title="Proces cykliczny" style="margin-right: 3px;">
                                <i class="fas fa-lg fa-clock"></i>
                            </a></span>
                        --}}

                        <label class="form-label my_HalfFrame my_HalfFrameFilter my_FilterStatus">Status: </label>

                            <span class="my_FilterStatus {{ $active_status1 ?? '' }}"><a class="btn btn-success btn_table_status" href="{{ url('/m_table_filter_status', 1) }}" data-toggle="tooltip" title="Aktywny" style="margin-right: 3px;">
                                <i class="fas fa-check fa-lg"></i>
                            </a></span>
                            <span class="my_FilterStatus {{ $active_status2 ?? '' }}"><a class="btn btn-secondary btn_table_status" href="{{ url('/m_table_filter_status', 2) }}" data-toggle="tooltip" title="Nieaktywny" style="margin-right: 3px;">
                                <i class="fas fa-times-circle fa-lg"></i>
                            </a></span>



                        <label class="form-label my_HalfFrame my_HalfFrameFilter my_FilterStatus">Wyczyść: </label>

                            <span class="my_FilterStatusNone"><a class="btn alert-dark btn_table_status" href="{{ url('/m_table_filter_status','0') }}" data-toggle="tooltip" title="Wyczyść filtry">
                                <i class="fas fa-trash fa-lg"></i>
                            </a></span>
                        </div>


                    </div>

                    <div class="col-6 d-flex justify-content-end pr-0">
                        {{--
                        <!--/* Wyszukiwarka działy */-->
                        <div style="flex-basis: content; text-align: right;">
                            <form action="{{ route('m_odo_proces_lista_index_filter_ko') }}" method="POST">
                                @csrf
                                <div class="input-group wyszukiwarka">
                                    <label class="form-label my_HalfFrame my_HalfFrameSearch input-group-text" for="form1">Komórka Org.: </label>
                                    <div class="form-outline">
                                        <select class="form-control form-check-inline" name="select_filter_ko" id="select_filter_ko" style="width: 5.5vw;" onchange="this.form.submit()">
                                            <option value="">- wszystkie -</option>
                                            @foreach($komorki_organizacyjne as $ko)
                                                <option value="{{$ko->id}}" {{ ( $ko->id == $department) ? 'selected' : '' }}>{{$ko->nazwa_skrot}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>
                        --}}

                        <!--/* Wyszukiwarka tekstu */-->
                        <div style="flex-basis: content;">
                            <form action="{{ route('m_table_search') }}" method="POST">
                                @csrf
                                <div class="input-group wyszukiwarka">
                                    <label class="form-label my_HalfFrame my_HalfFrameSearch input-group-text">Wyszukaj: </label>
                                    <input id="my_search" name="my_search" class="form-control wyszukiwarka" value="{{ $filter ?? ''}}"/>
                                    <button type="submit" class="btn btn-primary btn_table_status btn-outline-secondary" data-toggle="tooltip" title="Wyszukaj">
                                        <i class="fas fa-search fa-lg"></i>
                                    </button>
                                    <button type="submit" class="btn btn-danger btn_table_status btn-outline-secondary" data-toggle="tooltip" title="Wyczyść filtr wyszukiwania" onclick="my_setValue('my_search')">
                                        <i class="fas fa-times fa-lg"></i>
                                    </button>
                                </div>
                            </form>
                        </div>

                    </div>

                </div>

                <!-- Wyszukiwarki - KONIEC -->


                <!-- /* KONIEC - Widoczne na wszystkich zakładkach */ -->
                <div class="col-sm-12 m-md-auto div_new_table">
                    <div class="tab-pane fade show active div_TableScroll tableFixHead my_scrollbar_new">

                        {{-- Lista Analiz --}}
                        <input type="hidden" id="active_row" value="{{session()->get('active_record_'.$function_id) ?? '0'}}"/>
                        <table class="table table-sm new_table_app">
                            <thead>
                                <tr class="tabela-naglowek">
                                    <th class="text-center">Lp</th>
                                    @foreach ( $tabela['th_nazwa_kolumny'] as $kolumna)
                                        <th class="text-center">{{$kolumna}}</th>
                                    @endforeach
                                    <th class="separate-column"></th>
                                    <th class="text-center table_action">

                                        @php
                                            // ($permision_functions_for_range,$function,$adress,$owner_tab,$onclick = null,$target = null)
                                            //$button = my_TableButton($permision_functions_for_range,"add",null,null,"openModalForm('ModalForm_add')",null,null,null,'new-table-add');
                                            $button_add = my_TableButton($permision_functions_for_range,"add",null,null,"openModalForm('ModalForm_proces_add','$return_to')",null,null,null,'new-table-add');
                                            echo $button_add;
                                        @endphp

                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($table_rows) && $table_rows->count() > 0)
                                    @foreach($table_rows as $row)

                                        @php
                                            //$owner_tab = my_OwnerRecord($proces->wlasciciel_procesu_komorka_id,$proces->user_id);
                                            $active_row = my_GetActiveRecord($row->id);
                                            //dd($active_row);
                                        @endphp

                                        <tr id="tr_id_{{$row->id}}" class="{{$active_row}}">
                                            <th scope="row" class="text-center">{{ $i++ }}
                                                @php
                                                    echo my_SetAnchor($row->id);
                                                @endphp
                                            </th>
                                            @foreach($tabela['nazwa_kolumny'] as $key=>$kolumna_nazwa)
                                                <td class="text-{{$tabela['wyrownanie'][$key]}}" style="width: {{$tabela['szerokosc'][$key]}}%;">
                                                    @if ($kolumna_nazwa == 'active')
                                                        @if($row->$kolumna_nazwa < 1)
                                                            <div class="btn btn_table_status" data-toggle="tooltip" title="Nieaktywny">
                                                                <i class="far fa-times-circle fa-lg text-secondary"></i>
                                                            </div>
                                                        @else
                                                            <div class="btn btn_table_status" data-toggle="tooltip" title="Aktywny">
                                                                <i class="fas fa-check fa-lg text-success"></i>
                                                            </div>
                                                        @endif
                                                    @else
                                                        {{$row->$kolumna_nazwa}}
                                                    @endif
                                                </td>
                                            @endforeach
                                            <td nowrap class="text-center align-middle"></td>

                                            <td class="table_action text-left">
                                                @php
                                                    //dd($permision_functions_for_range);

                                                    // ($permision_functions_for_range,$function,$adress,$owner_tab,$onclick = null,$target = null)
                                                    //$button_edit = my_TableButton($permision_functions_for_range,"edit",null,'none',"openModalForm('ModalForm_proces_edit-$proces->id','m_odo_proces_lista_index')");
                                                    //echo $button_edit;
                                                    //$button_edit = my_TableButton($permision_functions_for_range,"edit","/m_odo_procesy_info_2/$row->id",null,"my_SetActiveRecord($row->id)",null,null,'m_odo_proces_lista_index','new');
                                                    //echo $button_edit;

                                                    //$button_status = my_TableButton($permision_functions_for_range,"status","/m_odo_procesy_info_2/$row->id",null,"my_SetActiveRecord($row->id)",null,null,'m_odo_proces_lista_index','new');
                                                    //echo $button_status;

                                                    //$button_extend = my_TableButton($permision_functions_for_range,"details","/m_odo_proces_lista_info_extend/$proces->id",$owner_tab,"my_SetActiveRecord($proces->id)",null,null,null,'new');
                                                    //echo $button_extend;

                                                    //$button_details = my_TableButton($permision_functions_for_range,"extend","/m_odo_proces_lista_info/$proces->id",$owner_tab,"my_SetActiveRecord($proces->id)",null,null,null,'new');
                                                    //echo $button_details;
                                                /*
                                                    $button_aktywa = my_TableButton($permision_functions_for_range,"extend_aktywa","/m_odo_proces_aktywa_info/$proces->id",$owner_tab);
                                                    echo $button_aktywa;
                                                */
                                                    // ($permision_functions_for_range,$function,$adress,$owner_tab,$onclick = null,$target = null)
                                                    //$button_delete = my_TableButton($permision_functions_for_range,"delete",null,'none',"openModalForm('ModalForm_proces_delete','m_odo_proces_lista_index')");
                                                    //$button_delete = my_TableButton($permision_functions_for_range,"delete",null,'none','','',$proces->id,null,'new');
                                                    //echo $button_delete;

                                                    //$button_delete = my_TableButton($permision_functions_for_range,"delete",null,null,"my_SetActiveRecord($proces->id)",null,$proces->id,null,'new');
                                                    //echo $button_delete;

                                                    //<a class="btn btn-info" href="{{ url('/m_odo_proces_lista_info', $proces->id) }}" data-toggle="tooltip" title="Szczegóły">
                                                    //    <i class="fa fa-info-circle fa-1x" aria-hidden="true"></i>
                                                    //</a>

                                                    $button_edit = my_TableButton(null,"edit",null,null,"my_SetActiveRecord($row->id); openModalForm('ModalForm_edit')",null,$row->id,null,'new');
                                                    echo $button_edit;

                                                    $button_status = my_TableButton(null,"status",null,null,"my_SetActiveRecord($row->id); openModalForm('ModalForm_status')",null,$row->id,null,'new');
                                                    //$button_status = my_TableButton($permision_functions_for_range,"status",null,$owner_tab,"openModalForm('ModalForm_status-$rejestr->id')",null,null,null,'new');
                                                    echo $button_status;
                                                @endphp
                                            </td>

                                        </tr>
                                    @endforeach

                                @else
                                    <tr class="tr_no_records">
                                        <td colspan="9" scope="row" class="text-center"><div class="no_records">Brak rekordów spełniających wybrany warunek.</div></td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                    </div>
                </div>


            </div>

        </div>

    </div>
</div>



<!-- // Informacja o ilości rekordów wyświetlanych na stronie -->
<div class="HowManyRecords">{{ $HowManyRecords }} / {{ $HowManyAllRecords }} </div>

<!-- Sekcja nr 1 - KONIEC -->

<script>
    // Pobieram id aktywnego rekordu i przewijam tabelę do tego rekordu
    $(document).ready(function() {
        const thead = document.querySelector("table > thead");
        var thead_height = thead.offsetHeight;
        //console.log('thead_height: '+thead_height);

        const div_TableScroll = document.querySelector("div.div_TableScroll");
        var div_TableScroll_height = div_TableScroll.offsetHeight;
        //console.log(div_TableScroll_height);
        targetElm_2 = document.querySelector('div.no_records');
        //console.log(targetElm_2);
        if(targetElm_2){
            //div_TableScroll_height_final = div_TableScroll_height - thead_height - 25;
            //div_TableScroll_height_final = div_TableScroll_height - thead_height - 5;
            //targetElm_2.style.height = div_TableScroll_height_final+'px';
        }

        var active_row_value = document.getElementById('active_row').value;
        //console.log(active_row_value);
        // location.hash = '#' + active_row_value;
        //$('div').animate({ scrollTop: $('#' + active_row_value).offset().top }, 800);
        //$('div').scrollTop: $('#' + active_row_value).offset().top;
        //targetElm = document.querySelector('.active_row');
        var targetElm = document.getElementById('tr_id_'+active_row_value);
        if(targetElm){
            const thead = document.querySelector("table > thead");
            var thead_height = thead.offsetHeight;
            targetElm.style.scrollMargin = thead_height+'px';
            //var thead_height = '0';thead.offsetHeight;
            //console.log('thead_height-2: '+thead_height);
            targetElm.style.scrollMargin = thead_height+'px';
            targetElm.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }
    });


    function my_SetActiveRecord(id_row){
        var id_row;

        var element = document.getElementById('tr_id_'+id_row);
        //console.log(element);
        const boxes = Array.from(document.getElementsByClassName('active_row'));
        //console.log(boxes);
        boxes.forEach(box => {
            // Remove class from each element
            box.classList.remove('active_row');
            // Add class to each element
            // box.classList.add('small');
        });

        var element = document.getElementById('tr_id_'+id_row);
        //console.log(id_row);
        element.classList.add("active_row");
        //$('div').animate({ scrollTop: $('#' + element).offset().top }, 800);
        //var active_row_value = document.getElementById('active_row').value;
        //targetElm = document.querySelector('.active_row');
        const thead = document.querySelector("table > thead");
        var thead_height = thead.offsetHeight;
        element.style.scrollMargin = thead_height+'px';
        element.scrollIntoView({ behavior: 'smooth', block: 'start' });

        var baseUrl = "{{URL::to('/')}}";

        $.ajax({
            url: baseUrl+"/set_session",
            type: "GET",
            data: {
                //type: 100,
                active_record: id_row
                //email: 'email',
                //city: 'city'
            } /*,
            cache: false,
            success: function(dataResult){
                console.log(dataResult);
            }
            */
        });

    }


    function my_setValue(my_name, my_value = null){
        document.getElementById(my_name).value = my_value;
        console.log(my_value);
    }


</script>
@endsection


{{-- Navbar section --}}
@section('navbar')

    {{-- @include('sites.odo._navbar_odo') --}}
    <a class="navbar_navigate" href="{{ url('/m_admin') }}" data-toggle="tooltip" title="Moduł ADM">
        ADM
    </a>
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Aktywna Strona">
        {{$tytul_okna}}
    </span>

@endsection

{{-- Menu section --}}
@section('menu')
    @include('sites.admin.menu_admin')
@endsection

{{-- ModalWindowssection --}}
@section('modal_windows')
    @include('sites._global_tables.table_form_modal_add')
    @include('sites._global_tables.table_form_modal_edit')
    {{--
    @include('sites._global_tables.table_form_modal_status')
    --}}
@endsection