@extends('layouts.app')

@section('content')
		<div class="m-content">
			<div class="row">
				<div class="col-lg-12">
					<div class="m-portlet">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <span class="m-portlet__head-icon m--hide">
                                        <i class="la la-gear"></i>
                                    </span>
                                    <h3 class="m-portlet__head-text">Edit Email</h3>
                                </div>
                            </div>
                        </div>

                        <!--begin::Form-->
                        {{ Form::open(array('route' => 'email_setting.store', 'role'=>'form', 'class'=>'m-form m-form--fit m-form--label-align-right', 'id'=>'storeEmailSetting')) }}
                            <div class="m-portlet__body">
                                <div class="col-12">
                                    @if(Session::has('success'))
                                        <div class="alert alert-success">
                                            <button type="button" class="close" data-dismiss="alert">×</button> <i class="fa fa-ban-circle"></i>
                                            {!! Session::get('success') !!}
                                        </div>
                                    @endif
                                    @if(Session::has('error'))
                                        <div class="alert alert-danger">
                                            <button type="button" class="close" data-dismiss="alert">×</button> <i class="fa fa-ban-circle"></i>
                                            {!! Session::get('error') !!}
                                        </div>
                                    @endif
                                </div>

                                <input type="hidden" name="id" id="id">

                                <div class="form-group m-form__group row">
                                    <label for="select_email" class="col-1 col-form-label">Select Email</label>
                                    <div class="col-4">
                                        {{ Form::select('select_email', $email_list , null, ['class'=>'form-control m-input', 'id'=>'select_email']) }}
                                        {!! $errors->first('select_email', '<span class="error" style="color: #f4516c;">:message</span>') !!}
                                    </div>

                                    <label class="col-2 col-form-label">Is email send to admin?</label>
                                    <div class="col-4">
                                        <div class="m-radio-inline">
                                            <label class="m-radio">
                                                <input type="radio" name="is_admin" id="is_admin_yes" value="1"> Yes
                                                <span></span>
                                            </label>
                                            <label class="m-radio">
                                                <input type="radio" name="is_admin" id="is_admin_no" value="0"> No
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label for="header_id" class="col-1 col-form-label">Select Header</label>
                                    <div class="col-4">
                                        {{ Form::select('header_id', $header, null, ['class'=>'form-control m-input', 'id'=>'header_id']) }}
                                        {!! $errors->first('header_id', '<span class="error" style="color: #f4516c;">:message</span>') !!}
                                    </div>

                                    <label for="footer_id" class="col-2 col-form-label">Select Footer</label>
                                    <div class="col-4">
                                        {{ Form::select('footer_id', $footer, null, ['class'=>'form-control m-input', 'id'=>'footer_id']) }}
                                        {!! $errors->first('footer_id', '<span class="error" style="color: #f4516c;">:message</span>') !!}
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label for="name" class="col-1 col-form-label">Name</label>
                                    <div class="col-4">
                                        {{ Form::text('name', null, ['class'=>'form-control m-input', 'id'=>'name']) }}
                                        {!! $errors->first('name', '<span class="error">:message</span>') !!}
                                    </div>

                                    <label for="subject" class="col-2 col-form-label">Subject</label>
                                    <div class="col-4">
                                        {{ Form::text('subject', null, ['class'=>'form-control m-input', 'id'=>'subject']) }}
                                        {!! $errors->first('subject', '<span class="error">:message</span>') !!}
                                    </div>

                                    {{-- <label for="select_email" class="col-1 col-form-label">Select Email</label>
                                    <div class="col-10">
                                        {{ Form::select('select_email', $email_list , null, ['class'=>'form-control m-input', 'id'=>'select_email']) }}
                                        {!! $errors->first('select_email', '<span class="error" style="color: #f4516c;">:message</span>') !!}
                                    </div> --}}
                                </div>

                                {{-- <div class="form-group m-form__group row">
                                    <label for="subject" class="col-1 col-form-label">Subject</label>
                                    <div class="col-10">
                                        {{ Form::text('subject', null, ['class'=>'form-control m-input', 'id'=>'subject']) }}
                                        {!! $errors->first('subject', '<span class="error">:message</span>') !!}
                                    </div>
                                </div> --}}

                                <div class="form-group m-form__group row">
                                    <label for="mail_body" class="col-1 col-form-label">Mail Body</label>
                                    <div class="col-10">
                                        {{ Form::textarea('mail_body', null, ['class'=>'form-control m-input summernote', 'id'=>'mail_body']) }}
                                        {!! $errors->first('mail_body', '<span class="error">:message</span>') !!}
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <div class="alert alert-danger m--margin-top-10 m--margin-left-100">
                                        Note = Please don't change this variable : - <strong id="key_words"></strong>
                                    </div>
                                </div>

                            </div>
                            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                                <div class="m-form__actions m-form__actions--solid">
                                    <div class="row">
                                        <div class="col-lg-4"></div>
                                        <div class="col-lg-8">
                                            {!! Form::submit("Save", ['name' => 'Submit','class' => 'btn btn-primary']) !!}
                                            {!! Form::button("Preview", ['name' => 'Preview','class' => 'btn btn-danger','id'=>'preview']) !!}
                                            {!! link_to(URL::full(), "Cancel",array('class' => 'btn btn-secoundry')) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{ Form::close() }}

                        <!--end::Form-->
                    </div>
				</div>
			</div>
        </div>

        <!-- The Modal -->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">

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

                    <!-- Modal body -->
                    <div class="modal-body" id="model-data"></div>

                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>

                </div>
            </div>
        </div>
        <!-- The Modal -->


@endsection

@section('script')
{{-- {{ Html::script('custom/summernote/summernote.js') }} --}}
<script type="text/javascript">

    $(document).ready(function () {

        $("#preview").click(function(){
            var val = $('#mail_body').val();
            $('#model-data').html(val);
            $('#myModal').modal('show');
        });
    });

    $('.summernote').summernote({
        height: 500,
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['font', ['bold', 'underline', 'clear']]
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['float', ['floatLeft', 'floatRight', 'floatNone']],
            ['table', ['table']],
            // ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview', 'help']],
        ]
    });

    $('#select_email').on('change', function() {
        select_email = $( '#select_email' ).val();
        if(select_email == '')
        {
            // if no email select empty all value
            $('#header_id').val('');
            $('#footer_id').val('');
            $('#name').val('');
            $('#subject').val('');
            $('#id').val('');
            $('#key_words').text('');
            $('#mail_body').summernote('code', '');

            return false;
        }
        $.get( base_url+"/setting/email/ajaxGetEmail", {'id' : select_email}, function( data ) {

            // select ( Is email send to admin? )
            if(data[0].is_admin == '0'){
                $("#is_admin_no").prop("checked", true);
            }
            if(data[0].is_admin == '1'){
                $("#is_admin_yes").prop("checked", true);
            }

            // select all form value
            $('#header_id').val(data[0].header_id);
            $('#footer_id').val(data[0].footer_id);
            $('#name').val(data[0].name);
            $('#subject').val(data[0].subject);
            $('#id').val(data[0].id);
            $('#key_words').text(data[0].key_words);
            $('#mail_body').summernote('code', data[0].mail_body);
            (mApp.unblock('body'), true);

        });
        mApp.block('body', {
            overlayColor: '#000000',
            type: 'loader',
            state: 'success',
            message: 'Please Wait...'
        });
    });

    $("#storeEmailSetting").validate({
        rules: {
            name:{
                required : true
            },
            is_admin:{
                required : true
            },
            header_id:{
                required : true
            },
            footer_id:{
                required : true
            },
            // select_email:{
            //     required : true
            // },
            subject:{
                required : true
            },
            mail_body:{
                required : true
            }
        }
    });
</script>
@endsection