@extends('layouts.frontend')

@section('title', trans('messages.campaigns') . " - " . trans('messages.template'))
	
@section('page_script')
	<script type="text/javascript" src="{{ URL::asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>        
    <script type="text/javascript" src="{{ URL::asset('tinymce/tinymce.min.js') }}"></script>
	<script type="text/javascript" src="{{ URL::asset('assets/js/core/libraries/jquery_ui/interactions.min.js') }}"></script>
	<script type="text/javascript" src="{{ URL::asset('assets/js/core/libraries/jquery_ui/touch.min.js') }}"></script>
        
    <script type="text/javascript" src="{{ URL::asset('js/editor.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/validate.js') }}"></script>
	<script type="text/javascript" src="{{ URL::asset('js/listing.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('assets/js/plugins/dropzone/js/dropzone.js') }}"></script>
@endsection

@section('page_header')
	
			<div class="page-title">
				<ul class="breadcrumb breadcrumb-caret position-right">
					<li><a href="{{ action("HomeController@index") }}">{{ trans('messages.home') }}</a></li>
					<li><a href="{{ action("CampaignController@index") }}">{{ trans('messages.campaigns') }}</a></li>
				</ul>
				<h1>
					<span class="text-semibold"><i class="icon-paperplane"></i> {{ $campaign->name }}</span>
				</h1>

				@include('campaigns._steps', ['current' => 3])
			</div>

@endsection

@section('content')
    <div class="row">
        <div class="col-md-6 mb-40">
            <div class="sub-section">
                <h2 class="mt-0">{{ trans('messages.campaign.content_management') }}</h2>
                <h3>{{ trans('messages.campaign.email_content') }}</h3>                
                <p>{{ trans('messages.campaign.email_content.intro') }}</p>
                    
                <div class="media-left">
                    <div class="main">
                        <label>{{ trans('messages.campaign.html_email') }}</label>
                        <p>{{ trans('messages.campaign.html_email.last_edit', [
                            'date' => Acelle\Library\Tool::formatDateTime($campaign->updated_at),
                        ]) }}</p>
                            
                        <a href="{{ action('CampaignController@templateCreate', $campaign->uid) }}" class="btn btn-primary bg-grey-600 mr-5">
                            {{ trans('messages.campaign.change_template') }}
                        </a>
                        <a href="{{ action('CampaignController@templateEdit', $campaign->uid) }}" class="btn btn-default">
                            {{ trans('messages.campaign.compose_email') }}
                        </a>
                    </div>
                </div>
            </div>
                
            <div class="sub-section">   
                <h2 class="mt-0">{{ trans('messages.campaign.attachment') }}</h2>
                <p>{{ trans('messages.campaign.attachment.intro') }}</p>
                    
                @include('campaigns._attachment')
            </div>
            
            
        </div>
    </div>
        
    <hr>
    <a href="{{ action('CampaignController@schedule', ['uid' => $campaign->uid]) }}" class="btn bg-teal-800">
        {{ trans('messages.next') }} <i class="icon-arrow-right7"></i>
    </a>
        
    <script>
		var window;
    
        $(document).ready(function() {
        
            $('.template-start').click(function() {
				var url = $(this).attr('data-url');
				
                popup.load(url);
            });
			
			$('.template-compose').click(function(e) {
				e.preventDefault();
			
				window = window.open(URL);
				if (window == null)
					alert('Please change your popup settings');
				else  {
					window.moveTo(0, 0);
					window.resizeTo(screen.width, screen.height);
				}
			});
        
        });
    </script>

@endsection