@extends('layout/ace')
@section('breadcrumbs')
    {{ Breadcrumbs::render('KorisniciCreate') }}
@endsection

@section('title', 'Unos Korisnika')

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

@section('scripts')
@parent
<script>
    $(document).on('change', '#avatar', function(e) {
        const file = e.target.files[0]
        if (file) {
            $(".user-image img").attr('src', URL.createObjectURL(file))
        }
    });

    $(document).on('change', '#company_id', function(e) {
        const company_id = $(e.target).val();
        getCompanySectors(company_id);
    })

    function getCompanySectors(company_id) {
        if(company_id) {
            $.ajax({
                url: `${window.origin}/ks4dm/company/sectors/${company_id}`,
                method: 'GET',
                success: function (data) {
                    $("#company_id-chosen-holder").parent().find('#group_ids-chosen-holder').remove();
                    $("#company_id-chosen-holder").parent().append(data.view);
                    $('#group_ids').chosen({
                        allow_single_deselect: true,
                    });
                }
            });
        }else{
            $("#company_id-chosen-holder").parent().find('#group_ids').remove();
        }
    }
</script>
@endsection