@extends('backend.layouts.app')

@section('content')

    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{ translate('Email Template') }}</h5>
            </div>
            <form action="{{ route('business-settings.email-settings-update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="card-body">
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="name">{{ translate('Header Text Size (px)') }}<span class="text-danger ml-1">*</span>
                        </label>
                        <div class="col-sm-9">
                            <input type="text" placeholder="{{ translate('Header Text Size (px)') }}" id="email_header_text_size" name="email_header_text_size"
                                class="form-control" value="{{ $data['email_header_text_size'] }}"  required>
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="name">{{ translate('Body Text Size (px)') }}</label>
                        <div class="col-sm-9">
                            <input type="text" placeholder="{{ translate('Body Text Size (px)') }}" id="email_body_text_size" name="email_body_text_size"
                                class="form-control" required value="{{ $data['email_body_text_size'] }}">
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="email_header_text">{{ translate('Header Text') }}</label>
                        <div class="col-sm-9">
                            <textarea class="aiz-text-editor" name="email_header_text">{{ $data['email_header_text'] }}</textarea>
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="email_footer_text">{{ translate('Footer Text') }}</label>
                        <div class="col-sm-9">
                            <textarea class="aiz-text-editor" name="email_footer_text">{{ $data['email_footer_text'] }}</textarea>
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="email_header_image">{{ translate('Email Header Image') }}</label>
                        <div class="col-sm-9">
                            <div class="custom-file">
                            <input type="file" name="email_header_image" class="custom-file-input" id="customFile">
                            <label class="custom-file-label" for="customFile">{{translate('Choose file')}}</label>
                            </div>
                            <input type="hidden" id="remove_email_header_image" name="remove_email_header_image" value="0">
                            @if(!empty($data['email_header_image'] ))
                            <div id="email_header_image_preview_section">
                                <div>
                                    <img src="{{ \Storage::disk('public')->url($data['email_header_image']) }}" alt="{{ translate('Email Header Image') }}" style="width: 100px;">
                                </div>
                                <div>
                                    <button type="button" id="remove_eh_image_btn" class="btn btn-sm btn-primary mt-1" >{{ __('messages.remove-image') }}</button>
                                </div>
                            </div>
                          
                            @endif
                        </div>
                      </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 col-from-label" for="email_header_footer_color">{{ translate('Email Header/Footer Color') }}</label>
                        <div class="col-sm-9">
                            <input type="text" placeholder="{{ translate('Email Header/Footer Color') }}" id="email_header_footer_color" name="email_header_footer_color"
                                class="form-control" value="{{ $data['email_header_footer_color'] }}" required>
                        </div>
                    </div>
                    <div class="form-group mb-0 text-right">
                        <button type="submit" class="btn btn-primary">{{ translate('Save') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@section('script')
    <script>
         $('#remove_eh_image_btn').click(function(){
            $('#remove_email_header_image').val(1);
            $('#email_header_image_preview_section').hide();
        });
    </script>
@endsection