@extends('layouts.app')

@section('content')
<TABLE border=0 cellspacing=2 width=95%>
    <TR class="TR1">
        <TD CLASS=Menu COLSPAN=32 ALIGN=LEFT>
            <FONT SIZE=+1><i>Étude : {{ $study->Code }} — {{ $study->Name }}</i></FONT>
        </TD>
    </TR>

    @if(session('success'))<TR>
        <TD CLASS=green COLSPAN=32>{{ session('success') }}</TD>
    </TR>@endif
    @if($errors->any())
    <TR>
        <TD CLASS=red COLSPAN=32>
            @foreach($errors->all() as $e)<B>{{ $e }}</B><BR>@endforeach
        </TD>
    </TR>
    @endif

    {{-- Sub-menu: Input tab highlighted --}}
    <TR class="TR2">
        <TD COLSPAN=32 CLASS=Sel>
            <A HREF="{{ route('kms.study.sample', $study->Id) }}">Synthèse</A> |
            <A HREF="{{ route('kms.study.notes', $study->Id) }}">Notes</A> |
            <B class="Menu">Input</B> |
            <A HREF="{{ route('kms.study.input.import', $study->Id) }}">Import</A>
        </TD>
    </TR>

    <TR class="TR2">
        <TD CLASS=Sel COLSPAN=32>
            <TABLE ALIGN=LEFT cellspacing=0 width=100%>
                <FORM METHOD=POST
                    ACTION="{{ $interview
                            ? route('kms.study.interviews.update', [$study->Id, $interview->Id])
                            : route('kms.study.interviews.store', $study->Id) }}"
                    TARGET=_self>
                    @csrf
                    @if($interview) @method('PUT') @endif

                    <TR class="TR1">
                        <TH COLSPAN=32 NOWRAP ALIGN=LEFT>
                            <BR>
                            <FONT SIZE=+1>{{ $interview ? 'Modifier Interview #'.$interview->Id : 'Nouvelle Interview' }}</FONT>
                        </TH>
                    </TR>

                    {{-- ═════════════ Interview-level fields ═════════════ --}}
                    <TR class="TR2">
                        <TD COLSPAN=32>
                            <TABLE>
                                <TR class="TR1">
                                    <TH>Prénom</TH>
                                    <TD><INPUT TYPE=TEXT NAME="Prenom" VALUE="{{ old('Prenom', $interview?->Prenom) }}" SIZE=20></TD>
                                    <TH>Sexe</TH>
                                    <TD>
                                        <SELECT NAME="Sexe">
                                            <OPTION VALUE="">-</OPTION>
                                            @foreach(['H' => 'Homme', 'F' => 'Femme'] as $k => $lbl)
                                            <OPTION VALUE="{{ $k }}" @selected(old('Sexe', $interview?->Sexe) === $k)>{{ $lbl }}</OPTION>
                                            @endforeach
                                        </SELECT>
                                    </TD>
                                    <TH>Âge</TH>
                                    <TD><INPUT TYPE=TEXT NAME="Age" VALUE="{{ old('Age', $interview?->Age) }}" SIZE=4></TD>
                                    <TH>Lieu</TH>
                                    <TD><INPUT TYPE=TEXT NAME="Lieu" VALUE="{{ old('Lieu', $interview?->Lieu) }}" SIZE=20></TD>
                                </TR>
                                <TR class="TR2">
                                    <TH>Numéro Enq.</TH>
                                    <TD><INPUT TYPE=TEXT NAME="NumeroEnq" VALUE="{{ old('NumeroEnq', $interview?->NumeroEnq) }}" SIZE=10></TD>
                                    <TH>Date</TH>
                                    <TD><INPUT TYPE=TEXT NAME="DateEnq" VALUE="{{ old('DateEnq', optional($interview?->DateEnq)->format('Y-m-d')) }}" SIZE=12 placeholder="YYYY-MM-DD"></TD>
                                    <TH>Enquêteur</TH>
                                    <TD COLSPAN=3><INPUT TYPE=TEXT NAME="Enqueteur" VALUE="{{ old('Enqueteur', $interview?->Enqueteur) }}" SIZE=20></TD>
                                </TR>

                                {{-- Custom attributes (kms_study_other_attr) --}}
                                @foreach($study->otherAttributes as $attr)
                                <TR class="TR{{ $loop->index % 2 + 1 }}">
                                    <TH COLSPAN=2>{{ $attr->QuestLabel ?? $attr->Question }}</TH>
                                    <TD COLSPAN=6>
                                        @php
                                        $old = old("other.{$attr->Id}");
                                        $list = $attr->CheckList ? array_values(array_filter(array_map('trim', preg_split('/[|,;]/', $attr->CheckList)))) : [];
                                        @endphp
                                        @if(!empty($list))
                                        <SELECT NAME="other[{{ $attr->Id }}]">
                                            <OPTION VALUE="">-</OPTION>
                                            @foreach($list as $opt)
                                            <OPTION VALUE="{{ $opt }}" @selected($old===$opt)>{{ $opt }}</OPTION>
                                            @endforeach
                                        </SELECT>
                                        @else
                                        <INPUT TYPE=TEXT NAME="other[{{ $attr->Id }}]" VALUE="{{ $old }}" SIZE=30>
                                        @endif
                                    </TD>
                                </TR>
                                @endforeach
                            </TABLE>
                        </TD>
                    </TR>

                    {{-- ═════════════ Per-product blocs ═════════════ --}}
                    @foreach($products as $product)
                    @php
                    $existingForm = $forms[$product->Id] ?? [];
                    $oldForm = old("forms.{$product->Id}", []);
                    @endphp
                    <TR class="TR1">
                        <TH COLSPAN=32 ALIGN=LEFT>
                            <BR>
                            <FONT SIZE=+1><i>Produit : {{ $product->Name }} (#{{ $product->Id }})</i></FONT>
                        </TH>
                    </TR>
                    <TR class="TR2">
                        <TD COLSPAN=32>
                            <TABLE width=100%>
                                <TR class="TR1">
                                    <TH>Note (0-{{ $study->NoteMax ?: 10 }})</TH>
                                    <TD>
                                        <INPUT TYPE=TEXT NAME="forms[{{ $product->Id }}][NoteAppreciation]"
                                            VALUE="{{ $oldForm['NoteAppreciation'] ?? ($existingForm['NoteAppreciation'] ?? '') }}" SIZE=4>
                                    </TD>
                                    <TH>Préféré ?</TH>
                                    <TD>
                                        <INPUT TYPE=CHECKBOX NAME="forms[{{ $product->Id }}][IsBest]" VALUE="1"
                                            @checked(!empty($oldForm['IsBest']) || !empty($existingForm['IsBest']))>
                                    </TD>
                                    <TH>Essaie Peau</TH>
                                    <TD>
                                        <INPUT TYPE=CHECKBOX NAME="forms[{{ $product->Id }}][EssaiePeau]" VALUE="1"
                                            @checked(!empty($oldForm['EssaiePeau']) || !empty($existingForm['EssaiePeau']))>
                                    </TD>
                                </TR>

                                {{-- Adjectives (autocomplete §3.1.8) --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>Adjectifs</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @for($i = 1; $i <= (int) config('kms.nb_adj', 10); $i++)
                                            <INPUT TYPE=TEXT
                                            NAME="forms[{{ $product->Id }}][Adjectif_{{ $i }}]"
                                            VALUE="{{ $oldForm['Adjectif_'.$i] ?? ($existingForm['Adjectif_'.$i] ?? '') }}"
                                            SIZE=14
                                            AUTOCOMPLETE="OFF"
                                            CLASS="adj-autocomplete"
                                            data-study="{{ $study->Id }}">
                                            @endfor
                                    </TD>
                                </TR>

                                {{-- Likes --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>Likes</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @for($i = 1; $i <= (int) config('kms.nb_adj', 10); $i++)
                                            <INPUT TYPE=TEXT
                                            NAME="forms[{{ $product->Id }}][Like_{{ $i }}]"
                                            VALUE="{{ $oldForm['Like_'.$i] ?? ($existingForm['Like_'.$i] ?? '') }}"
                                            SIZE=14
                                            AUTOCOMPLETE="OFF"
                                            CLASS="adj-autocomplete"
                                            data-study="{{ $study->Id }}">
                                            @endfor
                                    </TD>
                                </TR>

                                {{-- DisLikes --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>DisLikes</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @for($i = 1; $i <= (int) config('kms.nb_adj', 10); $i++)
                                            <INPUT TYPE=TEXT
                                            NAME="forms[{{ $product->Id }}][DisLike_{{ $i }}]"
                                            VALUE="{{ $oldForm['DisLike_'.$i] ?? ($existingForm['DisLike_'.$i] ?? '') }}"
                                            SIZE=14
                                            AUTOCOMPLETE="OFF"
                                            CLASS="adj-autocomplete"
                                            data-study="{{ $study->Id }}">
                                            @endfor
                                    </TD>
                                </TR>

                                {{-- Quantitative criteria --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>Quantitatif (Quan_01..{{ str_pad(config('kms.nb_quan', 22), 2, '0', STR_PAD_LEFT) }})</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @for($i = 1; $i <= (int) config('kms.nb_quan', 22); $i++)
                                            @php $num=str_pad((string) $i, 2, '0' , STR_PAD_LEFT); @endphp
                                            <span>Q{{ $num }}:
                                            <INPUT TYPE=TEXT
                                                NAME="forms[{{ $product->Id }}][Quan_{{ $num }}]"
                                                VALUE="{{ $oldForm['Quan_'.$num] ?? ($existingForm['Quan_'.$num] ?? '') }}"
                                                SIZE=4>
                                            </span>
                                            @endfor
                                    </TD>
                                </TR>

                                {{-- Portrait cotation --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>Portrait cotation</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @foreach($cotations as $code)
                                        <span>{{ $cotLabels[$code] ?? $code }}:
                                            <INPUT TYPE=TEXT
                                                NAME="forms[{{ $product->Id }}][Portrait][{{ $code }}]"
                                                VALUE="{{ $oldForm['Portrait'][$code] ?? '' }}"
                                                SIZE=10>
                                        </span>
                                        @endforeach
                                    </TD>
                                </TR>

                                {{-- Chinese portrait --}}
                                <TR class="TR1">
                                    <TH COLSPAN=32 ALIGN=LEFT><i>Portrait chinois</i></TH>
                                </TR>
                                <TR class="TR2">
                                    <TD COLSPAN=32>
                                        @foreach($chinese as $code)
                                        <div style="display:inline-block;margin:2px 6px">
                                            <B>{{ $chiLabels[$code] ?? $code }}</B>:
                                            <INPUT TYPE=TEXT
                                                NAME="forms[{{ $product->Id }}][Chinese][{{ $code }}][Value]"
                                                VALUE="{{ $oldForm['Chinese'][$code]['Value'] ?? '' }}"
                                                SIZE=10 placeholder="Value">
                                            <INPUT TYPE=TEXT
                                                NAME="forms[{{ $product->Id }}][Chinese][{{ $code }}][CotationType]"
                                                VALUE="{{ $oldForm['Chinese'][$code]['CotationType'] ?? '' }}"
                                                SIZE=2 placeholder="CotType" MAXLENGTH=1>
                                            <INPUT TYPE=TEXT
                                                NAME="forms[{{ $product->Id }}][Chinese][{{ $code }}][Cotation]"
                                                VALUE="{{ $oldForm['Chinese'][$code]['Cotation'] ?? '' }}"
                                                SIZE=4 placeholder="Cot">
                                        </div>
                                        @endforeach
                                    </TD>
                                </TR>
                            </TABLE>
                        </TD>
                    </TR>
                    @endforeach

                    <TR class="TR1">
                        <TD COLSPAN=32 ALIGN=CENTER CLASS=Menu>
                            <INPUT TYPE=SUBMIT VALUE="{{ $interview ? 'Mettre à jour' : 'Enregistrer' }}">
                            @if($interview)
                            <INPUT TYPE=BUTTON VALUE="Annuler"
                                onclick="window.location='{{ route('kms.study.input', $study->Id) }}'">
                            @endif
                        </TD>
                    </TR>
                </FORM>
            </TABLE>
        </TD>
    </TR>

    {{-- List existing interviews with delete + edit buttons --}}
    <TR class="TR1">
        <TD CLASS=Menu COLSPAN=32 ALIGN=LEFT>
            <FONT SIZE=+1><i>Interviews enregistrées</i></FONT>
        </TD>
    </TR>
    <TR class="TR2">
        <TD COLSPAN=32>
            <TABLE border=1 cellspacing=0 cellpadding=3 width=100%>
                <TR class="TR1">
                    <TH>Id</TH>
                    <TH>Prénom</TH>
                    <TH>Sexe</TH>
                    <TH>Âge</TH>
                    <TH>Lieu</TH>
                    <TH>Date</TH>
                    <TH>Actions</TH>
                </TR>
                @forelse($study->interviews()->orderByDesc('Id')->limit(50)->get() as $it)
                <TR class="TR{{ $loop->index % 2 + 1 }}">
                    <TD ALIGN=RIGHT>{{ $it->Id }}</TD>
                    <TD>{{ $it->Prenom }}</TD>
                    <TD ALIGN=CENTER>{{ $it->Sexe }}</TD>
                    <TD ALIGN=RIGHT>{{ $it->Age }}</TD>
                    <TD>{{ $it->Lieu }}</TD>
                    <TD ALIGN=CENTER>{{ optional($it->DateEnq)->format('Y-m-d') }}</TD>
                    <TD NOWRAP>
                        <A HREF="{{ route('kms.study.interviews.edit', [$study->Id, $it->Id]) }}">Éditer</A> |
                        <FORM METHOD=POST
                            ACTION="{{ route('kms.study.interviews.destroy', [$study->Id, $it->Id]) }}"
                            style="display:inline"
                            onsubmit="return confirm('Supprimer cette interview ?');">
                            @csrf @method('DELETE')
                            <INPUT TYPE=SUBMIT VALUE="Supprimer">
                        </FORM>
                    </TD>
                </TR>
                @empty
                <TR class="TR2">
                    <TD COLSPAN=7><i>Aucune interview pour cette étude.</i></TD>
                </TR>
                @endforelse
            </TABLE>
        </TD>
    </TR>
</TABLE>

@push('scripts')
<script>
    // §3.1.8 Autocomplete for adjective inputs.
    (function() {
        var container = null;

        function ensureResult(input) {
            if (container && container.parentNode) container.parentNode.removeChild(container);
            container = document.createElement('div');
            container.className = 'autocomplete-result';
            container.style.cssText = 'position:absolute;z-index:99;background:#FFB062;border:2px groove #ff8d1c;opacity:0.9;';
            var rect = input.getBoundingClientRect();
            container.style.left = (rect.left + window.scrollX) + 'px';
            container.style.top = (rect.bottom + window.scrollY) + 'px';
            container.style.minWidth = rect.width + 'px';
            document.body.appendChild(container);
        }

        function hide() {
            if (container && container.parentNode) container.parentNode.removeChild(container);
            container = null;
        }

        function pick(input, value) {
            input.value = value;
            hide();
        }
        document.addEventListener('input', function(ev) {
            var t = ev.target;
            if (!t.classList || !t.classList.contains('adj-autocomplete')) return;
            var q = t.value.trim();
            if (q.length < 2) {
                hide();
                return;
            }
            var sid = t.getAttribute('data-study');
            fetch('{{ url(' / kms / study ') }}/' + sid + '/adjectives/search?q=' + encodeURIComponent(q))
                .then(function(r) {
                    return r.json();
                })
                .then(function(list) {
                    if (!list.length) {
                        hide();
                        return;
                    }
                    ensureResult(t);
                    list.forEach(function(w) {
                        var d = document.createElement('div');
                        d.textContent = w;
                        d.style.cssText = 'padding:2px 6px;cursor:pointer;';
                        d.onmouseover = function() {
                            d.style.background = '#ff8d1c';
                        };
                        d.onmouseout = function() {
                            d.style.background = '#FFB062';
                        };
                        d.onclick = function() {
                            pick(t, w);
                        };
                        container.appendChild(d);
                    });
                });
        });
        document.addEventListener('click', function(ev) {
            if (container && !container.contains(ev.target) && !ev.target.classList.contains('adj-autocomplete')) {
                hide();
            }
        });
    })();
</script>
@endpush
@endsection