@extends('layouts.admin_default')
    @section('content')
        <div class="content-wrapper container-xxl p-0">
            <div class="flash_messages">
                @include('flash_messages.admin_message')
            </div>
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-start mb-0">Setting</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                                    <li class="breadcrumb-item"><a href="{{ route('setting.index') }}">Setting</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section class="modern-horizontal-wizard">
                    <div class="bs-stepper wizard-modern modern-wizard-example">
                        {!! Form::open(['method'=>'POST','route'=>['setting_submit'], 'files'=>true, 'class'=>'form-first FormValidate']) !!}
                            <div class="bs-stepper-header">
                                <div class="step" data-target="#account-details-modern" role="tab" id="account-details-modern-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">General</span>
                                        </span>
                                    </button>
                                </div>
                                <div class="line">
                                    <i data-feather="chevron-right" class="font-medium-2"></i>
                                </div>
                                <div class="step" data-target="#image" role="tab" id="image-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">Image</span>
                                        </span>
                                    </button>
                                </div>
                                <!-- <div class="line">
                                    <i data-feather="chevron-right" class="font-medium-2"></i>
                                </div>
                                <div class="step" data-target="#social" role="tab" id="social-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">Social Link</span>
                                        </span>
                                    </button>
                                </div>
                                <div class="line">
                                    <i data-feather="chevron-right" class="font-medium-2"></i>
                                </div>
                                <div class="step" data-target="#personal-info-modern" role="tab" id="personal-info-modern-trigger">
                                    <button type="button" class="step-trigger">
                                        <span class="bs-stepper-label">
                                            <span class="bs-stepper-title">SEO</span>
                                        </span>
                                    </button>
                                </div> -->
                            </div>
                            <div class="bs-stepper-content">
                                <div id="account-details-modern" class="content" role="tabpanel" aria-labelledby="account-details-modern-trigger">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Company Name <span class="error">*</span></label>
                                                {!! Form::text('config_company_name', getSettingData("config_company_name"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Company Email <span class="error">*</span></label>
                                                {!! Form::text('config_company_email', getSettingData("config_company_email"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Company Mobile Number <span class="error">*</span></label>
                                                {!! Form::text('config_company_mobile_number', getSettingData("config_company_mobile_number"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Company Address </label>
                                                {!! Form::textarea('config_company_address', getSettingData("config_company_address"), ['class'=>'form-control', 'rows' => 5]) !!}
                                            </div>
                                        </div>
                                        <!-- <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Google Map Address Link </label>
                                                {!! Form::textarea('config_google_map_address_link', getSettingData("config_google_map_address_link"), ['class'=>'form-control', 'rows' => 5]) !!}
                                            </div>
                                        </div> -->
                                    </div>
                                </div>

                                <div id="image" class="content" role="tabpanel" aria-labelledby="image-trigger">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12 mb-1 mb-sm-0">
                                            <div class="row input_image">
                                                <div class="col-md-6">
                                                    <label for="image_label">Company Logo</label>
                                                    <div class="input-group">
                                                        {!! Form::text('company_logo', null, ['id' => 'company-logo', 'class' => 'form-control selected_image', 'aria-label' => 'Image', 'aria-describedby' => 'button-image', 'readonly']) !!}
                                                        {!! Form::hidden('edit_company_logo', getSettingData('company_logo')) !!}
                                                        <div class="input-group-append">
                                                            <button class="btn btn-outline-secondary" type="button" id="button-company-logo">Choose File</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- <div class="col-md-6">
                                                    <label for="image_label"></label>
                                                    <div class="input-group-append">
                                                        <button class="btn btn-danger remove_image" type="button">Delete</button>
                                                    </div>
                                                </div> -->
                                                @if(!empty(getSettingData('company_logo')))
                                                    <div class="col-md-6">
                                                        <img src="{{ asset('storage/'.getSettingData('company_logo')) }}" alt="" style="height:100px; width:100px">
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-12 mb-1 mb-sm-0">
                                            <div class="row input_image">
                                                <div class="col-md-6">
                                                    <label for="image_label">Company Fav Logo</label>
                                                    <div class="input-group">
                                                        {!! Form::text('company_fav_logo', null, ['id' => 'company-fav-logo', 'class' => 'form-control selected_image', 'aria-label' => 'Image', 'aria-describedby' => 'button-image', 'readonly']) !!}
                                                        {!! Form::hidden('edit_company_fav_logo', getSettingData('company_fav_logo')) !!}
                                                        <div class="input-group-append">
                                                            <button class="btn btn-outline-secondary" type="button" id="button-company-fav-logo">Choose File</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- <div class="col-md-6">
                                                    <label for="image_label"></label>
                                                    <div class="input-group-append">
                                                        <button class="btn btn-danger remove_image" type="button">Delete</button>
                                                    </div>
                                                </div> -->
                                                @if(!empty(getSettingData('company_fav_logo')))
                                                    <div class="col-md-6">
                                                        <img src="{{ asset('storage/'.getSettingData('company_fav_logo')) }}" alt="" style="height:100px; width:100px">
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="social" class="content" role="tabpanel" aria-labelledby="social-trigger">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Facebook </label>
                                                {!! Form::text('config_facebook', getSettingData("config_facebook"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Instagram </label>
                                                {!! Form::text('config_instagram', getSettingData("config_instagram"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">LinkedIn </label>
                                                {!! Form::text('config_linkedin', getSettingData("config_linkedin"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Twitter </label>
                                                {!! Form::text('config_twitter', getSettingData("config_twitter"), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="personal-info-modern" class="content" role="tabpanel" aria-labelledby="personal-info-modern-trigger">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Title</label>
                                                {!! Form::text('meta_title', null, ['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Seo Url <span class="error">*</span></label>
                                                {!! Form::text('seo_keyword',null,['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Canonical Link  </label>
                                                {!! Form::text('canonical_link',null,['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Keyword </label>
                                                {!! Form::text('meta_keyword',null,['class'=>'form-control'])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Meta Description </label>
                                                {!! Form::textarea('meta_description',null,['class'=>'form-control', 'rows' => 5])!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-column">Schema Tag  </label>
                                                {!! Form::textarea('schema_tag', null, ['class'=>'form-control', 'rows' => 5])!!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <br>
                                <div class="row mb-1">
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </section>
            </div>
        </div>

        <script>
            document.addEventListener("DOMContentLoaded", function() {
                // compony logo button
                document.getElementById('button-company-logo').addEventListener('click', (event) => {
                    event.preventDefault();

                    inputId = 'company-logo';

                    window.open('/file-manager/fm-button', 'fm', 'width=1400,height=800');
                });

                // compony fav logo button
                document.getElementById('button-company-fav-logo').addEventListener('click', (event) => {
                    event.preventDefault();

                    inputId = 'company-fav-logo';

                    window.open('/file-manager/fm-button', 'fm', 'width=1400,height=800');
                });
            });

            // input
            let inputId = '';

            // set file link
            function fmSetLink($url) {
                document.getElementById(inputId).value = $url;
            }

            $(".remove_image").click(function(){
                var imgTable = $(this).closest('.input_image');
                config_key = imgTable.find('.selected_image').attr('name');
                $.ajax({
                    url: "{{ route('setting.update.image') }}",
                    type: "POST",
                    data : {
                        "id" : '',
                        'config_key' : config_key,
                        "_token": "{{ csrf_token() }}"
                    },
                    success:function(response)
                    {
                        if (response.status==true)
                        {
                            window.location.reload();
                        }
                    }
                });
            });
        </script>
    @endsection