@php
    $siteSetting = $siteSetting ?? null;
@endphp

<div class="row g-4">
    <div class="col-md-6">
        <label class="form-label">Logo</label>
        <input type="file" name="logo" class="form-control">
        @if(!empty($siteSetting->logo))
            <img src="{{ asset('storage/'.$siteSetting->logo) }}" class="img-thumbnail mt-2" width="150">
        @endif
    </div>

    <div class="col-md-6">
        <label class="form-label">Favicon</label>
        <input type="file" name="favicon" class="form-control">
        @if(!empty($siteSetting->favicon))
            <img src="{{ asset('storage/'.$siteSetting->favicon) }}" class="img-thumbnail mt-2" width="150">
        @endif
    </div>

    <div class="col-md-6">
        <label class="form-label">Additional Title</label>
        <input type="text" name="ad_title" class="form-control" value="{{ old('ad_title', $siteSetting->ad_title ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">Tagline</label>
        <input type="text" name="tagline" class="form-control" value="{{ old('tagline', $siteSetting->tagline ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">Email</label>
        <input type="email" name="email" class="form-control" value="{{ old('email', $siteSetting->email ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">WhatsApp</label>
        <input type="text" name="whatsapp" class="form-control" value="{{ old('whatsapp', $siteSetting->whatsapp ?? '') }}">
    </div>
    <div class="col-md-6">
        <label class="form-label">Location</label>
        <input type="text" name="location" class="form-control" value="{{ old('location', $siteSetting->location ?? '') }}">
    </div>
    
    <div class="col-md-6">
        <label class="form-label">Phone</label>
        <input type="text" name="phone" class="form-control" value="{{ old('phone', $siteSetting->phone ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">Facebook</label>
        <input type="text" name="facebook" class="form-control" value="{{ old('facebook', $siteSetting->facebook ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">YouTube</label>
        <input type="text" name="youtube" class="form-control" value="{{ old('youtube', $siteSetting->youtube ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">Instagram</label>
        <input type="text" name="instagram" class="form-control" value="{{ old('instagram', $siteSetting->instagram ?? '') }}">
    </div>

    <div class="col-md-6">
        <label class="form-label">TikTok</label>
        <input type="text" name="tiktok" class="form-control" value="{{ old('tiktok', $siteSetting->tiktok ?? '') }}">
    </div>
    
    <div class="col-md-6">
        <label for="fb_pixel" class="form-label">Facebook Pixel</label>
        @php
            $otherDetails = json_decode($siteSetting->other_details ?? '{}', true);
        @endphp
        <textarea name="other_details[fb_pixel]" class="form-control" rows="5" id="fb_pixel">{{ old('other_details.fb_pixel', $otherDetails['fb_pixel'] ?? '') }}</textarea>
    </div>

    <div class="col-md-12">
        <label for="provided_services" class="form-label">Provided Services</label>
        <textarea name="provided_services" class="form-control" rows="5" id="provided_services">{{ old('provided_services', $siteSetting->provided_services ?? '') }}</textarea>
    </div>
</div>