@extends('layouts.app')
@section('title', 'Site Settings')

@section('content')
<x-layouts.page-wrapper
    title="Site Settings"
    :breadcrumbs="[
        'Site Settings' => null
    ]"
>
    <div class="col-md-12 mx-auto">
        <x-layouts.card-form
            :action="route('settings.update', $setting->id)"
            method="PUT"
            :backRoute="route('settings.index')"
        >
            {{-- Site Info --}}
            <x-form.text-input label="Site Name" name="site_name" :value="$setting->site_name" />
            <x-form.text-input label="Meta Title" name="site_meta_title" :value="$setting->site_meta_title" />
            <x-form.text-input label="Meta Description" name="site_meta_description" :value="$setting->site_meta_description" />
            
            {{-- Contact Info --}}
            <x-form.text-input label="Address" name="address" :value="$setting->address" />
            <x-form.text-input label="Phone Number 1" name="phone1" :value="$setting->phone1" />
            <x-form.text-input label="Phone Number 2" name="phone2" :value="$setting->phone2" />
            <x-form.text-input label="Email" name="email" :value="$setting->email" />

            {{-- Social Info --}}
            <x-form.text-input label="Facebook" name="facebook" :value="$setting->facebook" />
            <x-form.text-input label="Twitter" name="twitter" :value="$setting->twitter" />
            <x-form.text-input label="Instagram" name="instagram" :value="$setting->instagram" />
            <x-form.text-input label="Youtube" name="youtube" :value="$setting->youtube" />
            <x-form.text-input label="linkedin" name="linkedin" :value="$setting->linkedin" />

            {{-- Captcha --}}
            <x-form.text-input label="Captcha Head" name="captcha_head" :value="$setting->captcha_head" />
            <x-form.text-input label="Captcha Key" name="captcha_key" :value="$setting->captcha_key" />

            {{-- Logos & Favicon --}}
            <x-form.image-input label="Site Favicon" name="favicon" :image="$setting?->getImage('favicon')?->image_path" />
            <x-form.image-input label="Dark Logo" name="dark_logo" :image="$setting?->getImage('dark_logo')?->image_path" />
            <x-form.image-input label="Light Logo" name="light_logo" :image="$setting?->getImage('light_logo')?->image_path" />
        </x-layouts.card-form>
    </div>
</x-layouts.page-wrapper>
@endsection