@extends('adminlte::page')

@section('title', $tabTitle)

@section('content_header')
    <h3 class="m-0 text-center menu-title">{{ $title }}</h3>
    @if($formType == 'edit' && isset($wo))
        <h6 class="mt-2 text-center menu-title"> {{ \Carbon\Carbon::parse($wo->delivery_date)->format('d.m.Y.') . '  ' . $wo->name}}</h6>
    @endif
    @if(isset($wo->id))
        <a class="btn btn-circle print-wo" href="{{route('working_orders.pdf', ['workingOrderId' => $wo->id])}}" target="_blank"><i class="fas fa-print"></i></a>
    @endif
@stop


@section('content')
    <div class="row">
        <div class="col-12 page-tab">
            <div class="card">
                <div class="card-body">
                    <form id="working-order-edit-form" style="margin-top: 15px;" method="POST" action="{{$route}}">
                        @csrf
                        @if(isset($wo))
                        <input type="hidden" id="working_order[id]" name="working_order[id]" value="{{$wo->id}}">
                        @endif
                        <input type="hidden" name="tabIndex" id="tabIndex" value="{{ request('tabIndex', 'in_progress') }}">
                        <input type="hidden" name="page" id="page" value="{{ request('page', 0) }}">
                        <div class="row">
{{--                            <div class="col-md-6 col-sm-12">--}}
{{--                                <label for="working_order[number]" class="required">Broj radnog naloga</label>--}}
{{--                                <input name="working_order[number]" id="working_order[number]" class="form-control" value="{{$wo_number}}">--}}
{{--                            </div>--}}
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="working_order[product_id]" class="required">Uređaj</label>
                                    <select
                                        name="working_order[product_id]"
                                        id="working_order[product_id]"
                                        class="form-control @error('working_order.product_id', $errorBag) is-invalid @enderror"
                                    >
                                        <option value="" selected disabled hidden> Odaberite uređaj </option>
                                        <option value="new_device" @if(($errors->hasBag($errorBag) && old('working_order.product_id') == 'new_device')) selected @endif> Novi uređaj </option>
                                        @foreach($products as $product)
                                            <option value="{{$product->id}}" @if(($errors->hasBag($errorBag) && old('working_order.product_id') == $product->id) || (isset($wo) && $wo->product_id == $product->id) || (isset($fromProduct) && $fromProduct == $product->id) ) selected @endif>
                                                {{ $product->format_esb.' - '.$product->model_type.' - '.$product->serial_number }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div id="new_product_layout" class="form-group @if(($errors->hasBag($errorBag) && old('working_order.product_id') == 'new_device')) @else d-none @endif">
                                    <div class="row">
                                        <div class="col">
                                            <input type="text" name="new_product[producer]" class="form-control @error('new_product.producer', $errorBag) is-invalid @enderror" autocomplete="off"
                                                   value="{{ $errors->hasBag($errorBag) ? old('new_product.producer') : '' }}" placeholder="Proizvođač*">
                                        </div>
                                        <div class="col">
                                            <input type="text" name="new_product[model_type]" class="form-control @error('new_product.model_type', $errorBag) is-invalid @enderror" autocomplete="off"
                                                   value="{{ $errors->hasBag($errorBag) ? old('new_product.model_type') : '' }}" placeholder="Model*">
                                        </div>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col">
                                            <input type="text" name="new_product[serial_number]" class="form-control @error('new_product.serial_number', $errorBag) is-invalid @enderror" autocomplete="off"
                                                   value="{{ $errors->hasBag($errorBag) ? old('new_product.serial_number') : '' }}" placeholder="Serijski broj*">
                                        </div>
                                        <div class="col">
                                            <input type="text" name="new_product[guarantee]" class="form-control @error('new_product.guarantee', $errorBag) is-invalid @enderror" autocomplete="off"
                                                   value="{{ $errors->hasBag($errorBag) ? old('new_product.guarantee') : '' }}" placeholder="Jamstvo">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[client_id]" class="required">Klijent</label>
                                    <select
                                        name="working_order[client_id]"
                                        id="working_order[client_id]"
                                        class="form-control @error('working_order.client_id', $errorBag) is-invalid @enderror"
                                        data-prevent="0"
                                    >
                                        <option value="" selected disabled hidden> Klijent </option>
                                        @foreach($clients as $client)
                                            <option value="{{$client->id}}" @if(($errors->hasBag($errorBag) && old('working_order.client_id') == $client->id) || (isset($wo) && $wo->client_id == $client->id)) selected @endif>
                                                {{ $client->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[location_id]">Klinika/odjel</label>
                                    <select
                                        name="working_order[location_id]"
                                        id="working_order[location_id]"
                                        class="form-control set-location @error('working_order.location_id', $errorBag) is-invalid @enderror"
                                    >
                                        <option value="" selected disabled hidden> Odaberite kliniku ili odjel </option>
                                        @if(isset($client_locations))
                                            @foreach($client_locations as $location)
                                                <option value="{{$location->id}}" @if(isset($wo) && $location->id == $wo->location_id) selected @endif>{{$location->name}}</option>
                                            @endforeach
                                        @endif

                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[contact_number]" class="required">Kontakt klijenta (Ime/Prezime/Broj)</label>
                                    <input name="working_order[contact_number]" id="working_order[contact_number]" class="form-control @error('working_order.contact_number', $errorBag) is-invalid @enderror" autocomplete="off"
                                           value="{{ $errors->hasBag($errorBag) ? old('working_order.contact_number') : (isset($wo) ? $wo->contact_number : '') }}">
                                </div>

                                <div class="form-group">
                                    <label for="working_order[contact_email]">Email klijenta</label>
                                    <input name="working_order[contact_email]" id="working_order[contact_email]" class="form-control {{ $errors->has('working_order.completed') ? 'is-invalid' : '' }}" autocomplete="off"
                                           value="{{ $errors->hasBag($errorBag) ? old('working_order.contact_email') : (isset($wo) ? $wo->contact_email : '') }}">
                                </div>

                                <div class="form-group">
                                    <label for="email_signed">Poslati nalog na Email klijenta radi potpisivanja</label>
                                    <select name="working_order[email_signed]" id="working_order_email_signed" class="form-control @error('working_order.email_signed', $errorBag) is-invalid @enderror">
                                        @foreach(trans('working_orders.email_signed') as $option => $string)
                                            <option value="{{$option}}" @if(($errors->hasBag($errorBag) && old('working_order.email_signed') == $option) || (isset($wo) && $wo->email_signed == $option) ) selected @endif>
                                                {{ $string }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                @if($formType != 'create')
                                    <div class="form-group">
                                        @if (isset($wo) && ($wo->signature || $wo->email_signed == 'email_confirmed'))
                                            <label>Nalog potpisan: <span id="is_signed" value="1">Da</span></label>
                                            <div class="signature">
                                                <img src="{{ $wo->signature?->img }}" alt="Potpis klijenta" width="100px">
                                            </div>
                                        @else
                                            <label>Nalog potpisan: <span id="is_signed" value="0">Ne</span></label>
                                        @endif
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label for="working_order[user_id]" class="required">Serviser</label>
                                    <select
                                        name="working_order[user_id]"
                                        id="working_order[user_id]"
                                        class="form-control @error('working_order.user_id', $errorBag) is-invalid @enderror"
                                    >
                                        <option value="" selected disabled hidden> Odaberite Servisera </option>
                                        @foreach($servisers as $serviser)
                                            <option value="{{$serviser->id}}" @if(($errors->hasBag($errorBag) && old('working_order.user_id') == $serviser->id) || (isset($wo) && $wo->user_id == $serviser->id) ) selected @endif>
                                                {{ $serviser->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                 <div class="form-group">
                                    <label for="working_order[internal_note]">Interna napomena</label>
                                    <textarea name="working_order[internal_note]" id="working_order[internal_note]" rows="5" class="form-control">{{ $errors->hasBag($errorBag) ? old('working_order.internal_note') : (isset($wo) ? $wo->internal_note : '') }}</textarea>
                                </div>
                            </div>


                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="working_order[status]" class="required">Status</label>
                                    <select
                                            name="working_order[status]"
                                            id="working_order[status]"
                                            class="form-control @error('working_order.status', $errorBag) is-invalid @enderror"
                                    >
                                        <option value="" selected disabled hidden> Odaberite status </option>
                                        <option value="1" @if(($errors->hasBag($errorBag) && old('working_order.status') == 1) || (isset($wo) && $wo->status == 1) ) selected @endif> PMI </option>
                                        <option value="2" @if(($errors->hasBag($errorBag) && old('working_order.status') == 2) || (isset($wo) && $wo->status == 2) ) selected @endif> U kvaru - radi </option>
                                        <option value="3" @if(($errors->hasBag($errorBag) && old('working_order.status') == 3) || (isset($wo) && $wo->status == 3) ) selected @endif> U kvaru - NE RADI </option>
                                        <option value="4" @if(($errors->hasBag($errorBag) && old('working_order.status') == 4) || (isset($wo) && $wo->status == 4) ) selected @endif> Instalacija </option>
                                        <option value="5" @if(($errors->hasBag($errorBag) && old('working_order.status') == 5) || (isset($wo) && $wo->status == 5) ) selected @endif> Ostalo </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="working_order[completed]" class="required">Nalog</label>
                                    <select
                                        name="working_order[completed]"
                                        id="working_order[completed]"
                                        class="form-control @error('working_order.completed', $errorBag) is-invalid @enderror"
                                    >

                                        <option value="0" @if(($errors->hasBag($errorBag) && old('working_order.completed') == 0) || (isset($wo) && $wo->completed == 0) ) selected @endif> Otvoren </option>
                                        @if($formType != 'create')
                                            <option value="1" @if(($errors->hasBag($errorBag) && old('working_order.completed') == 1) || (isset($wo) && $wo->completed == 1) ) selected @endif> Zatvoren </option>
                                        @endif
                                    </select>
                                    <small class="wo-warning" style="display: none">Nalog nije moguće završiti dok nije potpisan</small>
                                </div>

                                <div class="form-group">
                                    <input id="can_invoice" class="form-check-input" type="checkbox" name="working_order[can_invoice]" {{ (isset($wo) && $wo->can_invoice) ? 'checked' : '' }} {{ !isset($wo) || $wo->completed != 1 ? 'disabled' : '' }}>
                                    <label class="form-check-label @error('working_order.can_invoice', $errorBag) is-invalid @enderror" for="working_order[can_invoice]">Za fakturirati</label>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[maintainer]" class="required">Održava</label>
                                    <select
                                        name="working_order[maintainer]"
                                        id="working_order[maintainer]"
                                        class="form-control @error('working_order.maintainer', $errorBag) is-invalid @enderror"
                                    >
                                        <option value="" selected disabled hidden> Odaberite održavača </option>
                                        <option value="Eurokontakt" @if(($errors->hasBag($errorBag) && old('working_order.maintainer') == 'Eurokontakt') || (isset($wo) && $wo->maintainer == 'Eurokontakt') ) selected @endif> Eurokontakt </option>
                                        <option value="Simteh" @if(($errors->hasBag($errorBag) && old('working_order.maintainer') == 'Simteh') || (isset($wo) && $wo->maintainer == 'Simteh') ) selected @endif> Simteh </option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[note]">Napomena klijentu</label>
                                    <textarea name="working_order[note]" id="working_order[note]" rows="5" class="form-control">{{ $errors->hasBag($errorBag) ? old('working_order.note') : (isset($wo) ? $wo->note : '') }}</textarea>
                                </div>

                                <div class="form-group">
                                    <label for="working_order[planned_starting_date]" class="required">Planirani početak</label>
                                    <input id="planned_starting_date" name="working_order[planned_starting_date]" class="form-control @error('working_order.planned_starting_date', $errorBag) is-invalid @enderror flatpickr" type="text" autocomplete="off"
                                        value="{{ $errors->hasBag($errorBag) ? old('working_order.planned_starting_date') : (isset($wo) ? \Carbon\Carbon::parse($wo->planned_starting_date)->format('d.m.Y.') : \Carbon\Carbon::now()->format('d.m.Y.'))}}">
                                </div>

                                <div class="form-group">
                                    <label for="working_order[planned_completion_date]" class="required">Planirani završetak</label>
                                    <input id="planned_completion_date" name="working_order[planned_completion_date]" class="form-control @error('working_order.planned_completion_date', $errorBag) is-invalid @enderror flatpickr" type="text" autocomplete="off"
                                        value="{{ $errors->hasBag($errorBag) ? old('working_order.planned_completion_date') : (isset($wo) ? \Carbon\Carbon::parse($wo->planned_completion_date)->format('d.m.Y.') : \Carbon\Carbon::now()->format('d.m.Y.'))}}">
                                </div>

                                <div class="form-group">
                                    <label for="working_order[fault_description]" class="required">Opis kvara</label>
                                    <textarea name="working_order[fault_description]" id="working_order[fault_description]" rows="5" class="form-control mt-2 @error('working_order.fault_description', $errorBag) is-invalid @enderror">{{ $errors->hasBag($errorBag) ? old('working_order.fault_description') : (isset($wo) ? $wo->fault_description : '')}}</textarea>
                                </div>
                            </div>

                            <div class="col-md-12 col-sm-12 mt-3">
                                <div class="table-responsive" style="padding: 0 50px;">
                                    <table id="wo-items-table" class="table display table-hover w-100">
                                        <thead>
                                        <tr>
                                            <th>Rbr</th>
                                            <th>Datum</th>
                                            <th>Šifra / kat. broj</th>
                                            <th>Naziv artikla / usluge</th>
                                            <th>Serviser</th>
                                            <th>Kol</th>
                                            <th>JMJ</th>
                                            <th>
                                                <a id="addItemRowBtn" class="btn btn-circle mx-1 pl-2 btn-outline-primary @if(isset($wo) && $wo->completed) disable-icon-btn @endif" style="padding-top: 0.4rem" title="{{ __('datatables.buttons.newRow') }}">
                                                    <i class="fas fa-plus"></i>
                                                </a>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        @if($errors->hasBag($errorBag))
                                            @for($row = 1; $row <= count(old('wo_item')); $row++)
                                                @include('working_orders.partials.item_row', [
                                                    'counter' => $row,
                                                ])
                                            @endfor
                                        @elseif(isset($wo))
                                            @foreach($wo->items->sortBy('rbr')->values() as $index => $item)
                                                @include('working_orders.partials.item_row', [
                                                   'counter' => $index+1,
                                                   'item' => $item,
                                                   'wo_completed' => $wo->completed,
                                               ])
                                            @endforeach
                                        @else
                                            @include('working_orders.partials.item_row', [
                                               'counter' => 1,
                                               'travel_cost' => 1,
                                           ])
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div id="form-buttons" class="col-md-12 col-sm-12 text-center mt-4">
                                <p class="wo-warning" style="display:none">Nalog nije moguće završiti dok nije potpisan ili nije unešen Email klijenta</p>
                                @if($formType == 'create')
                                    <button type="submit" class="btn btn-primary btn-wait">Kreiraj</button>
                                @elseif($formType == 'edit' && isset($wo))
                                    @if($wo->completed)
                                        @if($auth)
                                            <button type="button" id="change-complete-wo-btn" data-completed="0" class="btn btn-primary btn-wait">Otvori RN</button>
                                        @endif
                                    @else
                                        <a
                                                type="button"
                                                class="btn btn-outline-primary mr-4"
                                                href="{{ route('working_orders.index', [
                                                    'tabIndex' => $tabIndex ?? request('tabIndex', 'in_progress'),
                                                    'page' => $page ?? request('page', 0),
                                                ]) }}"
                                        >
                                            Odustani
                                        </a>

                                        <button type="submit" id="update-wo-btn" class="btn btn-primary btn-wait mr-4">Ažuriraj</button>
                                        <button type="button" id="change-complete-wo-btn" data-completed="1" class="btn btn-primary btn-wait">Zatvori RN</button>
                                    @endif
                                    @if($wo->can_invoice && !$wo->is_invoiced)
                                        <button type="button" id="invoice-wo" data-completed="1" class="btn btn-primary btn-wait">Fakturiraj</button>
                                    @endif
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')

@append

@push('css')
    @include('adminlte::libs.css.datatables')
    @include('adminlte::libs.css.select2')
@endpush

@push('js')
    @php
        $columns = [
            [
                'data' => 'month_of_servicing',
                'name' => 'month_of_servicing',
                'title' => __('locations.table.columns.month_of_servicing')
            ],
            [
                'data' => 'name',
                'name' => 'name',
                'title' => __('locations.table.columns.name')
            ],
            [
                'data' => 'address',
                'name' => 'address',
                'title' => __('locations.table.columns.address')
            ],
            [
                'data' => 'city',
                'name' => 'city',
                'title' => __('locations.table.columns.city')
            ],
            [
                'data' => 'region',
                'name' => 'region',
                'title' => __('locations.table.columns.region')
            ],
            [
                'data' => 'service_type',
                'name' => 'service_type',
                'title' => __('locations.table.columns.service_type')
            ],
            [
                'data' => 'actions',
                'name' => 'actions',
                'title' => __('locations.table.columns.actions'),
                'sortable' => false,
                'width' => '12%'
            ],
            [
                'data' => 'done_todo',
                'name' => 'done_todo',
                'title' => __('locations.table.columns.done_todo')
            ],
            [
                'data' => 'month_of_servicing_string',
                'name' => 'month_of_servicing_string',
                'title' => __('locations.table.columns.month_of_servicing_string')
            ],
        ];
        $url = url()->current();
        $baseUrl = url('/');
        $endpoint = [
            'url' => "{$baseUrl}/working_order_locations/viewAllLocations",
            'dataSrc' => 'data'
        ];
    @endphp

    @include('adminlte::libs.js.datatables')
    @include('adminlte::libs.js.select2')

    {{-- Add inline js when developing or testing here. When you're finished, transfer to working_orders.js --}}
    <script defer type="text/javascript" src="{{ asset('/js/modal-helpers.min.js') }}"></script>
    <script defer type="text/javascript" src="{{ asset('/js/datatables-helpers.min.js') }}"></script>
    <script defer type="text/javascript" src="{{ asset('/js/working_orders.min.js') }}"></script>
    <script defer type="text/javascript" src="{{ asset('/js/clients.min.js') }}"></script>
    <script defer type="text/javascript" src="{{ asset('/js/google-maps.min.js') }}"></script>
    <script defer type="text/javascript" src="{{ asset('/js/date-de.min.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function(){

            // Call flatpickr function initially
            initializeFlatpickr();


            initializeSelect2("working_order[product_id]", "Odaberite uređaj");
            initializeSelect2("working_order[client_id]", "Odaberite klijenta");
            initializeSelect2("working_order[location_id]", "Odaberite klijenta ili odjel");
            initializeSelect2("working_order[user_id]", "Odaberite servisera");
            initializeSelect2("working_order[status]", "Odaberite status", undefined, -1);
            initializeSelect2("working_order[completed]", "Odaberite status", undefined, -1);
            initializeSelect2("working_order[maintainer]", "Odaberite održavača", undefined, -1);

            function setLoading($btn) {
                if ($btn.hasClass('is-loading')) return;

                $btn.data('orig-html', $btn.html());
                $btn.addClass('is-loading');

                // Ako NIJE submit gumb (ajax button ili <a>), disablaj ga
                const isSubmit = $btn.is('button[type="submit"], input[type="submit"]');
                if (!isSubmit) {
                    if ($btn.is('button, input')) $btn.prop('disabled', true);
                    if ($btn.is('a')) $btn.attr({'aria-disabled':'true', 'tabindex':'-1'});
                }

                // Spinner + poruka
                $btn.html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Molim pričekajte...');
            }

            function unsetLoading($btn) {
                if (!$btn.hasClass('is-loading')) return;
                $btn.html($btn.data('orig-html'));
                $btn.removeClass('is-loading');
                if ($btn.is('button, input')) $btn.prop('disabled', false);
                if ($btn.is('a')) $btn.removeAttr('aria-disabled tabindex');
            }

            // Klik na bilo koji .btn-wait (i submit i ajax)
            $(document).on('click', '.btn-wait', function () {
                setLoading($(this));
                // za submit gumbe ne diramo ništa dalje — default submit ide normalno
            });

            // Fallback: submit preko Enter tipke → nađi submitter i stavi loading
            $(document).on('submit', 'form', function (e) {
                const $submitter = $(e.originalEvent?.submitter || []);
                const $btn = $submitter.hasClass('btn-wait')
                    ? $submitter
                    : $(this).find('.btn-wait[type="submit"]').first();
                if ($btn.length) setLoading($btn);
            });

            // Ako AJAX padne, vrati zadnji "čekajući" gumb
            $(document).ajaxError(function () {
                unsetLoading($('.btn-wait.is-loading').last());
            });

            // Dodavanje novog reda
            $(document).on('click', '#addItemRowBtn', function () {
                let counter = $('.item-row-counter:last').data('counter');

                $.getJSON('/working_orders/addItemRow', {
                        counter: counter ? counter + 1 : 1,
                        errorBag: '{{$errorBag}}',
                    })
                    .done(response => {
                        if ($('.item-row-counter').length) {
                            $('#wo-items-table tbody .item-row-counter:last').after(response.html)
                        } else {
                            $('#wo-items-table tbody').append(response.html)
                        }

                        // Call flatpickr function after adding HTML
                        initializeFlatpickr();
                        renumberRbrColumn();
                    })
                    .fail(error => console.error(error))
            })

            // Brisanje reda
            $(document).on('click', '.remove-item-row', function () {
                $(this).parents('.item-row-counter').remove();
                setTimeout( renumberRbrColumn(), 500);
            })

            $(document).on('change', '#planned_starting_date', function () {
                $('#planned_completion_date').val($(this).val());
            })

            //Eventi pri promjeni proizvoda
            $(document).on('change', '[id="working_order[product_id]"]', function () {
                let product_id = $(this).val();

                if (product_id == 'new_device'){
                    $('#new_product_layout').removeClass('d-none');
                }else{
                    $('#new_product_layout').addClass('d-none');
                    $.ajax({
                        type: "GET",
                        url: route('products.view', { productId: product_id, basic: 1 }),
                        success: function(response){
                            $('[id="working_order[client_id]"]').val(response.data.client_id).data('prevent', 1).trigger('change').next('.select2-container').addClass('changed-field')

                            Object.entries(response.data.location_list).forEach(([attribute, value]) => {
                                $('[id="working_order[location_id]"]').append('<option value="'+value.id+'">'+value.name+'</option>')
                            })

                            $('[id="working_order[location_id]"]').val(response.data.location_id).trigger('change').next('.select2-container').addClass('changed-field')

                            $('.changed-field').each(function (item) {
                                removeChangedClass(item)
                            })
                        },
                        error: function(response) {
                            $('#errorModal').modal('show');
                        }
                    });
                }
            })

            $(document).on('change', '[id="working_order[client_id]"]', function () {
                let client_id = $(this).val();
                let preventData = $(this).data('prevent');
                let location_id = $(this).data('location_id');
                $(this).data('prevent', 0)  // Change the value of prevent to 0
                let location_input = $(this).parents('form').find('.set-location');

                $.ajax({
                    type: "GET",
                    url: route('clients.getClientLocations'),
                    data: {
                        client_id: client_id
                    },
                    success: function(response){
                        //Po odabiru klijenta postavi njegov putni trošak u prvi red
                        let travel_expense_row = $('#wo-items-table tbody tr:first');
                        let service_article_input = travel_expense_row.find('.service_article_input');
                        let service_name_input = travel_expense_row.find('.service_name_input');

                        service_article_input.val(response.pt_short).addClass('changed-field');
                        service_name_input.val(response.pt_long).addClass('changed-field');

                        // Remove the class after a delay to fade away the effect
                        removeChangedClass();

                        // Ako nema prevencije promjeni lokacije
                        if (preventData == 0) {
                            location_input.html('<option value="">Odaberite klikinu/odjel</option>')

                            console.log('client_id: ', client_id);
                            Object.entries(response.locations).forEach(([attribute, value]) => {
                                location_input.append(
                                    '<option value="'+value.id+'">'+value.name+'</option>'
                                )
                            })
                        }

                        // Ako nema prevencije promjeni lokacije
                        if (location_id != 0 && location_id != undefined) {
                            $('[id="working_order[location_id]"]').val(location_id).trigger('change')
                        }
                    },
                    error: function(response) {
                        toastr.warning('Nešto nije u redu')
                    }
                });
            })

            $(document).on('change', '[id="working_order[user_id]"]', function () {
                let service_person_input = $('#wo-items-table tbody tr:first .service_person_input');
                service_person_input.val($(this).val()).change().addClass('changed-field');

                removeChangedClass();
            });

            $(document).on('click', '.remove_location_from_wo', function () {
                deleteEntity('{{ $baseUrl }}/working_order_locations/' + this.dataset.wo_loc_id, function () {})
                $(this).closest('tr').remove()
            })

            // Function to remove the 'changed-field' class after a delay
            function removeChangedClass() {
                setTimeout(function() {
                    $('.changed-field').addClass('fading-out');
                    // Delay to match transition duration:
                    setTimeout(function() {
                        $('.changed-field').removeClass('changed-field fading-out');
                    }, 500);
                }, 1500);
            }

            $(document).on('click', '#change-complete-wo-btn', function () {
                let wo_id =  $('[id="working_order[id]"]').val();
                let completed =  $(this).data('completed');
                let can_invoice =  $('#can_invoice').prop('checked');
                let csrfToken = $('meta[name="csrf-token"]').attr('content');

                // Make a POST request
                $.post({
                    url: route('working_orders.changeCompleted', { wo_id: wo_id, completed: completed, can_invoice: can_invoice}),
                    data: {
                        _token: csrfToken
                    },
                    success: function(response) {
                        // Handle success response if needed
                        console.log("Request successful");
                        window.location.href = route('working_orders.index')
                    },
                    error: function(xhr, status, error) {
                        // Handle error response if needed
                        console.error("Request failed:", error);
                    }
                });

                //window.location.href = route('working_orders.changeCompleted', { wo_id: wo_id, completed: 1 })
            })

            $(document).on('click', '#invoice-wo', function () {
                let wo_id =  $('[id="working_order[id]"]').val();
                let completed =  $(this).data('completed');
                let can_invoice =  $('#can_invoice').prop('checked');
                let csrfToken = $('meta[name="csrf-token"]').attr('content');
                let tabIndex = $('#tabIndex').val();
                let page = $('#page').val();

                // Make a POST request
                $.post({
                    url: route('working_orders.changeCompleted', {
                        wo_id: wo_id,
                        completed: completed,
                        can_invoice: can_invoice,
                        is_invoiced: 1,
                        tabIndex: tabIndex,
                        page: page,
                    }),
                    data: {
                        _token: csrfToken
                    },
                    success: function(response) {
                        // Handle success response if needed
                        console.log("Request successful");
                        window.location.href = route('working_orders.index') +   `?tabIndex=${tabIndex}&page=${page}`;
                    },
                    error: function(xhr, status, error) {
                        // Handle error response if needed
                        console.error("Request failed:", error);
                    }
                });

                //window.location.href = route('working_orders.changeCompleted', { wo_id: wo_id, completed: 1 })
            })

            // Ako se nalog kreira iz proizdvoda, odaberi proizvod i sve što on povlači
            @if(isset($fromProduct))
                $('[id="working_order[product_id]"]').change();
            @endif

            @if($errors->hasBag($errorBag))
                let old_location_id = '{{old('working_order.location_id')}}';
                let old_client_id = '{{old('working_order.client_id')}}';

                //Ako su bili postavljeni client i location id, trigger klijenta zbog dohvaćanja njegovih lokacija i select old lokacije
                if (old_client_id && old_location_id){
                    $('[id="working_order[client_id]"]').data('location_id', old_location_id).val(old_client_id).trigger('change')
                }

                console.error(JSON.parse('{!! $errors->getBag($errorBag)->toJson() !!}'))
            @endif

            function isSigned() {
                let is_signed = $('#is_signed').attr('value') == 1 || $('#working_order_email_signed').val() == 'email_confirmed';
                if (is_signed) {
                    $('#is_signed').html('Da').css('color','limegreen');
                } else {
                    $('#is_signed').html('Ne').css('color','red');
                }
                return is_signed;
            }
            isSigned();

            function blockEmailConfirmation() {
                let sel = $('[id="working_order[contact_email]"]');
                let opt = $('#working_order_email_signed > option[value="email_confirmed"]');
                if (sel.val() == '') {
                    opt.prop( "disabled", true );
                } else {
                    opt.prop( "disabled", false );
                }
            }
            blockEmailConfirmation();

            function allowCompletion() {
                if(isSigned()) {
                    $('.wo-warning').hide();
                    $('#update-wo-btn').prop( "disabled", false );
                    $('[id="change-complete-wo-btn"]').prop( "disabled", false );
                } else {
                    $('.wo-warning').show();
                    
                    $('[id="change-complete-wo-btn"]').prop( "disabled", true );
                    
                }
            }
            allowCompletion();

            function allowUpdate() {
                let update = $('[id="working_order[id]"]').length != 0;
                if (!isSigned() && $('[id="working_order[completed]"]').val() == 1 && update) {
                    $('#update-wo-btn').prop( "disabled", true );
                } else {
                    $('#update-wo-btn').prop( "disabled", false );
                }
            }

            $('[id="working_order[contact_email]"]').on('keyup', function() {
                blockEmailConfirmation();
            })
            $('#working_order_email_signed').on('change', function(){
                allowCompletion();
            });
            $('[id="working_order[completed]"]').on('change', function(){
                if ($(this).val() == 1) {
                    $('#can_invoice').prop( "disabled", false );
                } else {
                    $('#can_invoice').prop( "disabled", true );
                    $('#can_invoice').prop( "checked", false );
                }
                allowUpdate();
            });
        })
    </script>
@endpush