@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('KorisniciEdit', $user) }}
@endsection

@section('title', 'Izmena korisničkog naloga')

@section('content')
    <form method="POST" action="{{ route('cms.lms-user.update', $user) }}" enctype="multipart/form-data">
        @csrf
        @method('PATCH')
        <div class="row">
            @include('cms.lms_user._form')
        </div>
    </form>
    @if(($user->suspend == 1) && (($user->status == 0)))
        <form action="{{ route('cms.lms_user.remove_suspension', $user->id) }}" method="POST" id="removeSuspensionForm">
            @csrf
        </form>
    @endif
    @include('cms.lms_user.partials.modal-set-as-sector-manager')
@endsection
@section('scripts')
@parent
@if(($user->suspend == 1) && (($user->status == 0)))
    <script>
        document.querySelector('input[type=checkbox][name=suspend]').addEventListener('change', (e) => {
            document.querySelector('#removeSuspensionForm').submit()
        });
    </script>
@endif
<script>

    $(document).on('click', '#btn-set-as-sector-manager', (e) => {
        e.preventDefault();
        $('#setAsSectorManagerModal').modal('show')
    });
    const sector_id = {{ $user->sectors->pluck('id') ?? [] }};
    $(document).on('change', '#avatar', function(e) {
        const file = e.target.files[0]
        if (file) {
            $(".user-image img").attr('src', URL.createObjectURL(file))
        }
    });

    $(document).ready(function(){
        // const company_id = $('#company_id').val();
        // getCompanySectors(company_id);
    });

    $(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',
                data: {
                    sector_id
                },
                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