@include('Website::web-builder.widget._back_title',compact('title'))
<style>
    .config-body.listing {
        padding: 0;
    }
    .card {
        border: none;
        width: 100%;
    }
    .card-header {
        padding: 0;
        border: none !important;
        width: 100%;
    }
    .card-header .btn.btn-link {
        border: none !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
    }
    .card-body form {
        padding: 15px;
    }
    .config-body.listing .section-item {
        padding-left: 15px;
        padding-right: 15px;
    }
</style>
<section class="newsletter">
    <form method="post" onsubmit="return false;">
        <div class="config-box">
            <div class="config-heading">
                Settings
            </div>
            <div class="config-body">
                <div class="form-group">
                    <label for="heading">Section Label</label>
                    <input type="text" name="widget[widget_label]"  class="form-control" placeholder="{{ $title }}"  value="{{  optional($settings)['widget_label'] ?? $title }}" />
                </div>
                <input type="hidden" name="widget[type]" value="{{ $widget->type }}">
                <input type="hidden" name="widget[id]" value="{{ $widget->id }}">
                <div class="form-group">
                    <div class="config-dropdown">
                        <label id="full-width" for="heading">Heading</label>
                        <input type="text" name="widget[section_title]"  class="form-control" placeholder="Heading"  value="{{ (isset($settings['section_title'])) ? $settings['section_title'] : '' }}" >
                    </div>
                </div>
                <div class="form-group">
                    {!! Form::label('list','List') !!}
                    {!! Form::select('widget[list][]' , $lists , (isset($settings['list'])) ? $settings['list'] : 0 , ['class' => 'form-control chosen-select','multiple','data-placeholder' => 'Choose lists']) !!}
                </div>
                <div class="form-group">
                    <div class="config-dropdown">
                        <label id="full-width" for="heading">First Name</label>
                        <input type="text" name="widget[first_name]"  class="form-control" placeholder="First Name" value="{{ (isset($settings['first_name'])) ? $settings['first_name'] : '' }}" >
                    </div>
                    <div class="row ml-1">
                        <div class="form-check">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" value="1" name="widget[is_first_name]" id="is_first_name" {{ (isset($settings['is_first_name'])) ? 'checked' : '' }} />
                                <label class="custom-control-label" for="is_first_name">
                                    Display ?
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="row ml-1">
                        <div class="form-check">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" value="1" name="widget[is_req_fname]" id="is_req_fname" {{ (isset($settings['is_req_fname'])) ? 'checked' : '' }} />
                                <label class="custom-control-label" for="is_req_fname">
                                    Required ?
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="config-dropdown">
                        <label id="full-width" for="heading">Last Name</label>
                        <input type="text" name="widget[last_name]"  class="form-control" placeholder="Last Name" value="{{ (isset($settings['last_name'])) ? $settings['last_name'] : '' }}" >
                    </div>
                    <div class="row ml-1">
                        <div class="form-check">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" value="1" name="widget[is_last_name]" id="is_last_name" {{ (isset($settings['is_last_name'])) ? 'checked' : '' }} />
                                <label class="custom-control-label" for="is_last_name">
                                    Display ?
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="row ml-1">
                        <div class="form-check">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" value="1" name="widget[is_req_lname]" id="is_req_lname" {{ (isset($settings['is_req_lname'])) ? 'checked' : '' }} />
                                <label class="custom-control-label" for="is_req_lname">
                                    Required ?
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="config-dropdown">
                        <label id="full-width" for="heading">Email</label>
                        <input type="text" name="widget[email]"  class="form-control" placeholder="Email" value="{{ (isset($settings['email'])) ? $settings['email'] : '' }}" >
                    </div>
                </div>
                {{--                <div class="form-group">--}}
                {{--                    <div class="config-dropdown">--}}
                {{--                        <label id="full-width" for="heading">Subscription Success Message</label>--}}
                {{--                        <textarea class="form-control"  name="widget[success_message]">{{ (isset($settings['success_message'])) ? $settings['success_message'] : '' }}</textarea>--}}
                {{--                    </div>--}}
                {{--                </div>--}}

                <div class="form-group">
                    <a class="float-right builder_content_popup mb-2 mr-1" href="javascript:void(0);" data-toggle="modal" data-target="#builder_popup">
                        <i class="fa fa-expand" style="color: #B283C7"></i>
                    </a>
                    <div class="config-dropdown">
                        <label id="full-width" for="heading">Subscription Success Message</label>
{{--                        <textarea style="display: none;" class="form-control" name="widget[success_message]">{!! (isset($settings['success_message'])) ? $settings['success_message'] : '' !!}</textarea>--}}
{{--                        <div class="summernote">{!! (isset($settings['success_message'])) ? $settings['success_message'] : '' !!}</div>--}}
                        {!! RTEForm::rte('widget[success_message]', @$settings['success_message'], ['isSmall' => true]) !!}
                    </div>
                </div>
            </div>
            <div class="config-body listing">
                <div id="accordion" class="testimonials-listing">
                    <div class="card widget-accordion-card" id="card-settings">
                        <div class="card-header" id="heading-settings">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapse-settings" aria-expanded="true" aria-controls="collapse-settings">
                                    <div class="section-item">
                                        <img src="{{ asset('/assets/images/sidebar-icons/add-title-taline.svg') }}" alt="" />
                                        <p>Design</p>
                                        <div class="right-icons">
                                            <div class="view-icon">
                                                <i class="fa fa-caret-right" style="color: #8F8F8F"></i>
                                            </div>
                                        </div>
                                    </div>
                                </button>
                            </h5>
                        </div>
                        <div id="collapse-settings" class="collapse" aria-labelledby="heading-settings" data-parent="#accordion">
                            <div class="card-body">
                                <div class="wrapper-list">
                                    <div class="config-heading">
                                        Heading
                                    </div>
                                    <div class="config-body">
                                        @include('Website::web-builder.widget.settings.section_heading_setting')
                                        <div class="form-group">
                                            <label>Padding above Heading</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[heading_padding_top]', optional($settings)['heading_padding_top'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="config-heading">
                                        Form Fields Text
                                    </div>
                                    <div class="config-body">
                                        <div class="form-group">
                                            <label>Font Family</label>
                                            {!! Form::select('widget[fields_text_font_family]', getFontFamilies() ,optional($settings)['fields_text_font_family'] ?? '', ['class' => 'form-control custom-select']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Font Size</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[fields_text_font_size]', optional($settings)['fields_text_font_size'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col" style="margin-top: 19px">
                                                <div class="form-group">
                                                    <label>Font Weight</label>
                                                    {!! Form::text('widget[fields_text_font_weight]' , optional($settings)['fields_text_font_weight'] ?? '' , ['class' => 'form-control']) !!}
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-group">
                                                    <label>Heading Font Color</label>
                                                    {!! Form::text('widget[fields_text_font_color]' , optional($settings)['fields_text_font_color'] ?? '' , ['class' => 'form-control colorPicker']) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="config-heading">
                                        Button
                                    </div>
                                    <div class="config-body">
                                        <div class="form-group">
                                            <label>Font Family</label>
                                            {!! Form::select('widget[button_font_family]', getFontFamilies() ,optional($settings)['button_font_family'] ?? '', ['class' => 'form-control custom-select']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Font Size</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[button_font_size]', optional($settings)['button_font_size'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>Background color</label>
                                            {!! Form::text('widget[button_bg_color]' , optional($settings)['button_bg_color'] ?? '' , ['class' => 'form-control colorPicker']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Font color</label>
                                            {!! Form::text('widget[button_font_color]' , optional($settings)['button_font_color'] ?? '' , ['class' => 'form-control colorPicker']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Border Color</label>
                                            {!! Form::text('widget[button_border_color]' , optional($settings)['button_border_color'] ?? '' , ['class' => 'form-control colorPicker']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Border Width</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[button_border_width]', optional($settings)['button_border_width'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>Border Radius</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[button_border_radius]', optional($settings)['button_border_radius'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="heading">Button Position</label>
                                            {!! Form::select('widget[button_position]', ['left' => 'Left','right' => 'Right','center' => 'Center'], optional($settings)['button_position'] ?? 'right', ['class' => 'form-control custom-select']) !!}
                                        </div>
                                        <div class="form-group">
                                            <label>Padding above button</label>
                                            <div class="input-group">
                                                {!! Form::text('widget[button_top_padding]', optional($settings)['button_top_padding'] ?? '' ,['class' => 'form-control']) !!}
                                                <div class="input-group-append">
                                                    <span class="input-group-text">px</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @include('Website::web-builder.widget.settings.index')
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
{{--            @include('Website::web-builder.widget._advance_setting')--}}
            @include('Website::web-builder.widget._remove_section')
        </div>
    </form>
</section>