@extends('layouts.app')

@section('sidebar')
    @include('sidebar')
@stop

@section('content')
<div class="m-subheader ">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="m-subheader__title ">Information Mail</h3><br>
        </div>
        <div>
            <a href="{{ route('information.mail.view') }}" class="btn btn-accent m-btn m-btn--icon">
                <span><i class="la la-eye"></i><span> View Mails</span></span>
            </a>
        </div>
    </div>
</div>
<!--begin::Modal -->
<div class="m-content">
    <div class="m-portlet m-portlet--full-height ">
        <div class="m-portlet__body offset-md-2">
            @if(Session::has('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    </button>
                    {!! Session::get('error') !!}
                </div>
            @endif
            @if(Session::has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    </button>
                    {!! Session::get('success') !!}
                </div>
            @endif
            {!! Form::model($users, array('url' => 'information/mail/store','files' => true, 'id' => 'infoMailSend-form', 'class' => 'm-form m-form--fit m-form--label-align-right', 'autocomplete' => 'on')) !!}
                <div class="m-portlet__body col-md-9">
                    <div class="m-form__section ">
                        <div class="form-group m-form__group">
                            <div class="form-group m-form__group row">
                                {!! Html::decode(Form::label('from', 'From<span class="form-control-feedback">*</span>', ['class' => 'col-sm-2 control-label'])) !!}
                                <div class="col-lg-10">
                                    <select name="from" id="from" class="form-control" required>
                                        @foreach ($from as $f_key => $f_value)
                                            <option data-subtext="{{$f_value}}" value="{{ $f_value }}">{{ $f_value }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                </div>
                            <div class="form-group m-form__group row">
                                {!! Html::decode(Form::label('client', 'Client / To<span class="form-control-feedback">*</span>', ['class' => 'col-sm-2 control-label' ])) !!}
                                <div class="col-lg-10">
                                    <select name="client[]" id="client" class="form-control m-select2 m-bootstrap-select" multiple>
                                        @foreach ($users as $u_key => $u_value)
                                            <option data-subtext="{{$u_value->email}}" value="{{ $u_value->email }}">{{ $u_value->email }}</option>
                                        @endforeach
                                    </select>
                                    {!! $errors->first('client', '<p class="form-control-feedback">:message</p>') !!}
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                {!! Html::decode(Form::label('subject', 'Subject<span class="form-control-feedback">*</span>', ['class' => 'col-sm-2 control-label' ])) !!}
                                <div class="col-lg-10">
                                    {!! Form::text('subject', null, ['class' => 'form-control', 'placeholder'=>'Enter Subject']) !!}
                                    {!! $errors->first('subject', '<p class="form-control-feedback">:message</p>') !!}
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                {!! Html::decode(Form::label('mail_body', 'Body<span class="form-control-feedback">*</span>', ['class' => 'col-sm-2 control-label'])) !!}
                                <div class="col-lg-10">
                                    {!! Form::textarea('mail_body', null,  ['class' => 'summernote form-control', 'id' => 'mail_body' ]) !!}
                                    {!! $errors->first('mail_body', '<p class="form-control-feedback">:message</p>') !!}
                                </div>

                            </div>
                            <div class="form-group m-form__group row">
                                <label for="" class="col-sm-2 control-label">Attach File</label>
                                <div class="col-lg-8">
                                    {{ Form::file('customFile', array('value' => '', 'id'=>'customFile', 'class' => 'custom-file-input', 'accept'=>'image/x-png,image/png,image/jpeg,application/pdf')) }}
                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                    {!! $errors->first('customFile', '<span class="error" style="color: #f4516c;">:message</span>') !!}
                                    <span class="m-form__help">Supported File Type: pdf, jpeg, png</span>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-sm-2">
                                </div>
                                {!! Form::submit("Single mail send", ['name' => 'single_mail_send','class' => 'btn btn-success m--margin-right-5']) !!}
                                {!! Form::submit("Batch mail send", ['name' => 'batch_mail_send','class' => 'btn btn-primary']) !!}
                                {!! link_to(URL::full(), "Cancel",array('class' => 'btn btn-secoundry')) !!}
                            </div>
                        </div>
                    </div>
                </div>
            {{ Form::close() }}

        </div>
    </div>
</div>
@endsection
<!--end::Modal-->
@section('script')

<script type="text/javascript">
    $('.summernote').summernote({
        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']],
        ]
    });


    var val = "{{ $email_id }}";
    $.each(val.split(","), function(i,e){
        $("#client option[value='" + e + "']").prop("selected", true);
    });

    //  Select file and get name
    $(document).ready(function(){
        $('input[type="file"]').change(function(e){
            var fileName = e.target.files[0].name;
            $('.custom-file-label').html(fileName);
        });
    });

    // get seleted html
    var body = @json($body);
    $('#mail_body').summernote('code', body);

    // multi select
    $('#client').select2({
        placeholder: "Select client",
    });
    $('#from').select2({
        maximumSelectionLength: 2,
        placeholder: "Select from"
    });


</script>
@endsection