@extends('sites._global_forms.form_modal_edit')

@php
    $modal_id = 'ModalForm_proces_edit';
    $route_address_edit = 'm_admin_procesy_form_update';
    $route_params_edit = [$proces_id];
    $click_event_name = '.open_modal_edit';
    $site_back = null;
    $rekord_id = $proces_id;
    $data = $proces_info;

    $sw020_struktura = DB::table('sw020_komorki_organizacyjne')->get();
    $proces_cykle = DB::table('sw011_proces_cykle')->orderBy('kolejnosc_wyswietlania', 'ASC')->get();

    $cykliczny_0_value = $cykliczny_1_value = null;
    if (($data->proces_cykliczny ?? null) == 0) {
        $cykliczny_0_value = 1;
        $cykliczny = false;
    } else if (($data->proces_cykliczny ?? null) == 1) {
        $cykliczny_1_value = 1;
        $cykliczny = 1;
    } else {
        $cykliczny = null;
    }

    $aktywny_0_value = $aktywny_1_value = null;
    if (($data->status_aktywny ?? null) == 0) {
        $aktywny_0_value = 1;
        $aktywny = false;
    } else if (($data->status_aktywny ?? null) == 1) {
        $aktywny_1_value = 1;
        $aktywny = 1;
    } else {
        $aktywny = null;
    }

    $dpia_0_value = $dpia_1_value = null;
    if (($data->wymaga_dpia ?? null) != 1) {
        $dpia_0_value = 1;
        $dpia = false;
    } else if (($data->wymaga_dpia ?? null) == 1) {
        $dpia_1_value = 1;
        $dpia = 1;
    } else {
        $dpia = null;
    }
@endphp

@section('form_body_edit')
    <input id="id" type="hidden" class="form-control form-control-sm" name="id" value="{{ $proces_id }}">

    <div class="form-group row">
        <label for="nazwa_procesu" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa pe&#322;na</label>
        <div class="col-md-6">
            <textarea id="nazwa_procesu" class="form-control form-control-sm" name="nazwa_procesu" required autocomplete="nazwa_procesu" style="resize: none; height: 8rem;" autofocus>{{ $data->nazwa_procesu ?? '' }}</textarea>
            <label id="nazwa_procesu-error" class="label_error my_FormLabelError_2 error" for="nazwa_procesu"></label>
        </div>
    </div>

    <div class="form-group row">
        <label for="wlasciciel_procesu_komorka_id" class="col-md-4 col-form-label col-form-label-sm text-md-right">W&#322;a&#347;ciciel procesu</label>
        <div class="col-md-6">
            <select id="wlasciciel_procesu_komorka_id" class="form-control" name="wlasciciel_procesu_komorka_id" required>
                <option value="">-- Brak --</option>
                @foreach($sw020_struktura as $komorka)
                    <option {{ ($data->wlasciciel_procesu_komorka_id ?? null) == $komorka->id ? 'selected' : '' }} value="{{ $komorka->id }}">{{ $komorka->nazwa_skrot }} - {{ $komorka->nazwa_pelna }}</option>
                @endforeach
            </select>
            <label id="wlasciciel_procesu_komorka_id-error" class="label_error my_FormLabelError_2 error" for="wlasciciel_procesu_komorka_id"></label>
        </div>
    </div>

    <input type="hidden" id="proces_cykliczny" name="proces_cykliczny" value="{{ $cykliczny }}">
    <div class="form-group form-inline" style="align-items: flex-start;">
        <label class="my_FormLabelCheckbox col-md-4" for="proces_cykliczny">Czy proces jest cykliczny:</label>
        <div id="CheckBoxGroupFrame_cykliczny_1" class="form-check form-check-inline my_GroupCheckBoxes2">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="cykliczny_1" value="cykliczny_1" name="checkbox_ProcesCykliczny[]" onclick="my_ChangeValueCheckbox_Cykliczny(this)" {{ $cykliczny_1_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="cykliczny_1">Tak</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="cykliczny_0" value="cykliczny_0" name="checkbox_ProcesCykliczny[]" onclick="my_ChangeValueCheckbox_Cykliczny(this)" style="margin-left: 10px;" {{ $cykliczny_0_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="cykliczny_0">Nie</label>
            </div>
            <label id="checkbox_ProcesCykliczny[]-error" class="label_error my_CheckBoxErrorOpis error" for="checkbox_ProcesCykliczny[]"></label>
        </div>
    </div>

    <input type="hidden" id="rodzaj_cyklu" name="rodzaj_cyklu" value="{{ $data->rodzaj_cyklu ?? '' }}">
    <div class="form-group row" id="div_rodzaj_cyklu">
        <label for="rodzaj_cyklu_select" class="col-md-4 col-form-label col-form-label-sm text-md-right">Rodzaj cyklu</label>
        <div class="col-md-6">
            <select class="form-control" id="rodzaj_cyklu_select" name="rodzaj_cyklu_select" onchange="my_ChangeSelect(this.value);">
                <option value="">-- Brak --</option>
                @foreach($proces_cykle as $cykl)
                    <option {{ ($data->rodzaj_cyklu ?? null) == $cykl->id ? 'selected' : '' }} value="{{ $cykl->id }}">{{ $cykl->nazwa }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <input type="hidden" id="status_aktywny" name="status_aktywny" value="{{ $aktywny }}">
    <div class="form-group form-inline" style="align-items: flex-start;">
        <label class="my_FormLabelCheckbox col-md-4" for="proces_aktywny">Status procesu:</label>
        <div id="CheckBoxGroupFrame_aktywny_1" class="form-check form-check-inline my_GroupCheckBoxes2">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="aktywny_1" value="aktywny_1" name="checkbox_ProcesAktywny[]" onclick="my_ChangeValueCheckbox_Aktywny(this)" {{ $aktywny_1_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="aktywny_1">Aktywny</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="aktywny_0" value="aktywny_0" name="checkbox_ProcesAktywny[]" onclick="my_ChangeValueCheckbox_Aktywny(this)" style="margin-left: 10px;" {{ $aktywny_0_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="aktywny_0">Nieaktywny</label>
            </div>
            <label id="checkbox_ProcesAktywny[]-error" class="label_error my_CheckBoxErrorOpis error" for="checkbox_ProcesAktywny[]"></label>
        </div>
    </div>

    <input type="hidden" id="wymaga_dpia" name="wymaga_dpia" value="{{ $dpia }}">
    <div class="form-group form-inline" style="align-items: flex-start;">
        <label class="my_FormLabelCheckbox col-md-4" for="wymaga_dpia">Czy wymaga DPIA:</label>
        <div id="CheckBoxGroupFrame_dpia_1" class="form-check form-check-inline my_GroupCheckBoxes2">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="dpia_1" value="dpia_1" name="checkbox_ProcesDpia[]" onclick="my_ChangeValueCheckbox_Dpia(this)" {{ $dpia_1_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="dpia_1">Tak</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" id="dpia_0" value="dpia_0" name="checkbox_ProcesDpia[]" onclick="my_ChangeValueCheckbox_Dpia(this)" style="margin-left: 10px;" {{ $dpia_0_value == 1 ? 'checked' : '' }}>
                <label class="form-check-label" for="dpia_0">Nie</label>
            </div>
            <label id="checkbox_ProcesDpia[]-error" class="label_error my_CheckBoxErrorOpis error" for="checkbox_ProcesDpia[]"></label>
        </div>
    </div>
@endsection

@section('java_script_edit')
<script>
    $(document).ready(function () {
        var element = document.getElementById('div_rodzaj_cyklu');
        if (document.getElementById('proces_cykliczny').value == 1) {
            element.style.display = '';
        } else {
            element.style.display = 'none';
        }
    });

    function my_ChangeSelect(select_value) {
        document.getElementById('rodzaj_cyklu').value = select_value;
    }

    function my_ChangeValueCheckbox_Cykliczny(o) {
        input_checkboxes = document.getElementsByName('checkbox_ProcesCykliczny[]');

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

        document.getElementById(o.id).checked = true;

        if (o.id == 'cykliczny_0') {
            document.getElementById('proces_cykliczny').value = null;
            document.getElementById('rodzaj_cyklu').value = null;
            document.getElementById('div_rodzaj_cyklu').style.display = 'none';
        } else {
            document.getElementById('proces_cykliczny').value = 1;
            document.getElementById('div_rodzaj_cyklu').style.display = '';
        }

        $('#CheckBoxGroupFrame_cykliczny_1').removeClass('error2');
    }

    function my_ChangeValueCheckbox_Aktywny(o) {
        input_checkboxes = document.getElementsByName('checkbox_ProcesAktywny[]');

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

        document.getElementById(o.id).checked = true;
        if (o.id == 'aktywny_0') {
            document.getElementById('status_aktywny').value = null;
        } else {
            document.getElementById('status_aktywny').value = 1;
        }

        $('#CheckBoxGroupFrame_aktywny_1').removeClass('error2');
    }

    function my_ChangeValueCheckbox_Dpia(o) {
        input_checkboxes = document.getElementsByName('checkbox_ProcesDpia[]');

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

        document.getElementById(o.id).checked = true;
        if (o.id == 'dpia_0') {
            document.getElementById('wymaga_dpia').value = null;
        } else {
            document.getElementById('wymaga_dpia').value = 1;
        }

        $('#CheckBoxGroupFrame_dpia_1').removeClass('error2');
    }
</script>
@endsection