@extends ('backend.layouts.app')

@section('title', trans('labels.backend.settings.management') . ' | ' . trans('labels.backend.settings.edit'))

@section('page-header')
    <h1>
        {{ trans('labels.backend.settings.management') }}
        <small>{{ trans('labels.backend.settings.edit') }}</small>
    </h1>
@endsection

@section('content')
    <form method="POST" action="{{ url('admin/settings') }}" accept-charset="UTF-8" role="form" id="edit-settings"
        enctype="multipart/form-data" class="form-horizontal">

        {!! csrf_field() !!}
        <div class="box box-info">
            <div class="box-header">
                <h3 class="box-title">{{ trans('labels.backend.settings.edit') }}</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body setting-block">
                <!-- Nav tabs -->
                <ul id="myTab" class="nav nav-tabs setting-tab-list" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#tab1" aria-controls="home" role="tab"
                            data-toggle="tab">{{ trans('labels.backend.settings.seo') }}</a>
                    </li>
                    <li role="presentation">
                        <a href="#tab2" aria-controls="1" role="tab"
                            data-toggle="tab">{{ trans('labels.backend.settings.companydetails') }}</a>
                    </li>
                    <li role="presentation">
                        <a href="#tab3" aria-controls="2" role="tab"
                            data-toggle="tab">{{ trans('labels.backend.settings.mail') }}</a>
                    </li>
                    <li role="presentation">
                        <a href="#tab4" aria-controls="3" role="tab"
                            data-toggle="tab">{{ trans('labels.backend.settings.footer') }}</a>
                    </li>
                    <li role="presentation">
                        <a href="#tab5" aria-controls="4" role="tab" data-toggle="tab">Ads Setting</a>
                    </li>
                    <!-- <li role="presentation">
            <a href="#tab6" aria-controls="5" role="tab" data-toggle="tab">{{ trans('labels.backend.settings.google') }}</a>
           </li> -->
                </ul>

                <!-- Tab panes -->
                <div id="myTabContent" class="tab-content setting-tab">
                    <div role="tabpanel" class="tab-pane active" id="tab1">
                        {{-- <div class="form-group">
                            <label for="logo" class="col-lg-2 control-label">Site Logo</label>
                            <div class="col-lg-10">

                                <div class="custom-file-input">
                                    {!! Html::file('logo')->class('form-control inputfile inputfile-1') !!}
                                    <label for="logo">
                                        <i class="fa fa-upload"></i>
                                        <span>Choose a file</span>
                                    </label>
                                </div>
                                <div class="img-remove-logo">
                                    @if ($setting->logo)
                                        <img height="50" width="50"
                                            src="{{ Storage::disk('public')->url('img/logo/' . $setting->logo) }}">
                                        <i id="remove-logo-img" class="fa fa-times remove-logo" data-id="logo"
                                            aria-hidden="true"></i>
                                    @endif
                                </div>
                            </div>
                            <!--col-lg-10-->
                        </div> --}}
                        <!--form control-->

                        {{-- <div class="form-group">
                            <label for="favicon" class="col-lg-2 control-label">Fav Icon</label>

                            <div class="col-lg-10">
                                <div class="custom-file-input">

                                    {!! Html::file('favicon')->class('form-control inputfile inputfile-1') !!}

                                    <label for="favicon">
                                        <i class="fa fa-upload"></i>
                                        <span>Choose a file</span>
                                    </label>
                                </div>
                                <div class="img-remove-favicon">
                                    @if ($setting->favicon)
                                        <img height="50" width="50"
                                            src="{{ Storage::disk('public')->url('img/favicon/' . $setting->favicon) }}">
                                        <i id="remove-favicon-img" class="fa fa-times remove-logo" data-id="favicon"
                                            aria-hidden="true"></i>
                                    @endif
                                </div>
                            </div>
                            <!--col-lg-10-->
                        </div> --}}
                        <!--form control-->
                        <div class="form-group">

                            <label for="seo_title" class="col-lg-2 control-label">Seo Title</label>

                            <div class="col-lg-10">


                                <input placeholder="Meta Title" name="seo_title" type="text"
                                    value="{{ settings()[0]->seo_title ?? '' }}" id="seo_title" class="form-control">
                            </div>
                            <!--col-lg-10-->
                        </div>
                        <!--form control-->

                        <div class="form-group">

                            <label for="seo_keyword" class="col-lg-2 control-label">Seo Keyword</label>

                            <div class="col-lg-10">


                                <textarea placeholder="Meta Keyawords" rows="2" name="seo_keyword" cols="50" id="seo_keyword"
                                    class="form-control" spellcheck="false">{{ settings()[0]->seo_keyword ?? '' }}</textarea>

                            </div>
                            <!--col-lg-3-->
                        </div>
                        <!--form control-->

                        <div class="form-group">

                            <label for="seo_description" class="col-lg-2 control-label">Seo Description</label>

                            <div class="col-lg-10">


                                <textarea placeholder="Meta Description" rows="2" name="seo_description" cols="50" id="seo_description"
                                    class="form-control" spellcheck="false">{{ settings()[0]->seo_description ?? '' }}</textarea>
                            </div>
                            <!--col-lg-3-->
                        </div>
                        <!--form control-->
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab2">
                        <div class="form-group">

                            <label for="company_address" class="col-lg-2 control-label">Company Address</label>

                            <div class="col-lg-10">
                                <textarea placeholder="Company Address" rows="2" name="company_address" cols="50" id="company_address"
                                    class="form-control" spellcheck="false">{{ settings()[0]->company_address ?? '' }}</textarea>

                            </div>
                        </div>
                        <div class="form-group">

                            <label for="company_contact" class="col-lg-2 control-label">Company Contact</label>

                            <div class="col-lg-10">


                                <input placeholder="Company Contact" name="company_contact" type="text"
                                    value="{{ settings()[0]->company_contact ?? '' }}" id="company_contact"
                                    class="form-control">
                            </div>
                        </div>
                        <!--form control-->
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab3">
                        <div class="form-group">

                            <label for="from_name" class="col-lg-2 control-label">From Name</label>

                            <div class="col-lg-10">

                                <input placeholder="From Name" name="from_name" type="text"
                                    value="{{ settings()[0]->from_name ?? '' }}" id="from_name" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">

                            <label for="from_email" class="col-lg-2 control-label">From Email</label>

                            <div class="col-lg-10">

                                <input placeholder="From Email" name="from_email" type="text"
                                    value="{{ settings()[0]->from_email ?? '' }}" id="from_email" class="form-control">
                            </div>
                        </div>
                        <!--form control-->
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab4">
                        <div class="form-group">

                            <label for="footer_text" class="col-lg-2 control-label">Footer text</label>

                            <div class="col-lg-10">


                                <input placeholder="Footer Text" name="footer_text" type="text"
                                    value="{{ settings()[0]->footer_text ?? '' }}" id="footer_text"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="form-group">

                            <label for="copyright_text" class="col-lg-2 control-label">Copyright text</label>

                            <div class="col-lg-10">

                                <input placeholder="Copyright Text" name="copyright_text" type="text"
                                    value="{{ settings()[0]->copyright_text ?? '' }}" id="copyright_text"
                                    class="form-control">
                            </div>
                        </div>
                        <!--form control-->
                    </div>
                    <div role="tabpanel" class="tab-pane" id="tab5">
                        <div class="form-group">

                            <label for="Custom ads Code" class="col-lg-2 control-label">Custom ads Code</label>

                            <div class="col-lg-10">

                                <textarea placeholder="Terms" rows="10" name="terms" cols="50" id="terms" class="form-control"
                                    spellcheck="false">{{ settings()[0]->terms ?? '' }}</textarea>
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="Section 1st ads Code" class="col-lg-2 control-label">Section 1st ads Code</label>

                            <div class="col-lg-10">
                                <textarea placeholder="Section 1st ads Code" rows="10" name="explanation1" cols="50" id="explanation1"
                                    class="form-control" spellcheck="false">{{ settings()[0]->terms ?? '' }}</textarea>
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="Section 2nd ads Code" class="col-lg-2 control-label">Section 2nd ads Code</label>

                            <div class="col-lg-10">

                                <textarea placeholder="Section 2nd ads Code" rows="10" name="explanation2" cols="50" id="explanation2"
                                    class="form-control" spellcheck="false">{{ settings()[0]->explanation2 ?? '' }}</textarea>
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="Section 3rd ads Code" class="col-lg-2 control-label">Section 3rd ads Code</label>

                            <div class="col-lg-10">

                                <textarea placeholder="Section 3rd ads Code" rows="10" name="explanation3" cols="50" id="explanation3"
                                    class="form-control" spellcheck="false">{{ settings()[0]->explanation3 ?? '' }}</textarea>
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="Section 4th ads Code" class="col-lg-2 control-label">Section 4th ads Code</label>

                            <div class="col-lg-10">

                                <textarea placeholder="Section 4th ads Code" rows="10" name="explanation4" cols="50" id="explanation4"
                                    class="form-control" spellcheck="false">{{ settings()[0]->explanation4 ?? '' }}</textarea>
                            </div>
                        </div>


                    </div>


                    <div class="box-footer">
                        <div class="row">
                            <div class="col-lg-offset-2 col-lg-10 footer-btn">
                                {!! Html::submit(trans('buttons.general.crud.update'))->class('btn btn-primary btn-md')->render() !!}

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div><!--box-->

                <!-- hidden setting id variable -->
                <input type="hidden" data-id="{{ $setting->id }}" id="setting">
    </form>
@endsection

@section('after-scripts')
    <script src='/js/backend/bootstrap-tabcollapse.js'></script>
    <script>
        (function() {
            Backend.Utils.csrf = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            Backend.Settings.selectors.RouteURL = "{{ route('admin.removeIcon', -1) }}";
            Backend.Settings.init();

        })();

        window.load = function() {

        }
        /*
        	var route = "{{ route('admin.removeIcon', -1) }}";
            var data_id = $('#setting').data('id');

            route = route.replace('-1', data_id);

            $('.remove-logo').click(function() {
                var data = $(this).data('id');

                swal({
                    title: "Warning",
                    text: "Are you sure you want to remove?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes",
                    closeOnConfirm: true
                    }, function (confirmed) {
                        if (confirmed)
                        {
                            console.log(data);
                            if(data=='logo')
                            {
                                value= 'logo';
                                $('.img-remove-logo').addClass('hidden');
                            }
                            else
                            {
                                value= 'favicon';
                                $('.img-remove-favicon').addClass('hidden');
                            }
                            $.ajax({
                                url: route,
                                type: "POST",
                                data: {data: value},
                            });
                        }
                    });
            });

           */
        $('#myTab').tabCollapse({
            tabsClass: 'hidden-sm hidden-xs',
            accordionClass: 'visible-sm visible-xs'
        });
    </script>
@endsection