@php
    $rand = rand(0,1000);
@endphp
<form method="POST" autocomplete="off" action="{{ route('process.migrate_documents', ['offer' => $offer->id]) }}"> @csrf
    <div class="row flex-row gy-4">

        <input id="selected_other_offer_id" name="selected_other_offer_id" type="hidden" value=" {{ $first_other_offer->id }} ">

        <div class="col-12">
            <label for="other_offer" class="form-label">{!! __('Ajánlatok/Megrendelések') !!}</label>
            <select id="other_offer" name="other_offer" class="form-select" aria-label="select">
                @php $other_offer = old('other_offer') ?? null; @endphp
                @foreach ($other_offers as $other_offer)
                <option value="{{$other_offer->id}}" @if($first_other_offer->id == $other_offer->id) selected @endif>{{ $other_offer->offer_number ?? $other_offer->id }}</option>
                @endforeach
            </select>
            @error('other_offers')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        <div class="col-12 mb-3">
            <div class="accordion mt-2" id="accordionPanels">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="panel-headingTwo">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panel-collapseTwo" aria-expanded="false" aria-controls="panel-collapseTwo">
                            Dokumentumok csatolása
                        </button>
                    </h2>
                    <div id="panel-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="panel-headingTwo">
                        <div class="accordion-body">
                            <div id="results" class="my-3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

<script>
    $(document).ready(function() {
        get_ckeditor();

        $('#other_offer').change(function() {
            var selectedOption = $(this).find(':selected');
            get_other_offer_documents(selectedOption.val());

            var modalId = $(this).closest('.modal').attr('id'); // Megkeressük a legközelebbi .modal osztállyal ellátott elemet és lekérjük az id értékét
            $('#' + modalId + ' form #selected_other_offer_id').val(selectedOption.val());
        });

        // other_offer_documents - Dokumentumok egyéb ajánlatból
        window.get_other_offer_documents = function(other_offer_id) {            
            var url = "{{ route('process.get_other_offer_documents', [':slug']) }}";
            url = url.replace(':slug', other_offer_id);
            $.ajax({
                type: "GET",
                url: url,
            })
            .done(function (response) {
                $("#results").html(response);
            })
            .fail(function (response) {
                console.log(response);
            });
        }
        get_other_offer_documents({{ $first_other_offer->id }});
    });
</script>