@extends('layouts.app')

@section('title', 'E-posta Ayarları')

@section('content')
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h4 mb-1">E-posta Ayarları</h1>
        <p class="text-muted mb-0">Atama yapıldığında amirlere e-posta gönderimi için ayarları girin.</p>
    </div>
</div>

@if (request()->query('saved'))
    <div class="alert alert-soft">E-posta ayarları kaydedildi.</div>
@elseif (request()->query('error'))
    <div class="alert alert-danger">İşlem sırasında hata oluştu.</div>
@endif
@if ($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<div class="row g-4">
    <div class="col-12 col-xl-7">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">E-posta Ayarları</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ route('admin.email-settings.store') }}" class="vstack gap-3 form-grid">
                    @csrf
                    <ul class="nav nav-pills assignment-tabs mb-3" role="tablist">
                        <li class="nav-item">
                            <button class="nav-link active" type="button" role="tab" data-bs-toggle="tab" data-bs-target="#email-settings-general">
                                Gönderim Ayarları
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" type="button" role="tab" data-bs-toggle="tab" data-bs-target="#email-settings-templates">
                                Şablonlar
                            </button>
                        </li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="email-settings-general" role="tabpanel">
                            <div class="form-row">
                                <label class="form-label" for="email_enabled">E-posta gönderimi aktif</label>
                                <div class="form-check form-switch m-0">
                                    <input class="form-check-input" type="checkbox" name="email_enabled" id="email_enabled" value="1" {{ $emailEnabled ? 'checked' : '' }}>
                                </div>
                            </div>
                            <div class="form-row">
                                <label class="form-label">Gönderen E-posta</label>
                                <input type="email" name="from_email" class="form-control" value="{{ $fromEmail }}" placeholder="noreply@example.com">
                            </div>
                            <div class="form-row">
                                <label class="form-label">Gönderen Adı</label>
                                <input type="text" name="from_name" class="form-control" value="{{ $fromName }}" placeholder="Performans Sistemi">
                            </div>
                            <div class="border-top pt-3 vstack gap-3">
                                <h6 class="mb-3">SMTP Ayarları</h6>
                                <div class="form-row">
                                    <label class="form-label" for="smtp_enabled">SMTP gönderimi aktif</label>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" name="smtp_enabled" id="smtp_enabled" value="1" {{ $smtpEnabled ? 'checked' : '' }}>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <label class="form-label">SMTP Sunucu</label>
                                    <input type="text" name="smtp_host" class="form-control" value="{{ $smtpHost }}" placeholder="smtp.ornek.com">
                                </div>
                                <div class="form-row">
                                    <label class="form-label">Port</label>
                                    <input type="number" name="smtp_port" class="form-control" value="{{ $smtpPort }}" placeholder="587">
                                </div>
                                <div class="form-row">
                                    <label class="form-label">Güvenlik</label>
                                    <select name="smtp_secure" class="form-select">
                                        <option value="" {{ $smtpSecure === '' ? 'selected' : '' }}>Yok</option>
                                        <option value="tls" {{ $smtpSecure === 'tls' ? 'selected' : '' }}>TLS</option>
                                        <option value="ssl" {{ $smtpSecure === 'ssl' ? 'selected' : '' }}>SSL</option>
                                    </select>
                                </div>
                                <div class="form-row">
                                    <label class="form-label">Kullanıcı</label>
                                    <input type="text" name="smtp_user" class="form-control" value="{{ $smtpUser }}" placeholder="user@ornek.com">
                                </div>
                                <div class="form-row">
                                    <label class="form-label">Şifre</label>
                                    <input type="password" name="smtp_pass" class="form-control" value="{{ $smtpPass }}" placeholder="********">
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="email-settings-templates" role="tabpanel">
                            @php
                                $templateVariables = [
                                    'performance' => '{evaluator}, {employee}, {employees_list}, {period}, {assignment_start}, {assignment_end}, {link}, {app}',
                                    'tasks' => '{assignee}, {task_title}, {description}, {start_date}, {due_date}, {assigned_by}, {link}, {app}',
                                    'password' => '{user}, {link}, {app}',
                                ];
                            @endphp
                            <ul class="nav nav-pills assignment-tabs mb-3" role="tablist">
                                @foreach ($templates as $key => $template)
                                    <li class="nav-item">
                                        <button class="nav-link {{ $loop->first ? 'active' : '' }}"
                                                type="button"
                                                role="tab"
                                                data-bs-toggle="tab"
                                                data-bs-target="#email-template-{{ $key }}">
                                            {!! $template['label'] !!}
                                        </button>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="tab-content">
                                @foreach ($templates as $key => $template)
                                    <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="email-template-{{ $key }}" role="tabpanel">
                                        <div class="form-row">
                                            <label class="form-label">Konu</label>
                                            <input type="text"
                                                   name="templates[{{ $key }}][subject]"
                                                   class="form-control"
                                                   value="{{ $template['subject'] }}">
                                        </div>
                                        <div class="form-row">
                                            <label class="form-label">E-posta Metni</label>
                                            <div>
                                                <textarea name="templates[{{ $key }}][body]" class="form-control" rows="7">{{ $template['body'] }}</textarea>
                                                <div class="text-muted small mt-2">
                                                    Değişkenler: {{ $templateVariables[$key] ?? '' }} (HTML destekler)
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Kaydet</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection