@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-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>

            {{--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 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