@extends('layouts.site')


@section('title','Zgłoszenia Sygnalista')
@section('organizacja')

@section('content')

@php
    $grupa_lp = 0;

    // Organizacja;
    $zgloszenie_status = DB::connection('mysql-2')->table('zs102_sygnalista_status')
    ->where('status','=',1)
    ->get();

@endphp


<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header card_edit">Zmiana statusu zgłoszenia</div>

                <div class="card-body">
                    <form id="form_status" onsubmit="return validateFormStatus(this)" action="{{ route('m_syg_zgloszenia_status_change_update', [$zgloszenie->id]) }}" method="POST">

                        @csrf
                        <input id="id" type="hidden" class="form-control form-control-sm" name="id" value="{{ $zgloszenie->id }}">


                        @if (Auth::user()->rola_admin == 1)
                            <div class="form-group row">
                                <label for="id" class="col-md-4 col-form-label col-form-label-sm text-md-right">Id</label>

                                <div class="col-md-6">
                                <input id="" type="text" class="form-control form-control-sm" name="id" value="{{ $zgloszenie->id }}" disabled>
                                </div>
                            </div>
                        @endif

                        <div class="form-group row">
                            <div class="col-md-12">

                                <div id="CheckBoxGroupFrame_status" class="my_GroupCheckBoxes">

                                    @foreach ( $zgloszenie_status as $item )
                                        <div class="">

                                                <div class="form-group form-inline col-md-10 offset-md-1">
                                                    <input class="my_CheckBox form_status" type="checkbox" id="status_{{ $grupa_lp++ }}" value="{{ $item->id }}"
                                                    name="checkbox_status[]" onclick="my_ChangeValueCheckbox_status(this);">
                                                    <span class="checkmark"></span>
                                                    <label class="my_SignallerFormLabel_Checkbox" for="checkbox">{{ $item->nazwa }}</label>
                                                </div>

                                        </div>
                                    @endforeach

                                </div>

                            </div>
                        </div>




                        <div class="mb-0 form-group row">
                            <div class="col-md-6 offset-md-4">
                                <a href="{{url()->previous()}}" type="btn" class="btn btn-secondary">Anuluj</a>
                                <button type="submit" class="btn btn-primary">
                                    Zapisz
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

<!-- Navbar section -->
@section('navbar')

    @include('sites.syg._navbar_syg')
    @include('sites.syg._navbar_syg_lista')

    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Aktywna Strona">
        Formularz - Zmiana Statusu
    </span>

@endsection

<!-- Menu section -->
@section('menu')
    @include('sites.syg.menu_syg')
@endsection

<script>
    function my_ChangeValueCheckbox_status(o){

        var o;

        tab2_checkboxes = document.getElementsByName('checkbox_status[]');

        for(var i=0, n=tab2_checkboxes.length;i<n;i++) {
            tab2_checkboxes[i].checked = false;
        }

        $(o).prop("checked", true);
        $("#CheckBoxGroupFrame_status").removeClass("error2"); // Set Disable style
    }


    function validateFormStatus(form){
        // Kategorie danych

        var x = document.querySelectorAll(".form_status"); // "zasoby" - Klasa zdefiniowana sztucznie
        var error_status = "" ;
        for (i = 0; i < x.length; i++) {
            if(x[i].checked){
                error_status = true;
                break;
            }else{
                error_status = false;
            }
        }
        if(error_status){
            document.getElementById('error_checkbox_tab7_1').style.visibility='hidden';
            $("#CheckBoxGroupFrame_status").removeClass("error2");
        }else{
            $("#CheckBoxGroupFrame_status").addClass("error2"); // Set Enable style
            return false;
        }

    }
</script>