@extends('layouts.app')

@section('title', 'Ana Sayfa - ')

@section('content')
<!-- main slider -->
@include('layouts.slider')

<!-- main slider end -->


<!-- feature-section -->
<section class="feature-section sec-pad">
    <div class="container">
        <div class="row">
            @php
                // Ana sayfa özellik görselleri (veritabanından çekilebilir veya sabit)
                $featureImages = [
                    ['url' => asset('images/ana1.jpg'), 'alt' => 'Özellik 1'],
                    ['url' => asset('images/ana2.jpg'), 'alt' => 'Özellik 2'],
                    ['url' => asset('images/ana3.jpg'), 'alt' => 'Özellik 3'],
                ];
            @endphp
            @foreach($featureImages as $image)
            <div class="col-md-4 col-sm-6 col-xs-12 feature-colmun">
                <div class="single-item">
                    <div class="img-box"><figure><img src="{{ $image['url'] }}" alt="{{ $image['alt'] }}"></figure></div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<!-- feature section end -->

<!-- service section -->
<section class="service-section">
    <div class="container-fullid">
        <div class="row">
            <div class="col-md-3 col-sm-6 col-sm-12 service-colmun">
                <div class="service-title">
                    <div class="sec-title"><h2>Ürün <span>Gruplarımız</span></h2></div>
                    <div class="text"><p></p></div>
                </div>
            </div>
            <div class="col-md-9 col-sm-12 col-xs-12 feature-colmun">
                <div class="three-column-carousel feature-colmun">
                    @php
                        $subMenus = [];
                        $subMenus[217] = \Illuminate\Support\Facades\DB::table('sayfalar')
                            ->where('menu', 1)
                            ->where('durum', 1)
                            ->where('sahipid', 217)
                            ->orderBy('sira')
                            ->get();
                    @endphp
                    @if(isset($subMenus[217]) && $subMenus[217]->count() > 0)
                        @foreach ($subMenus[217] as $subpage)
                            <div class="single-item text-center">
                                @php
                                    $imageUrl = null;
                                    if (!empty($subpage->hero_img)) {
                                        if (str_starts_with($subpage->hero_img, 'http')) {
                                            $imageUrl = $subpage->hero_img;
                                        } elseif (str_starts_with($subpage->hero_img, '/storage/')) {
                                            $imageUrl = asset($subpage->hero_img);
                                        } elseif (str_starts_with($subpage->hero_img, 'storage/')) {
                                            $imageUrl = asset('/' . $subpage->hero_img);
                                        } elseif (str_starts_with($subpage->hero_img, 'sayfalar/hero/')) {
                                            $imageUrl = asset('storage/' . $subpage->hero_img);
                                        } elseif (str_starts_with($subpage->hero_img, 'images/')) {
                                            // Eski resimler için - public/images/ altında
                                            $imageUrl = asset($subpage->hero_img);
                                        } else {
                                            // Sadece dosya adı varsa, önce storage/sayfalar/hero/ dene, sonra images/ dene
                                            $imageUrl = asset('storage/sayfalar/hero/' . basename($subpage->hero_img));
                                        }
                                    } else {
                                        $imageUrl = asset('images/feature/1.jpg');
                                    }
                                @endphp
                                <div class="img-box">
                                    <img src="{{ $imageUrl }}" class="img-fluid" alt="{{ $subpage->baslik }}">
                                </div>
                                <h4><a href="{{ url('page/'.$subpage->seo_url) }}">{{ $subpage->baslik }}</a></h4>
                            </div>
                        @endforeach
                    @else
                        <div class="single-item text-center">
                            <p>Henüz ürün grubu eklenmemiş</p>
                        </div>
            @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!-- feature section end -->

<!-- gallery section -->
<section class="gallery-section sec-pad">
    <div class="container">
        <div class="gallery-title">
            <div class="section-title"><h2>Montaj</h2></div>
            <div class="title-text"><p></p></div>
        </div>
    </div>
    <div class="container-fullid">
        <div class="gallery-slider">
            @php
                // Montaj galerisi görselleri (veritabanından çekilebilir)
                $galleryImages = [
                    ['url' => asset('upload/7.png'), 'alt' => 'Montaj 1'],
                    ['url' => asset('upload/8.png'), 'alt' => 'Montaj 2'],
                    ['url' => asset('upload/1.png'), 'alt' => 'Montaj 3'],
                    ['url' => asset('upload/2.png'), 'alt' => 'Montaj 4'],
                    ['url' => asset('upload/3.png'), 'alt' => 'Montaj 5'],
                    ['url' => asset('upload/5.png'), 'alt' => 'Montaj 6'],
                    ['url' => asset('upload/6.png'), 'alt' => 'Montaj 7'],
                ];
            @endphp
            @foreach($galleryImages as $image)
            <div class="single-item">
                <div class="img-box">
                    <figure><img src="{{ $image['url'] }}" alt="{{ $image['alt'] }}"></figure>
                    <div class="overlay">
                        <div class="box">
                            <div class="content">
                                <a href="{{ $image['url'] }}" class="lightbox-image"><i class="fa fa-plus" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<!-- gallery section end -->

<!-- call-back-section -->
@if($settings && $settings->teklif_al_formu_aktif == 1)
<section class="call-back sec-pad" id="teklif-al">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-sm-12 col-xs-12 colmun">
                <div class="call-back-content">
                    <div class="call-back-title">
                        <div class="section-title"><h2>{{ $settings->teklif_al_baslik ?? 'TEKLİF AL' }}</h2></div>
                        @if(!empty($settings->teklif_al_aciklama))
                            <div class="text" style="margin-top: 15px; color: #666;">
                                <p>{{ $settings->teklif_al_aciklama }}</p>
                            </div>
                        @endif
                    </div>
                    <div class="form-area">
                        @if(session('success'))
                            <div class="alert alert-success" style="background-color: #d4edda; color: #155724; padding: 15px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #c3e6cb;">
                                {{ session('success') }}
                            </div>
            @endif
                        @if($errors->any())
                            <div class="alert alert-danger" style="background-color: #f8d7da; color: #721c24; padding: 15px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #f5c6cb;">
                                <ul style="margin: 0; padding-left: 20px;">
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                    </ul>
                </div>
                        @endif
                        <form id="teklif-al-form" name="teklif_al_form" class="default-form" action="{{ route('teklif.al.submit') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                @php
                                    $formFields = [];
                                    if (!empty($settings->teklif_al_form_alanlari)) {
                                        $formFields = json_decode($settings->teklif_al_form_alanlari, true);
                                    }
                                    if (empty($formFields)) {
                                        // Varsayılan form alanları
                                        $formFields = [
                                            ['name' => 'form_name', 'label' => 'Adınız Soyadınız', 'type' => 'text', 'required' => true, 'placeholder' => 'Adınız Soyadınız', 'colspan' => '6', 'order' => 1],
                                            ['name' => 'form_email', 'label' => 'E-mail Adresiniz', 'type' => 'email', 'required' => true, 'placeholder' => 'E-mail Adresiniz', 'colspan' => '6', 'order' => 2],
                                            ['name' => 'form_Phone', 'label' => 'Telefon Numaranız', 'type' => 'tel', 'required' => true, 'placeholder' => 'Telefon Numaranız', 'colspan' => '6', 'order' => 3],
                                            ['name' => 'form_message', 'label' => 'Mesajınız', 'type' => 'textarea', 'required' => true, 'placeholder' => 'Mesajınız', 'rows' => 3, 'colspan' => '12', 'order' => 4],
                                        ];
                                    }
                                    // Sıralamaya göre sırala
                                    usort($formFields, function($a, $b) {
                                        $orderA = $a['order'] ?? 999;
                                        $orderB = $b['order'] ?? 999;
                                        return $orderA <=> $orderB;
                                    });
                                @endphp
                                @foreach($formFields as $field)
                                    @php
                                        $colSpan = isset($field['colspan']) ? $field['colspan'] : (in_array($field['type'] ?? 'text', ['textarea']) ? 12 : 6);
                                        $fieldType = $field['type'] ?? 'text';
                                    @endphp
                                    <div class="col-md-{{ $colSpan }} col-sm-12 col-xs-12 colmun">
                                        @if($fieldType === 'textarea')
                                            <textarea 
                                                name="{{ $field['name'] }}" 
                                                placeholder="{{ $field['placeholder'] ?? $field['label'] }}" 
                                                rows="{{ $field['rows'] ?? 3 }}"
                                                {{ isset($field['required']) && $field['required'] ? 'required' : '' }}
                                            >{{ old($field['name']) }}</textarea>
                                        @elseif($fieldType === 'select')
                                            <select name="{{ $field['name'] }}" {{ isset($field['required']) && $field['required'] ? 'required' : '' }}>
                                                <option value="">Seçiniz...</option>
                                                @if(isset($field['options']) && is_array($field['options']))
                                                    @foreach($field['options'] as $option)
                                                        <option value="{{ $option }}" {{ old($field['name']) == $option ? 'selected' : '' }}>{{ $option }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        @elseif($fieldType === 'checkbox')
                                            <label style="display: flex; align-items: center; gap: 8px;">
                                                <input 
                                                    type="checkbox" 
                                                    name="{{ $field['name'] }}" 
                                                    value="1"
                                                    {{ old($field['name']) ? 'checked' : '' }}
                                                    {{ isset($field['required']) && $field['required'] ? 'required' : '' }}
                                                >
                                                <span>{{ $field['label'] }}</span>
                                            </label>
                                        @elseif($fieldType === 'radio' && isset($field['options']) && is_array($field['options']))
                                            <div>
                                                <label style="display: block; margin-bottom: 5px; font-weight: bold;">{{ $field['label'] }}</label>
                                                @foreach($field['options'] as $option)
                                                    <label style="display: flex; align-items: center; gap: 8px; margin-bottom: 5px;">
                                                        <input 
                                                            type="radio" 
                                                            name="{{ $field['name'] }}" 
                                                            value="{{ $option }}"
                                                            {{ old($field['name']) == $option ? 'checked' : '' }}
                                                            {{ isset($field['required']) && $field['required'] ? 'required' : '' }}
                                                        >
                                                        <span>{{ $option }}</span>
                                                    </label>
                                                @endforeach
                                            </div>
                                        @elseif($fieldType === 'file')
                                            <input 
                                                type="file" 
                                                name="{{ $field['name'] }}" 
                                                {{ isset($field['required']) && $field['required'] ? 'required' : '' }}
                                                accept="{{ isset($field['accept']) ? $field['accept'] : '*' }}"
                                            >
                                        @else
                                            <input 
                                                type="{{ $fieldType }}" 
                                                name="{{ $field['name'] }}" 
                                                placeholder="{{ $field['placeholder'] ?? $field['label'] }}" 
                                                value="{{ old($field['name']) }}"
                                                {{ isset($field['required']) && $field['required'] ? 'required' : '' }}
                                                @if($fieldType === 'number')
                                                    @if(isset($field['min'])) min="{{ $field['min'] }}" @endif
                                                    @if(isset($field['max'])) max="{{ $field['max'] }}" @endif
                                                @endif
                                            >
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                            <div class="button">
                                <button class="btn-one style-two" type="submit" style="background-color: #2d2d2d;">Teklif Al</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
        @endif
<!-- call-back-section end -->

@endsection