@extends('layouts.master')

@section('content')
    <div class="container-xxl">

        <x-breadcrumb model="Edit SiteSetting"></x-breadcrumb>
        <div class="card">
            <div class="card-body">
                <ul class="nav nav-tabs nav-pills" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('admin.site-settings.edit', $site_setting->id) }}"
                            class="nav-link active">Setting</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('admin.site-settings.seo.index', $site_setting->id) }}" class="nav-link">SEO</a>
                    </li>
                </ul>
                <x-form.wrapper action="{{ route('admin.site-settings.update', $site_setting->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @method('PATCH')
                    <x-form.row>
                        <x-form.input type="text" col="6" :req="true" label="Site Title" id="site_title"
                            name="site_title" value="{{ $site_setting->site_title }}" />
                        <div class="col-md-6">
                            <x-form.input type="file" :req="true" label="Logo" id="image" name="image"
                                accept="image/*" onchange="previewThumb(this,'featured-thumb')" />
                            <x-form.preview id="featured-thumb" url="{{ $site_setting->feature_image->getPath() }}" />
                        </div>
                    </x-form.row>



                    <x-form.row>
                        <x-form.input type="text" col="6" :req="true" label="Email" id="email"
                            name="email" value="{{ $site_setting->email }}" />
                        <x-form.input type="text" col="6" :req="true" label="Phone Number (mobile)"
                            id="phone" name="phone" value="{{ $site_setting->phone }}" />
                        {{-- <x-form.input type="text" col="6" label="Alternate Email" id="alternate_email"
                        name="alternate_email" value="{{ $site_setting->alternate_email }}" /> --}}
                    </x-form.row>
                    <x-form.row>

                        <x-form.input type="text" col="6" label="Alternative Number (telephone)"
                            id="alternate_phone" name="alternate_phone" value="{{ $site_setting->alternate_phone }}" />

                        <x-form.input type="text" col="6" :req="true" label="Address" id="address1"
                            name="address" value="{{ old('address', $site_setting->address) }}" />

                    </x-form.row>

                    <x-form.row>
                        <div class="col-md-6">
                            <x-form.input type="file" label="Trip Adviser Icon" id="trip_advisor"
                                name="trip_adviser_image" accept="image/*" onchange="previewThumb(this,'footerbg-thumb')" />
                            <x-form.preview id="footerbg-thumb"
                                url="{{ $site_setting->meta1_image?->getPath('settings') }}" />
                        </div>

                        <div class="col-md-6">
                            <x-form.input type="file" label="Google Review" id="google_review" name="google_review_image"
                                accept="image/*" onchange="previewThumb(this,'accepted-imaged-thumb')" />
                            <x-form.preview id="accepted-imaged-thumb"
                                url="{{ $site_setting->meta2_image->getPath('settings') }}" />
                        </div>

                    </x-form.row>
                    <x-form.input type="text" col="12" label="map link" id="map_link" name="map_link"
                        value="{{ $site_setting->map_link }}" />


                    <x-form.input type="text" col="12" label="Map Iframe (Embedded)" id=" map_iframe"
                        name=" map_iframe" value="{!! $site_setting->map_iframe !!}" />

                    <x-form.row>
                        <x-form.input type="text" col="4" label="Twitter/X Link" id="twitter_link"
                            name="twitter_link" value="{{ $site_setting->twitter_link }}" />
                        <x-form.input type="text" col="4" label="Facebook Link" id="fb_link" name="fb_link"
                            value="{{ $site_setting->fb_link }}" />
                        <x-form.input type="text" col="4" label="Instagram Link" id="insta_link"
                            name="insta_link" value="{{ $site_setting->insta_link }}" />
                    </x-form.row>
                    <x-form.row>
                        <x-form.input type="text" col="4" label="Youtube Link" id="youtube_link"
                            name="youtube_link" value="{{ $site_setting->youtube_link }}" />
                        <x-form.input type="text" col="4" label="WhatsApp Link" id="whatsapp_link"
                            name="whatsapp_link" value="{{ $site_setting->whatsapp_link }}" />
                        {{-- <x-form.input type="text" col="4" label="TikTok Link" id="tiktok_link"
                            name="tiktok_link" value="{{ $site_setting->tiktok_link }}" /> --}}

                    </x-form.row>

                    <x-form.row>
                        {{-- <x-form.input type="text" col="4" label="linkedin Link" id="linkedin_link"
                            name="linkedin_link" value="{{ $site_setting->linkedin_link }}" /> --}}

                        <x-form.input type="text" col="4" label="Google Link" id="google_link"
                            name="google_link" value="{{ $site_setting->google_link }}" />

                        <x-form.input type="text" col="4" label="Tripadvisor Link" id="tripadvisor_link"
                            name="tripadvisor_link" value="{{ $site_setting->tripadvisor_link }}" />
                    </x-form.row>

                    <x-form.textarea isEditor="true" label="Description" id="description" name="description"
                        value="{!! $site_setting->description !!}" rows="5" cols="5" />


                    <x-form.button class="btn btn-sm btn-dark" type="submit"><i class='bx bx-save bx-xs'></i>
                        Save</x-form.button>
                </x-form.wrapper>
            </div>
        </div>
    </div>
@endsection`

@push('custom_js')
    @include('_helpers.image_preview', ['name' => 'image'])
    @include('_helpers.ajax_form')
@endpush