@props(['id', 'route', 'hiddenfields' => [], 'template' => null, 'buttontext' => null, 'defaults' => []])

@php
    $placeholder = 'Write email body';
    if(!empty($template)){
        $placeholder = 'Add extra text to the '.$template.' template email';
    }
    if(empty($buttontext)){
        $buttontext = "Email sender";
    }
    if(!empty($defaults['subject'])){
        $default_subject = $defaults['subject'];
    }else{
        $default_subject = '';
    }
    if(!empty($defaults['body'])){
        $default_body = $defaults['body'];
    }else{
        $default_body = '';
    }
@endphp

<div class="modal fade" id="{!! $id !!}">
    <div class="modal-dialog shadow">
    {!! Form::open(
        ['route' => $route,
        'id' => $id.'_form'
        ]) !!}
        @foreach($hiddenfields as $name => $val)
            {!! Form::hidden($name, $val) !!}
        @endforeach

        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Email</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                @if(!empty($template))
                    <p>Sending email using the {!! $template !!} template</p>
                @endif

            {!! Form::text('subject', $default_subject, [
                'class'      => 'form-control mb-2',
                'placeholder' => 'Subject override',
                'max'        => 300
                ]) !!}

            {!! Form::textarea('reason', $default_body, [
                'class'      => 'form-control',
                'placeholder' => $placeholder,
                'rows'       => 4,
                'name'       => 'body',
                'max'        => 10000
                ]) !!}

                @if($id == 'notify_billing_reminder')
                    <br />
                    {!! Form::checkbox('review', 1, null,
                        ['id' => $id.'_review', 'class' => 'p-0']) !!}
                    {!! Form::label($id.'_review', 'Request TrustPilot review') !!}
                @endif
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                {!! Form::checkbox('preview', 1, null,
                    ['id' => $id.'_preview', 'class' => 'p-0']) !!}
                {!! Form::label($id.'_preview', 'Preview email') !!}
                <button class="ml-3 btn btn-primary"
                    id="{!! $id !!}_submit" type="submit">
                    Submit
                </button>
            </div>

        </div>
    {!! Form::close() !!}
    </div>
</div>

<script>
    $(document).ready(function() {
        $('body').on('change', '#{!! $id !!}_preview', function() {
            if($(this).is(':checked')){
                $('#{!! $id !!}_form').attr('target', "_blank");
                $('#{!! $id !!}_submit').html("Preview in new tab");
            }else{
                 $('#{!! $id !!}_form').attr('target', null);
                 $('#{!! $id !!}_submit').html("Send");
            }
        });
    });
</script>

<button type="button" class="btn btn-primary" onClick="(function(){
    $('#{!! $id !!}').modal('show');
    return false;
})();return false;">
    {!! $buttontext !!} <i class="fa fa-envelope-open"></i>
</button>