@php
    $rand = rand(0,1000);
@endphp
{{-- <form method="POST" autocomplete="off" action="{{ route('process.send_email', ['type' => $type, 'data' => $data]) }}"> @csrf --}}
    <div class="row flex-row gy-4">
        <input type="hidden" name="process_id" value="{{ $details['process_id'] ?? null }}">
        {{-- <input type="hidden" name="target_type" value="{{ $details['target_type'] ?? null }}"> --}}
        {{-- <input type="hidden" name="target_id" value="{{ $details['target_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
                        @endphp
                        <option value="{{$contact->id}}" {{$contact->id == ($selected_contact->id ?? null) ? 'selected' : ''}} data-name="{{ $contact->name }}" data-email="{{ $contact->email }}">{{$contact->name . ' - ' . $contact->email}}</option>
                    @endforeach

                    {{-- @foreach ($details['contacts'] as $key => $contact)
                    <option value="{{$contact->id}}" @if($supplier_contact == $contact->id && $contact->default) selected @endif data-name="{{ $contact->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') ?? $details['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>
{{-- </form> --}}

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

        $('#supplier_contact').change(function() {
            var selectedOption = $(this).find(':selected');
            var email = selectedOption.data('email');
            var name = selectedOption.data('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);
            $('#' + modalId + ' form #salutation').val('Tisztelt ' + name + '!');
        });
    });
</script>