@extends('layouts.master')

@section('content')

<div class="container-xxl">

    <x-breadcrumb model="Create 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">
                    <button class="nav-link active" type="button">Setting</button>
                </li>
                <li class="nav-item" role="presentation">
                    <a type="button" class="nav-link disabled">SEO</a>
                </li>
            </ul>
            <x-form.wrapper action="{{route('admin.site-settings.store')}}" method="POST" enctype="multipart/form-data">

                <x-form.row>
                    <x-form.input type="text" col="6" :req="true" label="Site Title" id="site_title" name="site_title" value="{{old('site_title')}}" />
                    <x-form.input type="file" col="6" :req="true" label="Site Image" id="image" name="image" accept="image/*" onchange="previewThumb(this,'featured-thumb')" />
                    <x-form.preview id="featured-thumb" />
                </x-form.row>

                <x-form.row>
                    <x-form.input type="text" col="6" :req="true" label="Email" id="email" name="email" value="{{old('email')}}" />
                    <x-form.input type="text" col="6" label="Alternate Email" id="alternate_email" name="alternate_email" value="{{old('alternate_email')}}" />
                </x-form.row>

                <x-form.row>
                    <x-form.input type="text" col="6" :req="true" label="Phone Number" id="phone_number1" name="phone" value="{{old('phone')}}" />
                    <x-form.input type="text" col="6" label="Alternate Phone Number" id="phone_number2" name="alternate_phone" value="{{old('alternate_phone')}}" />
                </x-form.row>
                <x-form.row>
                    <x-form.input type="text" col="6" :req="true" label="Address1" id="address1" name="address" value="{{old('address')}}" />
                </x-form.row>
                <x-form.row>
                    <x-form.input type="text" col="12" label="Map Link" id="map_link" name="map_link" value="{{old('map_link')}}" />
                </x-form.row>
                <x-form.row>
                    <x-form.input type="text" col="4" label="Twitter Link" id="twitter_link" name="twitter_link" value="{{old('twitter_link')}}" />
                    <x-form.input type="text" col="4" label="Facebook Link" id="fb_link" name="fb_link" value="{{old('fb_link')}}" />
                    <x-form.input type="text" col="4" label="Instagram Link" id="insta_link" name="insta_link" value="{{old('insta_link')}}" />
                </x-form.row>

                <x-form.row>
                    <x-form.input type="text" col="6" label="Youtube Link" id="youtube_link" name="youtube_link" value="{{old('youtube_link')}}" />
                    <x-form.input type="text" col="6" label="Tiktok Link" id="tiktok_link" name="tiktok_link" value="{{old('tiktok_link')}}" />
                </x-form.row>

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


                <x-form.textarea isEditor="true" label="Company Info(Footer)" id="footer_info" name="footer_info" value="{!!old('footer_info')!!}" 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