@extends('layouts.site')

@push('meta')
    <title>MarEx Newsletter - The Maritime Executive</title>
    <meta name="description" content="Up to the minute maritime business and corporate news from one of the oldest and most esteemed industry newsletters">
    <meta name="keywords" content="">
    <meta property="og:title" content="MarEx Newsletter - The Maritime Executive">
    <meta property="og:url" content="https://maritime-executive.com/newsletter">
    <meta property="og:description" content="Up to the minute maritime business and corporate news from one of the oldest and most esteemed industry newsletters">
	<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<script>
	function resizeIframe(obj) {
		var newheight;
		var newwidth;

		if(document.getElementById){
			newheight = document.getElementById(obj).contentWindow.document.body.scrollHeight;
			newwidth = document.getElementById(obj).contentWindow.document.body.scrollWidth;
		}

		document.getElementById(obj).height = (newheight) + "px";
		document.getElementById(obj).width = (newwidth) + "px";
	}
</script>


@endpush

{{-- todo-hammy v2 need to add in UTM as part of link for newsletter --}}
@section('content')
    <section class="wrap-content">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
				
                    <!--  Form Select -->
                   
                </div>
            </div>
            <div class="row">
				
                <div class="col-md-12" id="newsletter_template_containers">
				<div class="l1-ads-wrappernews">
					
					<div class="bl-6 header font-firasans text-uppercase rs_custom">
                                    <span class="title bl-6 b-color-4">
                                        <strong>THE MARITIME Executive</strong> Newsletter
                                    </span>
                                </div>
					</div>
					<div class="l1-ads-wrappernews">
					 <div class="form-group rs_custom">
                        {!! Form::select('newsletter_id', isset($newsletter_list) && $newsletter_list->count() > 0 ? $newsletter_list : ['List is unavailable'], NULL, ['id' => 'newsletter_dropdown', 'class' => 'form-control']) !!}
                    </div>
					</div>
					<div id="newsletter_template_container">
					<iframe id="newsletter_email_frame" width="789" height="3900" scrolling="no" style="border:none; overflow:hidden;" onLoad="resizeIframe('newsletter_email_frame');" src="https://sandbox.maritime-executive.com/newsletter/email/{{ $newsletter_list->keys()->first() }}"></iframe>
					</div>
                </div>
			
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    <script>
        $(function () {

            $('#newsletter_dropdown').change(function () {

                var newsletter_id = this.value;

                console.log("Newsletter ID is " + newsletter_id);

				$("#newsletter_email_frame").attr('src', 'https://sandbox.maritime-executive.com/newsletter/email/' + newsletter_id);
				//resizeIframe('newsletter_email_frame');

            });
        });
    </script>
@endpush