@extends('sites._global_forms.form_modal_add')

@php
    $modal_id = 'ModalForm_proces_add';
    $route_address_add = 'm_admin_procesy_form_save';
    $click_event_name = '.open_modal_add';
    $header_icon = 'fa fa-plus-circle';
    $add_submit_class = 'btn-success';
    $add_show_record_id = false;
    $return_to = '';
    $return_to_after_delete = '';
    $modal_return_to = '';
    $site_back = null;
    $rekord_id = null;

    $sw020_struktura = DB::table('sw020_komorki_organizacyjne')
        ->orderBy('nazwa_skrot', 'asc')
        ->get();
@endphp

@section('form_body_add')
    <div class="form-group row">
        <label for="nazwa_procesu" class="col-md-4 col-form-label col-form-label-sm text-md-right">Nazwa procesu</label>
        <div class="col-md-6">
            <textarea id="nazwa_procesu" class="form-control form-control-sm" name="nazwa_procesu" autocomplete="nazwa_procesu" style="resize: none; height: 15rem;" required autofocus>{{ old('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 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>
@endsection

@section('java_script_add')
<script src="{{ asset('/library/jquery-validation/dist/jquery.validate.min.js') }}"></script>
<script src="{{ asset('/library/jquery-validation/dist/additional-methods.min.js') }}"></script>
<script src="{{ asset('/library/jquery-validation/dist/localization/messages_pl.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#form_add').validate({
            rules: {
                nazwa_procesu: {
                    required: true,
                    minlength: 2
                },
                wlasciciel_procesu_komorka_id: {
                    required: true
                }
            },
            onfocusout: function (element) {
                if ($(element).val()) {
                    $(element).valid();
                }
            },
            highlight: function (element) {
                $(element.form).find('.actions').addClass('form-error');
                $(element).removeClass('valid').addClass('error');
            },
            unhighlight: function (element) {
                $(element.form).find('.actions').removeClass('form-error');
                $(element).removeClass('error').addClass('valid');
            },
            submitHandler: function (form) {
                form.submit();
            }
        });
    });
</script>
@endsection