@extends('admin.layouts.app')

@php($duzenleme = $form->exists)

@section('title', ($duzenleme ? 'Form Duzenle' : 'Yeni Form') . ' | LikaWEB CMS')

@section('content')
    <div class="page-head page-head-actions">
        <div>
            <h1>{{ $duzenleme ? 'Form Duzenle' : 'Yeni Form' }}</h1>
            <p>Form tanimini, bildirim ayarlarini ve alanlarini yonetin.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('admin.formlar.index') }}">Listeye Don</a>
    </div>

    <form action="{{ $duzenleme ? route('admin.formlar.update', $form) : route('admin.formlar.store') }}" method="POST">
        @csrf
        @if ($duzenleme)
            @method('PUT')
        @endif

        <div class="editor-layout">
            <section class="card">
                <h2>Form Bilgileri</h2>
                <div class="form-grid">
                    <div class="field">
                        <label for="ad">Ad</label>
                        <input id="ad" name="ad" type="text" value="{{ old('ad', $form->ad) }}" maxlength="160" required>
                        @error('ad')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label for="kod">Kod</label>
                        <input id="kod" name="kod" type="text" value="{{ old('kod', $form->kod) }}" maxlength="160">
                        @error('kod')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label for="bildirim_email">Bildirim e-postasi</label>
                        <input id="bildirim_email" name="bildirim_email" type="email" value="{{ old('bildirim_email', $form->bildirim_email) }}" maxlength="180">
                    </div>
                    <div class="field">
                        <label for="durum">Durum</label>
                        <select id="durum" name="durum" required>
                            <option value="aktif" @selected(old('durum', $form->durum ?: 'aktif') === 'aktif')>Aktif</option>
                            <option value="pasif" @selected(old('durum', $form->durum) === 'pasif')>Pasif</option>
                        </select>
                    </div>
                    <div class="field full-span">
                        <label for="aciklama">Aciklama</label>
                        <textarea id="aciklama" name="aciklama" rows="4">{{ old('aciklama', $form->aciklama) }}</textarea>
                    </div>
                    <div class="field full-span">
                        <label for="basari_mesaji">Basari mesaji</label>
                        <textarea id="basari_mesaji" name="basari_mesaji" rows="3">{{ old('basari_mesaji', $form->basari_mesaji) }}</textarea>
                    </div>
                    <div class="field full-span">
                        <label for="ayarlar">Ayarlar JSON</label>
                        <textarea id="ayarlar" name="ayarlar" rows="6">{{ old('ayarlar', json_encode($form->ayarlar ?: new stdClass(), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)) }}</textarea>
                        @error('ayarlar')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                </div>
            </section>

            <aside class="grid editor-sidebar">
                <section class="card">
                    <h2>Kaydet</h2>
                    <button class="btn btn-primary" type="submit">{{ $duzenleme ? 'Degisiklikleri Kaydet' : 'Form Olustur' }}</button>
                </section>
                @if ($duzenleme)
                    <section class="card">
                        <h2>Kayitlar</h2>
                        <p class="table-subtext">{{ $form->kayitlar()->count() }} kayit var.</p>
                        <a class="btn btn-secondary" href="{{ route('admin.formlar.kayitlar.index', ['form_id' => $form->form_id]) }}">Kayitlari Ac</a>
                    </section>
                @endif
            </aside>
        </div>
    </form>

    @if ($duzenleme)
        <section class="card section-space">
            <div class="section-title-row">
                <div>
                    <h2>Form Alanlari</h2>
                    <p>Alan tiplerini, zorunluluklari ve siralamayi yonetin.</p>
                </div>
            </div>

            <form class="section-space" action="{{ route('admin.formlar.alanlar.store', $form) }}" method="POST">
                @csrf
                <div class="form-grid">
                    <div class="field">
                        <label for="etiket">Etiket</label>
                        <input id="etiket" name="etiket" type="text" maxlength="160" required>
                    </div>
                    <div class="field">
                        <label for="kod_alan">Kod</label>
                        <input id="kod_alan" name="kod" type="text" maxlength="120">
                    </div>
                    <div class="field">
                        <label for="alan_tipi">Tip</label>
                        <select id="alan_tipi" name="alan_tipi" required>
                            @foreach (['text', 'textarea', 'email', 'phone', 'number', 'select', 'radio', 'checkbox', 'date', 'file'] as $tip)
                                <option value="{{ $tip }}">{{ ucfirst($tip) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label for="yer_tutucu">Yer tutucu</label>
                        <input id="yer_tutucu" name="yer_tutucu" type="text" maxlength="180">
                    </div>
                    <div class="field">
                        <label for="sira">Sira</label>
                        <input id="sira" name="sira" type="number" min="0" value="{{ $form->alanlar->count() + 1 }}" required>
                    </div>
                    <div class="field">
                        <label for="alan_durum">Durum</label>
                        <select id="alan_durum" name="durum" required>
                            <option value="aktif">Aktif</option>
                            <option value="pasif">Pasif</option>
                        </select>
                    </div>
                    <div class="field">
                        <input name="zorunlu" type="hidden" value="0">
                        <label class="checkbox-line" for="zorunlu">
                            <input id="zorunlu" name="zorunlu" type="checkbox" value="1">
                            Zorunlu alan
                        </label>
                    </div>
                    <div class="field full-span">
                        <label for="secenekler">Secenekler JSON</label>
                        <textarea id="secenekler" name="secenekler" rows="3" placeholder='["Secenek 1","Secenek 2"]'></textarea>
                    </div>
                    <div class="field full-span">
                        <label for="dogrulama_kurallari">Dogrulama kurallari JSON</label>
                        <textarea id="dogrulama_kurallari" name="dogrulama_kurallari" rows="3" placeholder='{"max":180}'></textarea>
                    </div>
                </div>
                <div class="form-actions">
                    <button class="btn btn-primary" type="submit">Alan Ekle</button>
                </div>
            </form>

            <div class="blok-list section-space">
                @forelse ($form->alanlar as $alan)
                    <article class="blok-row">
                        <div class="blok-row-head">
                            <div>
                                <h3>{{ $alan->etiket }}</h3>
                                <span>{{ $alan->kod }} - {{ $alan->alan_tipi }} - {{ $alan->zorunlu ? 'Zorunlu' : 'Opsiyonel' }}</span>
                            </div>
                            <form action="{{ route('admin.formlar.alanlar.destroy', [$form, $alan]) }}" method="POST" data-confirm="Form alani silinsin mi?">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-danger" type="submit">Sil</button>
                            </form>
                        </div>

                        <form action="{{ route('admin.formlar.alanlar.update', [$form, $alan]) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="form-grid">
                                <div class="field">
                                    <label for="alan_etiket_{{ $alan->form_alani_id }}">Etiket</label>
                                    <input id="alan_etiket_{{ $alan->form_alani_id }}" name="etiket" type="text" value="{{ $alan->etiket }}" maxlength="160" required>
                                </div>
                                <div class="field">
                                    <label for="alan_kod_{{ $alan->form_alani_id }}">Kod</label>
                                    <input id="alan_kod_{{ $alan->form_alani_id }}" name="kod" type="text" value="{{ $alan->kod }}" maxlength="120">
                                </div>
                                <div class="field">
                                    <label for="alan_tipi_{{ $alan->form_alani_id }}">Tip</label>
                                    <select id="alan_tipi_{{ $alan->form_alani_id }}" name="alan_tipi" required>
                                        @foreach (['text', 'textarea', 'email', 'phone', 'number', 'select', 'radio', 'checkbox', 'date', 'file'] as $tip)
                                            <option value="{{ $tip }}" @selected($alan->alan_tipi === $tip)>{{ ucfirst($tip) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="field">
                                    <label for="alan_yer_{{ $alan->form_alani_id }}">Yer tutucu</label>
                                    <input id="alan_yer_{{ $alan->form_alani_id }}" name="yer_tutucu" type="text" value="{{ $alan->yer_tutucu }}" maxlength="180">
                                </div>
                                <div class="field">
                                    <label for="alan_sira_{{ $alan->form_alani_id }}">Sira</label>
                                    <input id="alan_sira_{{ $alan->form_alani_id }}" name="sira" type="number" min="0" value="{{ $alan->sira }}" required>
                                </div>
                                <div class="field">
                                    <label for="alan_durum_{{ $alan->form_alani_id }}">Durum</label>
                                    <select id="alan_durum_{{ $alan->form_alani_id }}" name="durum" required>
                                        <option value="aktif" @selected($alan->durum === 'aktif')>Aktif</option>
                                        <option value="pasif" @selected($alan->durum === 'pasif')>Pasif</option>
                                    </select>
                                </div>
                                <div class="field">
                                    <input name="zorunlu" type="hidden" value="0">
                                    <label class="checkbox-line" for="alan_zorunlu_{{ $alan->form_alani_id }}">
                                        <input id="alan_zorunlu_{{ $alan->form_alani_id }}" name="zorunlu" type="checkbox" value="1" @checked($alan->zorunlu)>
                                        Zorunlu alan
                                    </label>
                                </div>
                                <div class="field full-span">
                                    <label for="alan_secenekler_{{ $alan->form_alani_id }}">Secenekler JSON</label>
                                    <textarea id="alan_secenekler_{{ $alan->form_alani_id }}" name="secenekler" rows="3">{{ json_encode($alan->secenekler ?: new stdClass(), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</textarea>
                                </div>
                                <div class="field full-span">
                                    <label for="alan_dogrulama_{{ $alan->form_alani_id }}">Dogrulama kurallari JSON</label>
                                    <textarea id="alan_dogrulama_{{ $alan->form_alani_id }}" name="dogrulama_kurallari" rows="3">{{ json_encode($alan->dogrulama_kurallari ?: new stdClass(), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</textarea>
                                </div>
                            </div>
                            <div class="form-actions">
                                <button class="btn btn-secondary" type="submit">Alani Kaydet</button>
                            </div>
                        </form>
                    </article>
                @empty
                    <p class="empty">Bu formda henuz alan yok.</p>
                @endforelse
            </div>
        </section>
    @endif
@endsection