@extends('layout/ace')

@section('title')
    Unos nove statične stranice
@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('StaticPagesCreate') }}
@endsection

@section('content')
    <form method="POST" action="{{ route('cms.static-page.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
        @include('cms.static_pages._form')
        </div>
    </form>
@endsection

@section('scripts')
@parent
<script>
    const elements_ids = [
        'title',
    ];

    const selects_ids = []

    selects_ids.forEach(el => {
        $('#'+el).on('change', function(e) {
            const item = $(this);
            item.removeClass('is-invalid');

            if (item.val() == '-1') {
                item.addClass('is-invalid');
                $('#vendor_id-invalid-feedback').show();
            }

            if (!validateForm(false)) {

            }
        });
    })

    elements_ids.forEach(el => {
        $('#'+el).on('input', function(e) {
            const item = $(this);
            item.removeClass('is-invalid');

            if (item.val() == '') {
                item.addClass('is-invalid');
            }

            if (!validateForm(false)) {

            }
        });
    });

    function validateForm(dispalyErrors = true)
    {
        var valid = true;

        elements_ids.forEach(el => {
            const item = $('#'+el);
            if (dispalyErrors) {
                item.removeClass('is-invalid');
            }

            if (item.val() == '') {
                if (dispalyErrors) {
                    item.addClass('is-invalid');
                }

                valid = false;
            }
        });

        selects_ids.forEach(el => {
            const item = $('#'+el);
            if (dispalyErrors) {
                item.removeClass('is-invalid');
            }

            if (item.val() == '-1') {
                if (dispalyErrors) {
                    item.addClass('is-invalid');
                    $('#vendor_id-invalid-feedback').show();
                }

                valid = false;
            }
        });

        if (valid) {
            $('#btn-sacuvaj').removeAttr('disabled');
            $('#btn-primeni').removeAttr('disabled');
        }

        return valid;
    }

    $(document).on('click', '#btn-sacuvaj, #btn-primeni', function(e) {
        if (!validateForm()) {
            e.preventDefault();
            $('#btn-sacuvaj').attr('disabled', 'disabled');
            $('#btn-primeni').attr('disabled', 'disabled');
        }
    });
</script>
@endsection