@extends('admin.layout')
@section('title', isset($lang) ? 'Dil Düzenle' : 'Dil Ekle')
@section('page-title', isset($lang) ? 'Dil Düzenle' : 'Dil Ekle')
@section('content')
    <div class="container-xxl flex-grow-1">
        <div class="row">
            <div class="col">
                <h4 class="mt-4 mb-4">Dil {{ isset($lang) ? 'Düzenle' : 'Ekle' }} </h4>

                <div class="card">
                    <div class="card-body">
                        <form action="{{ isset($lang) ? route('admin.languages.update', $lang->id) : route('admin.languages.store') }}" 
                              method="POST" 
                              enctype="multipart/form-data">
                            @csrf
                            @if (isset($lang))
                                @method('PUT')
                            @endif

                            <div class="row mb-4">
                                <div class="col-md-6">
                                    <div class="form-floating form-floating-outline mb-4">
                                        <input type="text" 
                                               class="form-control @error('language_name') is-invalid @enderror" 
                                               id="language_name"
                                               name="language_name"
                                               value="{{ old('language_name', $lang->language_name ?? '') }}"
                                               required>
                                        <label for="language_name">Dil Adı*</label>
                                        @error('language_name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-floating form-floating-outline mb-4">
                                        <input type="text" 
                                               class="form-control @error('language_code') is-invalid @enderror" 
                                               id="language_code"
                                               name="language_code"
                                               value="{{ old('language_code', $lang->language_code ?? '') }}"
                                               required>
                                        <label for="language_code">Dil Kodu* (örn: tr, en)</label>
                                        @error('language_code')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-4">
                                <div class="col-md-12">
                                    <div class="mb-3">
                                        <label for="image" class="form-label">Bayrak Görseli*</label>
                                        <input type="file" 
                                               name="image" 
                                               class="form-control @error('image') is-invalid @enderror" 
                                               id="languageImageInput"
                                               {{ !isset($lang) ? 'required' : '' }}>
                                        @error('image')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @if (isset($lang) && $lang->image)
                                            <div class="mt-2">
                                                <img src="{{ asset($lang->image) }}" class="img-thumbnail photoPreview" style="max-height: 100px;">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex justify-content-end mt-4">
                                <a href="{{ route('admin.languages.index') }}" class="btn btn-outline-secondary me-2">İptal</a>
                                <button type="submit" class="btn btn-primary">
                                    {{ isset($lang) ? 'Güncelle' : 'Kaydet' }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(session('success'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                Swal.fire({
                    title: '¡Éxito!',
                    text: '{{ session('success') }}',
                    icon: 'success',
                    confirmButtonText: 'Tamam'
                });
            });
        </script>
    @endif
@endsection