@php
    $rand = rand(0,1000);

    $salutation = $email_message->salutation ? $email_message->salutation : $details['salutation'];

    $search = ['{:client_fullName}', '{:client_firstName}'];
    $replace = [$details['full_name'] ?? '', $details['first_name'] ?? ''];

    $salutation = str_replace($search, $replace, $salutation);
@endphp
    <div class="row flex-row gy-4">
        <input type="hidden" name="process_id" value="{{ $details['process_id'] ?? null }}">
        <input type="hidden" name="file_type" value="{{ $details['file_type'] ?? null }}">
        
        @if (isset($details['contacts']) && !$details['contacts']->isEmpty())
            <div class="col-12">
                <label for="supplier_contact" class="form-label">{!! __('Kapcsolattartó') !!}</label>
                <select id="supplier_contact" name="supplier_contact" class="form-select" aria-label="select">
                    @php
                        $supplier_contact = old('supplier_contact') ?? null;
                        $selected_contact = null;
                    @endphp

                    @foreach ($details['contacts'] as $contact)
                        @php
                            if ($contact->default && $selected_contact === null) $selected_contact = $contact; // Ha még nincs kiválasztott `contact`, akkor ez lesz a kiválasztott

                            $contact_parts = $contact->name ? explode(' ', trim($contact->name)) : [];
                            $first_name = isset($contact_parts[1]) ? $contact_parts[1] : ($contact_parts[0] ?? null);                        
                        @endphp
                        <option 
                            value="{{$contact->id}}" 
                            {{$contact->id == ($selected_contact->id ?? null) ? 'selected' : ''}} 
                            data-name="{{ $contact->name }}" 
                            data-first-name="{{ $first_name }}" 
                            data-email="{{ $contact->email }}"
                        >
                            {{$contact->name . ' - ' . $contact->email}}
                        </option>
                    @endforeach
                </select>
                @error('supplier_contacts')
                    <span class="invalid-feedback" role="alert">
                        <strong>{!! $message !!}</strong>
                    </span>
                @enderror
            </div>
        @endif

        <div class="col-12">
            <label for="to" class="form-label">{!! __('Címzett') !!}</label>
            <input type="text" class="form-control" id="to" name="to" placeholder="example@example.com" value="{{ old('to') ?? $details['to'] }}">
            @error('to')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        <div class="col-12">
            <label for="subject" class="form-label">{!! __('Tárgy') !!}</label>
            <input type="text" class="form-control" id="subject" name="subject" placeholder="" value="{{ old('subject') ?? $email_message->subject }}">
            @error('subject')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        <div class="col-12">
            <label for="salutation" class="form-label">{!! __('Megszólítás') !!}</label>
            <input type="text" class="form-control" id="salutation" name="salutation" placeholder="" value="{{ old('salutation') ?? $salutation }}">
            @error('salutation')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        <div class="col-12">
            <div class="form-group">
                <label for="body">{!! __('Üzenet') !!}</label>
                <textarea id="message" name="body" cols="30" rows="10" class="ckeditor form-control @error('body') is-invalid @enderror">{{ isset($email_message->message) ? $email_message->message : old('body') }}</textarea>
                @error('body')
                    <span class="invalid-feedback" role="alert">
                        <strong>{!! $message !!}</strong>
                    </span>
                @enderror
            </div>
        </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 collapsed" 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" aria-labelledby="panel-headingTwo">
                        <div class="accordion-body">
                            @include('process.tables.email_documents', ['documents' => $all_document, 'types' => array_keys(App\Models\Document::types()), 'model' => 'Offer', 'id' => $data->id, 'table_id' => 'email_documents', 'modal_type' => 'dt_offer'])
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="form-group manual-invoice-field">
                <label for="other_file">{!! __('Külső dokumentum csatolása, mely nem kerül tárolásra') !!}</label>
                <input type="file" class="form-control" id="other_file" name="other_file[]" style="height: auto !important" multiple />
            </div>
        </div>

        <div class="col-12">
            Üdvözlettel:
            @include('emails.signature')
        </div>
    </div>

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

        //kontakt kiválasztása - beszállítói ajánlatnál

        $('#supplier_contact').change(function() {
            var selectedOption = $(this).find(':selected');
            var email = selectedOption.data('email');
            var name = selectedOption.data('name');
            var first_name = selectedOption.data('first-name');

            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 #to').val(email);
            @if(!$email_message->salutation)
            $('#' + modalId + ' form #salutation').val('Tisztelt ' + name + '!');
            @else
            var salutation = '{{$email_message->salutation}}';
            salutation = salutation.replaceAll('{:client_fullName}', name);
            salutation = salutation.replaceAll('{:client_firstName}', first_name);
            salutation = salutation.replaceAll("'", "\'");

            $('#' + modalId + ' form #salutation').val(salutation);
            @endif
        });
    });
</script>