@extends('admin.layouts.container')

@section('content')
    @if (session('message'))
        <div class="alert alert-success email_success">{{session('message')}}</div>
    @endif
    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if ($settings)
                <input type="hidden" name="update" value="true">
            @endif
            @CSRF
            <div class="form-group col-lg-12">
                <label>{!! __('settings.max_range') !!}</label>
                <input type="text" class="form-control {{ $errors->has('max_range') ? 'is-invalid' : '' }}" name="max_range" placeholder="{{ __('settings.max_range') }}" value='{{ old("max_range", $settings->max_range ?? "") }}'/>
            </div>

            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link" id="main-tab" data-toggle="tab" href="#main" role="tab" aria-controls="main" aria-selected="true">
                        <b>{{ __('settings.main') }}</b>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="range-tab" data-toggle="tab" href="#range" role="tab" aria-controls="range" aria-selected="false">
                        <b>{{ __('settings.range') }}</b>
                    </a>
                </li>
            </ul>

            <div class="border-item tab-content col-md-12" id="myTabContent">
                <div class="tab-pane fade active in show" id="main" role="tabpanel" aria-labelledby="main-tab">
                    <!-- <div id="main" class="tab-pane fade in active show col-md-12"> -->
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.website_name') }}</label>
                        <input type="text" class="form-control {{ $errors->has('website_name') ? 'is-invalid' : '' }}" name="website_name" placeholder="{{ __('settings.website_name') }}" value='{{ old("website_name", $settings->website_name ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.keywords') }}</label>
                        <input type="text" class="form-control {{ $errors->has('keywords') ? 'is-invalid' : '' }}" name="keywords" placeholder="{{ __('settings.keywords') }}" value='{{ old("keywords", $settings->keywords ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.meta_description') }}</label>
                        <input type="text" class="form-control {{ $errors->has('meta_description') ? 'is-invalid' : '' }}" name="meta_description" placeholder="{{ __('settings.meta_description') }}" value='{{ old("meta_description", $settings->meta_description ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.site_email') }}</label>
                        <input type="email" class="form-control {{ $errors->has('site_email') ? 'is-invalid' : '' }}" name="site_email" placeholder="{{ __('settings.site_email') }}" value='{{ old("site_email", $settings->site_email ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.site_address') }}</label>
                        <input type="text" class="form-control {{ $errors->has('site_address') ? 'is-invalid' : '' }}" name="site_address" placeholder="{{ __('settings.site_address') }}" value='{{ old("site_address", $settings->site_address ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.site_phone') }}</label>
                        <input type="tel" class="form-control {{ $errors->has('site_phone') ? 'is-invalid' : '' }}" name="site_phone" placeholder="{{ __('settings.site_phone') }}" value='{{ old("site_phone", $settings->site_phone ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_driver') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_driver') ? 'is-invalid' : '' }}" name="mail_driver" placeholder="{{ __('settings.mail_driver') }}" value='{{ old("mail_driver", $settings->mail_driver ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_host') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_host') ? 'is-invalid' : '' }}" name="mail_host" placeholder="{{ __('settings.mail_host') }}" value='{{ old("mail_host", $settings->mail_host ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_port') }}</label>
                        <input type="number" class="form-control {{ $errors->has('mail_port') ? 'is-invalid' : '' }}" name="mail_port" placeholder="{{ __('settings.mail_port') }}" value='{{ old("mail_port", $settings->mail_port ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_username') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_username') ? 'is-invalid' : '' }}" name="mail_username" placeholder="{{ __('settings.mail_username') }}" value='{{ old("mail_username", $settings->mail_username ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_password') }}</label>
                        <input type="password" class="form-control {{ $errors->has('mail_password') ? 'is-invalid' : '' }}" name="mail_password" placeholder="{{ __('settings.mail_password') }}" value='{{ old("mail_password", $settings->mail_password ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_encryption') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_encryption') ? 'is-invalid' : '' }}" name="mail_encryption" placeholder="{{ __('settings.mail_encryption') }}" value='{{ old("mail_encryption", $settings->mail_encryption ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_from_address') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_from_address') ? 'is-invalid' : '' }}" name="mail_from_address" placeholder="{{ __('settings.mail_from_address') }}" value='{{ old("mail_from_address", $settings->mail_from_address ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.mail_from_name') }}</label>
                        <input type="text" class="form-control {{ $errors->has('mail_from_name') ? 'is-invalid' : '' }}" name="mail_from_name" placeholder="{{ __('settings.mail_from_name') }}" value='{{ old("mail_from_name", $settings->mail_from_name ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.facebook') }}</label>
                        <input type="text" class="form-control {{ $errors->has('facebook') ? 'is-invalid' : '' }}" name="facebook" placeholder="{{ __('settings.facebook') }}" value='{{ old("facebook", $settings->facebook ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.twitter') }}</label>
                        <input type="text" class="form-control {{ $errors->has('twitter') ? 'is-invalid' : '' }}" name="twitter" placeholder="{{ __('settings.twitter') }}" value='{{ old("twitter", $settings->twitter ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-6">
                        <label>{{ __('settings.instagram') }}</label>
                        <input type="text" class="form-control {{ $errors->has('instagram') ? 'is-invalid' : '' }}" name="instagram" placeholder="{{ __('settings.instagram') }}" value='{{ old("instagram", $settings->instagram ?? "") }}'/>
                    </div>

                    {{--Start image container--}}
                    <div class="form-group col-lg-12">
                        <label>{{ __('settings.website_logo') }} </label>
                        <input id="image_thumbnail" class="image_thumbnail" type="hidden" name="website_logo" value="{{old("website_logo", $settings->website_logo ?? "")}}"/>

                        <div class="photos main_photo {{ old('website_logo', $settings->website_logo ?? '') ? ' wow fadeInUp' : 'hide' }}">
                            <div class="col-lg-4">
                                <div class="items">
                                    <div class="img">
                                        <a href="#" id="lfm" data-input=".image_thumbnail" data-preview=".image_holder" class="lfm" data-hide=".pick_button">
                                            <img src="{{asset(old('website_logo', $settings->website_logo ?? ''))}} "  id="image_holder" class="image_holder"/>
                                        </a>
                                    </div>
                                    <a href="#" class="showHide resetImage close" data-empty=".image_thumbnail" data-hide=".main_photo" data-show=".pick_button"><i class="fas fa-times"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>
                        <span class="input-group-btn pick_button {{ old('website_logo', $settings->website_logo ?? '') ? 'hide' : '' }} ">
                        <a id="lfm" data-input=".image_thumbnail" data-preview=".image_holder" data-show=".main_photo" data-hide=".pick_button" class="lfm btn btn-primary text-light">
                            <i class="fas fa-camera-retro"></i> Choose
                        </a>
                    </span>
                    </div>
                    {{--End image container--}}

                </div>

                <div class="tab-pane fade" id="range" role="tabpanel" aria-labelledby="range-tab">
                    <div class="form-group col-lg-12">
                        <label>{!! __('settings.max_range') !!}</label>
                        <input type="text" class="form-control {{ $errors->has('max_range') ? 'is-invalid' : '' }}" name="max_range" placeholder="{{ __('settings.max_range') }}" value='{{ old("max_range", $settings->max_range ?? "") }}'/>
                    </div>
                    <div class="form-group col-lg-12">
                        <label>{!! __('settings.warning_out_of_range') !!}</label>
                        <input type="text" class="form-control {{ $errors->has('warning_out_of_range') ? 'is-invalid' : '' }}" name="warning_out_of_range" placeholder="{{ __('settings.warning_out_of_range') }}" value='{{ old("warning_out_of_range", $settings->warning_out_of_range ?? "") }}'/>
                    </div>
                    {{--                    <div class="form-group col-lg-12">--}}
                    {{--                        <label>{!! __('settings.waiting_time') !!}</label>--}}
                    {{--                        <input type="text" class="form-control {{ $errors->has('waiting_time') ? 'is-invalid' : '' }}" name="waiting_time" placeholder="{{ __('settings.waiting_time') }}" value='{{ old("waiting_time", $settings->waiting_time ?? "") }}'/>--}}
                    {{--                    </div>--}}
                    <div class="form-group col-lg-12">
                        <label>{!! __('settings.suspend_time') !!}</label>
                        <input type="text" class="form-control {{ $errors->has('suspend_time') ? 'is-invalid' : '' }}" name="suspend_time" placeholder="{{ __('settings.suspend_time') }}" value='{{ old("suspend_time", $settings->suspend_time ?? "") }}'/>
                    </div>
                </div>
            </div>

            <div class="text-center mt-5 col-12">
                <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    {{--    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>--}}
    <script>
        var route_prefix = "{{ url(config('lfm.prefix')) }}";
        var url = "{{url('/')}}/";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script>
        $(document).ready(function () {
            let interVal = setInterval(function () {
                $('.email_success').slideUp();
                clearInterval(interVal);
            }, 2000)
        })
    </script>
@endsection