@extends(config('seo.layout'))
@section('header')
    @isset($letter)
        <i class="fa fa-pencil text-muted"></i> Edit News Letter Page
    @else
        <i class="fa fa-plus text-muted"></i> New News Letter Page
    @endisset
@endsection

@section('content')
    <div class="row">
        <div class='col-md-12 my-4'>
            <div class='panel panel-default'>
                <div class="panel-body">
                        @isset($letter)
                            <form action="{{ route('seo::newsletter.update', $letter->id) }}" method="POST"
                            enctype="multipart/form-data">
                            @method('PUT')
                        @else
                            <form action="{{ route('seo::newsletter.store') }}" method="POST" enctype="multipart/form-data">
                        @endisset
                            @csrf
                            <div class="form-group col-6 px-0 mx-auto">
                                <label>Template</label>
                                <select class="form-control" name="template">
                                    @isset($letter)
                                        <option value="main_template" @if ($letter->template == 'main_template') selected @endif>Main
                                            Template</option>
                                        <option value="send_pulse_template" @if ($letter->template == 'send_pulse_template') selected @endif>
                                            Send Pulse Template</option>
                                        <option value="commercial_template" @if ($letter->template == 'commercial_template') selected @endif>
                                            Commercial Template</option>
                                    @else
                                        <option value="main_template" @if (old('template') == 'main_template') selected @endif>Main
                                            Template</option>
                                        <option value="send_pulse_template" @if (old('template') == 'send_pulse_template') selected @endif>
                                            Send Pulse Template</option>
                                        <option value="commercial_template" @if (old('template') == 'commercial_template') selected @endif>
                                            Commercial Template</option>
                                    @endisset
                                </select>
                            </div>
                            <div id="main_template" class="row">
                                <div class="col-6 border-right">
                                    <div class="form-group px-0">
                                        <label>Header</label>
                                        <input type="text" class="form-control" name="header"
                                            value="{{ $letter->header ?? old('header') }}" placeholder="Header">
                                        @if ($errors->has('header'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('header') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Main Image</label>
                                        <input type="file" class="form-control" name="main_image"
                                            value="{{ $letter->main_image ?? old('main_image') }}" placeholder="Main Image">
                                        @if ($errors->has('main_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('main_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Logo Image</label>
                                        <input type="file" class="form-control" name="logo_image"
                                            value="{{ $letter->logo_image ?? old('logo_image') }}" placeholder="Main Image">
                                        @if ($errors->has('logo_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('logo_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Large Text</label>
                                        <input type="text" class="form-control" name="large_text"
                                            value="{{ $letter->large_text ?? old('large_text') }}" placeholder="Large Text">
                                        @if ($errors->has('large_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('large_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Small paragraph</label>
                                        <input type="text" class="form-control" name="medium_text"
                                            value="{{ $letter->medium_text ?? old('medium_text') }}"
                                            placeholder="Small Paragraph">
                                        @if ($errors->has('medium_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('medium_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Center Image</label>
                                        <input type="file" class="form-control" name="moving_image"
                                            value="{{ $letter->moving_image ?? old('moving_image') }}"
                                            placeholder="Center Image">
                                        @if ($errors->has('moving_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('moving_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Center Image Caption</label>
                                        <input type="text" class="form-control" name="moving_image_text"
                                            value="{{ $letter->moving_image_text ?? old('moving_image_text') }}"
                                            placeholder="Center Image Caption">
                                        @if ($errors->has('moving_image_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('moving_image_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Offer First Value<small>(example: 20% or 1000EGP)</small></label>
                                        <input type="text" class="form-control" name="first_percent"
                                            value="{{ $letter->first_percent ?? old('first_percent') }}"
                                            placeholder="Offer First Value">
                                        @if ($errors->has('first_percent'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('first_percent') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Offer First Value Text</label>
                                        <input type="text" class="form-control" name="first_percent_text"
                                            value="{{ $letter->first_percent_text ?? old('first_percent_text') }}"
                                            placeholder="Offer First Value Text">
                                        @if ($errors->has('first_percent_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('first_percent_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Offer Second Value<small>(example: 20% or 1000EGP)</small></label>
                                        <input type="text" class="form-control" name="second_percent"
                                            value="{{ $letter->second_percent ?? old('second_percent') }}"
                                            placeholder="Offer Second Value">
                                        @if ($errors->has('second_percent'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('second_percent') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Offer Second Value Text</label>
                                        <input type="text" class="form-control" name="second_percent_text"
                                            value="{{ $letter->second_percent_text ?? old('second_percent_text') }}"
                                            placeholder="Offer Second Value Text">
                                        @if ($errors->has('second_percent_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('second_percent_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>After Offer Images Header</label>
                                        <input type="text" class="form-control" name="min_header"
                                            value="{{ $letter->min_header ?? old('min_header') }}"
                                            placeholder="After Offer Images Header">
                                        @if ($errors->has('min_header'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('min_header') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>After Offer Main Image</label>
                                        <input type="file" class="form-control" name="min_header_image"
                                            value="{{ $letter->min_header_image ?? old('min_header_image') }}"
                                            placeholder="After Offer Main Image">
                                        @if ($errors->has('min_header_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('min_header_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>After Offer Main Image Caption</label>
                                        <input type="text" class="form-control" name="min_header_image_cap"
                                            value="{{ $letter->min_header_image_cap ?? old('min_header_image_cap') }}"
                                            placeholder="After Offer Main Image Caption">
                                        @if ($errors->has('min_header_image_cap'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('min_header_image_cap') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group px-0">
                                        <label>First Min Image</label>
                                        <input type="file" class="form-control" name="first_image"
                                            value="{{ $letter->first_image ?? old('first_image') }}"
                                            placeholder="First Min Image">
                                        @if ($errors->has('first_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('first_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>First Min Image Caption</label>
                                        <input type="text" class="form-control" name="first_image_cap"
                                            value="{{ $letter->first_image_cap ?? old('first_image_cap') }}"
                                            placeholder="First Min Image Caption">
                                        @if ($errors->has('first_image_cap'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('first_image_cap') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Second Min Image</label>
                                        <input type="file" class="form-control" name="second_image"
                                            value="{{ $letter->second_image ?? old('second_image') }}"
                                            placeholder="Second Min Image">
                                        @if ($errors->has('second_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('second_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Second Min Image Caption</label>
                                        <input type="text" class="form-control" name="second_image_cap"
                                            value="{{ $letter->second_image_cap ?? old('second_image_cap') }}"
                                            placeholder="Second Min Image Caption">
                                        @if ($errors->has('second_image_cap'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('second_image_cap') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Third Min Image</label>
                                        <input type="file" class="form-control" name="third_image"
                                            value="{{ $letter->third_image ?? old('third_image') }}"
                                            placeholder="Third Min Image">
                                        @if ($errors->has('third_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('third_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Third Min Image Caption</label>
                                        <input type="text" class="form-control" name="third_image_cap"
                                            value="{{ $letter->third_image_cap ?? old('third_image_cap') }}"
                                            placeholder="Third Min Image Caption">
                                        @if ($errors->has('third_image_cap'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('third_image_cap') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Fourth Min Image</label>
                                        <input type="file" class="form-control" name="fourth_image"
                                            value="{{ $letter->fourth_image ?? old('fourth_image') }}"
                                            placeholder="Fourth Min Image">
                                        @if ($errors->has('fourth_image'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('fourth_image') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Fourth Min Image Caption</label>
                                        <input type="text" class="form-control" name="fourth_image_cap"
                                            value="{{ $letter->fourth_image_cap ?? old('fourth_image_cap') }}"
                                            placeholder="Fourth Min Image Caption">
                                        @if ($errors->has('fourth_image_cap'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('fourth_image_cap') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Interest Link</label>
                                        <input type="text" class="form-control" name="on_click_link"
                                            value="{{ $letter->on_click_link ?? old('on_click_link') }}"
                                            placeholder="Interest Link">
                                        @if ($errors->has('on_click_link'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('on_click_link') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Footer Text</label>
                                        <input type="text" class="form-control" name="footer_text"
                                            value="{{ $letter->footer_text ?? old('footer_text') }}"
                                            placeholder="Footer Text">
                                        @if ($errors->has('footer_text'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('footer_text') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Whatsapp Number<small class="text-danger">(Must Include Country
                                                Code)</small></label>
                                        <input type="text" class="form-control" name="whatsapp_number"
                                            value="{{ $letter->whatsapp_number ?? old('whatsapp_number') }}"
                                            placeholder="Whatsapp Number">
                                        @if ($errors->has('whatsapp_number'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('whatsapp_number') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Facebook Link</label>
                                        <input type="text" class="form-control" name="facebook_link"
                                            value="{{ $letter->facebook_link ?? old('facebook_link') }}"
                                            placeholder="Facebook Link">
                                        @if ($errors->has('facebook_link'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('facebook_link') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Twitter Link</label>
                                        <input type="text" class="form-control" name="twitter_link"
                                            value="{{ $letter->twitter_link ?? old('twitter_link') }}"
                                            placeholder="Twitter Link">
                                        @if ($errors->has('twitter_link'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('twitter_link') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Instagram Link</label>
                                        <input type="text" class="form-control" name="instagram_link"
                                            value="{{ $letter->instagram_link ?? old('instagram_link') }}"
                                            placeholder="Instagram Link">
                                        @if ($errors->has('instagram_link'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('instagram_link') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                    <div class="form-group px-0">
                                        <label>Youtube Link</label>
                                        <input type="text" class="form-control" name="youtube_link"
                                            value="{{ $letter->youtube_link ?? old('youtube_link') }}"
                                            placeholder="Youtube Link">
                                        @if ($errors->has('youtube_link'))
                                            <span class="form-control-feedback">
                                                <small><strong
                                                        class="text-danger">{{ $errors->first('youtube_link') }}</strong></small>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div id="send_pulse_template" class="d-none">
                                <div class="d-flex justify-content-around align-items-center">
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Main Image Section Background Color</label>
                                        <input type="color" class="form-control" value="{{ $letter->second_section_background_color ?? "#ffffff"}}" name="second_section_background_color">
                                    </div>
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Multi Images Section Background Color</label>
                                        <input type="color" class="form-control" value="{{ $letter->six_section_background_color ?? "#ffffff"}}" name="six_section_background_color">
                                    </div>
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Footer Section Background Color</label>
                                        <input type="color" class="form-control" value="{{ $letter->seven_section_background_color ?? "#ffffff"}}" name="seven_section_background_color">
                                    </div>
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Interest Button Background Color</label>
                                        <input type="color" class="form-control" value="{{ $letter->interest_background_color ?? "#ffffff"}}" name="interest_background_color">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6 border-right">
                                        <div class="form-group px-0">
                                            <label>Title</label>
                                            <input type="text" class="form-control" name="header"
                                                value="{{ $letter->header ?? old('header') }}" placeholder="Title">
                                            @if ($errors->has('header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Main Image</label>
                                            <input type="file" class="form-control" name="main_image"
                                                value="{{ $letter->main_image ?? old('main_image') }}"
                                                placeholder="Main Image">
                                            @if ($errors->has('main_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('main_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Main Image Header</label>
                                            <input type="text" class="form-control launchContent" maxlength="40"
                                                name="main_image_header"
                                                value="{{ $letter->main_image_header ?? old('main_image_header') }}"
                                                placeholder="Main Image Header">
                                            @if ($errors->has('main_image_header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('main_image_header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Main Image Text</label>
                                            <input type="text" class="form-control launchContent"
                                                name="main_image_cap"
                                                value="{{ $letter->main_image_cap ?? old('main_image_cap') }}"
                                                placeholder="Main Image Text">
                                            @if ($errors->has('main_image_cap'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('main_image_cap') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>First Min Image</label>
                                            <input type="file" class="form-control" name="first_image"
                                                value="{{ $letter->first_image ?? old('first_image') }}"
                                                placeholder="First Min Image">
                                            @if ($errors->has('first_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('first_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>First Min Header</label>
                                            <input type="text" class="form-control launchContent" maxlength="40"
                                                name="first_image_header"
                                                value="{{ $letter->first_image_header ?? old('first_image_header') }}"
                                                placeholder="First Min Header">
                                            @if ($errors->has('first_image_header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('first_image_header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>First Min Image Caption</label>
                                            <input type="text" class="form-control launchContent"
                                                name="first_image_cap"
                                                value="{{ $letter->first_image_cap ?? old('first_image_cap') }}"
                                                placeholder="First Min Image Caption">
                                            @if ($errors->has('first_image_cap'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('first_image_cap') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Second Min Image</label>
                                            <input type="file" class="form-control" name="second_image"
                                                value="{{ $letter->second_image ?? old('second_image') }}"
                                                placeholder="Second Min Image">
                                            @if ($errors->has('second_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('second_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Second Min Header</label>
                                            <input type="text" class="form-control launchContent" maxlength="40"
                                                name="second_image_header"
                                                value="{{ $letter->second_image_header ?? old('second_image_header') }}"
                                                placeholder="Second Min Header">
                                            @if ($errors->has('second_image_header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('second_image_header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Second Min Image Caption</label>
                                            <input type="text" class="form-control launchContent"
                                                name="second_image_cap"
                                                value="{{ $letter->second_image_cap ?? old('second_image_cap') }}"
                                                placeholder="Second Min Image Caption">
                                            @if ($errors->has('second_image_cap'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('second_image_cap') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Youtube Link</label>
                                            <input type="text" class="form-control" name="youtube_link"
                                                value="{{ $letter->youtube_link ?? old('youtube_link') }}"
                                                placeholder="Youtube Link">
                                            @if ($errors->has('youtube_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('youtube_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group px-0">
                                            <label>Third Min Image</label>
                                            <input type="file" class="form-control" name="third_image"
                                                value="{{ $letter->third_image ?? old('third_image') }}"
                                                placeholder="Third Min Image">
                                            @if ($errors->has('third_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('third_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Third Min Header</label>
                                            <input type="text" class="form-control launchContent" maxlength="40"
                                                name="third_image_header"
                                                value="{{ $letter->third_image_header ?? old('third_image_header') }}"
                                                placeholder="Third Min Header">
                                            @if ($errors->has('third_image_header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('third_image_header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Third Min Image Caption</label>
                                            <input type="text" class="form-control launchContent"
                                                name="third_image_cap"
                                                value="{{ $letter->third_image_cap ?? old('third_image_cap') }}"
                                                placeholder="Third Min Image Caption">
                                            @if ($errors->has('third_image_cap'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('third_image_cap') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Fourth Min Image</label>
                                            <input type="file" class="form-control" name="fourth_image"
                                                value="{{ $letter->fourth_image ?? old('fourth_image') }}"
                                                placeholder="Fourth Min Image">
                                            @if ($errors->has('fourth_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('fourth_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Fourth Min Header</label>
                                            <input type="text" class="form-control launchContent" maxlength="40"
                                                name="fourth_image_header"
                                                value="{{ $letter->fourth_image_header ?? old('fourth_image_header') }}"
                                                placeholder="Fourth Min Header">
                                            @if ($errors->has('fourth_image_header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('fourth_image_header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Fourth Min Image Caption</label>
                                            <input type="text" class="form-control launchContent"
                                                name="fourth_image_cap"
                                                value="{{ $letter->fourth_image_cap ?? old('fourth_image_cap') }}"
                                                placeholder="Fourth Min Image Caption">
                                            @if ($errors->has('fourth_image_cap'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('fourth_image_cap') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Interest Link</label>
                                            <input type="text" class="form-control" name="on_click_link"
                                                value="{{ $letter->on_click_link ?? old('on_click_link') }}"
                                                placeholder="Interest Link">
                                            @if ($errors->has('on_click_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('on_click_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Whatsapp Number<small class="text-danger">(Must Include Country
                                                    Code)</small></label>
                                            <input type="text" class="form-control" name="whatsapp_number"
                                                value="{{ $letter->whatsapp_number ?? old('whatsapp_number') }}"
                                                placeholder="Whatsapp Number">
                                            @if ($errors->has('whatsapp_number'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('whatsapp_number') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Facebook Link</label>
                                            <input type="text" class="form-control" name="facebook_link"
                                                value="{{ $letter->facebook_link ?? old('facebook_link') }}"
                                                placeholder="Facebook Link">
                                            @if ($errors->has('facebook_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('facebook_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Twitter Link</label>
                                            <input type="text" class="form-control" name="twitter_link"
                                                value="{{ $letter->twitter_link ?? old('twitter_link') }}"
                                                placeholder="Twitter Link">
                                            @if ($errors->has('twitter_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('twitter_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Instagram Link</label>
                                            <input type="text" class="form-control" name="instagram_link"
                                                value="{{ $letter->instagram_link ?? old('instagram_link') }}"
                                                placeholder="Instagram Link">
                                            @if ($errors->has('instagram_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('instagram_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="commercial_template" class="d-none">
                                <div class="d-flex justify-content-around align-items-center">
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Title Area Background Color</label>
                                        <input type="color" class="form-control"
                                            value="{{ $letter->title_area_background_color ?? '#ffffff' }}"
                                            name="title_area_background_color">
                                    </div>
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Content Area Background Color</label>
                                        <input type="color" class="form-control"
                                            value="{{ $letter->content_area_background_color ?? '#ffffff' }}"
                                            name="content_area_background_color">
                                    </div>
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Link Button Background Color</label>
                                        <input type="color" class="form-control"
                                            value="{{ $letter->interest_background_color ?? '#ffffff' }}"
                                            name="interest_background_color">
                                    </div>
                                </div>
                                <div class="d-flex justify-content-around align-items-center">
                                    <div class="form-group col-2 px-0 mx-auto">
                                        <label>Select Property</label>
                                        <select class="form-control" name="property_id">
                                            <option value="" disabled selected>Property</option>
                                            @foreach(App\Property::select('id')->where('property_type_id',12)->get() as $property)
                                                <option value="{{ $property->id }}">{{ $property->id }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6 border-right">
                                        <div class="form-group px-0">
                                            <label>Title</label>
                                            <input type="text" class="form-control" name="header"
                                                value="{{ $letter->header ?? old('header') }}" placeholder="Title">
                                            @if ($errors->has('header'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('header') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Main Image</label>
                                            <input type="file" class="form-control" name="main_image"
                                                value="{{ $letter->main_image ?? old('main_image') }}"
                                                placeholder="Main Image">
                                            @if ($errors->has('main_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('main_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Logo Image</label>
                                            <input type="file" class="form-control" name="logo_image"
                                                value="{{ $letter->logo_image ?? old('logo_image') }}"
                                                placeholder="Logo Image">
                                            @if ($errors->has('logo_image'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('logo_image') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Title Area Content</label>
                                            <input type="text" class="form-control launchContent"
                                                name="title_area_content" value="{{ $letter->title_area_content ?? old('title_area_content') }}">
                                            @if ($errors->has('title_area_content'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('title_area_content') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Price</label>
                                            <input type="text" class="form-control" name="commercial_price"
                                                value="{{ $letter->commercial_price ?? old('commercial_price') }}"
                                                placeholder="Price">
                                            @if ($errors->has('commercial_price'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('commercial_price') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Building Area</label>
                                            <input type="text" class="form-control" name="Building_area_size"
                                                value="{{ $letter->Building_area_size ?? old('Building_area_size') }}"
                                                placeholder="Building Area">
                                            @if ($errors->has('Building_area_size'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('Building_area_size') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Handover Condition</label>
                                            <input type="text" class="form-control" name="handover_condition"
                                                value="{{ $letter->handover_condition ?? old('handover_condition') }}"
                                                placeholder="Handover Condition">
                                            @if ($errors->has('handover_condition'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('handover_condition') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Annual Increase</label>
                                            <input type="text" class="form-control" name="annual_increase"
                                                value="{{ $letter->annual_increase ?? old('annual_increase') }}"
                                                placeholder="Annual Increase">
                                            @if ($errors->has('annual_increase'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('annual_increase') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Car Parking</label>
                                            <input type="text" class="form-control" name="car_parking"
                                                value="{{ $letter->car_parking ?? old('car_parking') }}"
                                                placeholder="Car Parking">
                                            @if ($errors->has('car_parking'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('car_parking') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Service Charge</label>
                                            <input type="text" class="form-control" name="service_charge"
                                                value="{{ $letter->service_charge ?? old('service_charge') }}"
                                                placeholder="Service Charge">
                                            @if ($errors->has('service_charge'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('service_charge') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group px-0">
                                            <label>Total Land Area</label>
                                            <input type="text" class="form-control" name="total_land_area_size"
                                                value="{{ $letter->total_land_area_size ?? old('total_land_area_size') }}"
                                                placeholder="Total Land Area">
                                            @if ($errors->has('total_land_area_size'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('total_land_area_size') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Description Area Content</label>
                                            <input type="text" id="description" class="form-control launchContent"
                                                name="description_area_content" value="{{ $letter->description_area_content ?? old('description_area_content') }}">
                                            @if ($errors->has('description_area_content'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('description_area_content') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Property Link</label>
                                            <input type="text" class="form-control" name="on_click_link"
                                                value="{{ $letter->on_click_link ?? old('on_click_link') }}"
                                                placeholder="Property Link">
                                            @if ($errors->has('on_click_link'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('on_click_link') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Agent Name</label>
                                            <input type="text" class="form-control" name="agent_name"
                                                value="{{ $letter->agent_name ?? old('agent_name') }}"
                                                placeholder="Agent Name">
                                            @if ($errors->has('agent_name'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('agent_name') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Agent Phone</label>
                                            <input type="text" class="form-control" name="agent_phone"
                                                value="{{ $letter->agent_phone ?? old('agent_phone') }}"
                                                placeholder="Agent Phone">
                                            @if ($errors->has('agent_phone'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('agent_phone') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Agent Email</label>
                                            <input type="text" class="form-control" name="agent_email"
                                                value="{{ $letter->agent_email ?? old('agent_email') }}"
                                                placeholder="Agent Email">
                                            @if ($errors->has('agent_email'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('agent_email') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Security Deposit</label>
                                            <input type="text" class="form-control" name="security_deposit"
                                                value="{{ $letter->security_deposit ?? old('security_deposit') }}"
                                                placeholder="Security Deposit">
                                            @if ($errors->has('security_deposit'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('security_deposit') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Electricity and Chilled Water Consumption</label>
                                            <input type="text" class="form-control" name="electricity_chill"
                                                value="{{ $letter->electricity_chill ?? old('electricity_chill') }}"
                                                placeholder="Electricity and Chilled Water Consumption">
                                            @if ($errors->has('electricity_chill'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('electricity_chill') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Validity</label>
                                            <input type="text" class="form-control" name="validity"
                                                value="{{ $letter->validity ?? old('validity') }}"
                                                placeholder="Validity">
                                            @if ($errors->has('validity'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('validity') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group px-0">
                                            <label>Confidentiality Statement</label>
                                            <input type="text" class="form-control" name="confidentiality_statement"
                                                value="{{ $letter->confidentiality_statement ?? old('confidentiality_statement') }}"
                                                placeholder="Confidentiality Statement">
                                            @if ($errors->has('confidentiality_statement'))
                                                <span class="form-control-feedback">
                                                    <small><strong
                                                            class="text-danger">{{ $errors->first('confidentiality_statement') }}</strong></small>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                                @isset($letter)
                                    <input type="submit" class="btn btn-success" value="Update" />
                                @else
                                    <input type="submit" class="btn btn-success" value="Save" />
                                @endisset
                        </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
    change();
    $('[name="template"]').on('change', function() {
        change();
    });

    function change() {
        if ($('[name="template"]').val() != 'main_template') $('#main_template').addClass('d-none');
        if ($('[name="template"]').val() != 'commercial_template') $('#commercial_template').addClass('d-none');
        if ($('[name="template"]').val() != 'send_pulse_template') $('#send_pulse_template').addClass('d-none');
        if ($('[name="template"]').val() == 'main_template') $('#main_template').removeClass('d-none');
        if ($('[name="template"]').val() == 'commercial_template') $('#commercial_template').removeClass('d-none');
        if ($('[name="template"]').val() == 'send_pulse_template') $('#send_pulse_template').removeClass('d-none');
    }

    $('#commercial_template [name="main_image"]').on('change', function() {
        $('#commercial_template [name="main_image"]').attr('type', 'file');
    });
    $('[name="property_id"]').on('change', function() {
        let id = $(this).val();
        $.ajax({
            url: '{{ route('site.getProperty') }}',
            data: {
                id: id
            },
            success: function(property) {
                $('#commercial_template [name="main_image"]').attr('type', 'text');
                $('#commercial_template [name="main_image"]').val(property.images[0].full_url);
                if (property.property_for.includes('Sale')) $('[name="commercial_price"]').val(
                    property.options.sale_price);
                if (property.property_for = 'Rent') $('[name="commercial_price"]').val(property
                    .options.per_month);
                $('[name="Building_area_size"]').val(property.options.surface_area);
                if (property.is_building_info) $('[name="total_land_area_size"]').val(property
                    .building_info.total_area);
                tinymce.get("description").setContent(property.metadata.description_en);
                $('[name="on_click_link"]').val('https://nileestate.com/en/properties/details/' +
                    property.slug_en);
                $('[name="agent_name"]').val(property.request_owner.agent.username);
                $('[name="agent_phone"]').val(property.request_owner.agent.profile.phone);
                $('[name="agent_email"]').val(property.request_owner.agent.email);
                console.log(property);
            },
            error: function(errors) {
                console.log(errors);
            }
        });
    });
</script>
@endsection