@php
    use Illuminate\Support\Facades\Crypt;
@endphp
@include('system-layouts.layout-head')
@include('mod-negotiation-proposal.title')


<div class="container-fluid">
    <!-- contentiner -->
    <!-- col -->
    <div class="card">
        <div class="card-header m-b-20">
            <h4 class="text-themecolor ">Editar
                <span class="pull-right">
                    <button type="button"
                            class="right-side-open btn waves-effect waves-light p-l-0 p-r-0 pull-right"
                            data-target="sidebar-right"
                            onclick="loadsDataForm('#sidebarRight  .content','{{url("myimage-sideber")}}','#actionIndexNot',['#_token'])">
                        <i class="ti-image font-18" style="color: #bdbdbd;"></i>
                    </button>
                    <button type="button"
                            class="right-side-open btn waves-effect waves-light p-l-0 p-r-0 pull-right"
                            data-target="sidebar-right"
                            style="color: #bdbdbd;"
                            onclick="loadsDataForm('#sidebarRight  .content','{{url("/proposal-tag/info")}}','#actionIndexNot',['#_token'])">
                        ${}
                    </button>
                </span>
            </h4>
        </div>
        <!-- card -->
        <div class="card-body">

            <form action="{{ asset('negotiation-proposal/send') }}" method="post" class="needs-validation error"
                  enctype="multipart/form-data"
                  novalidate id="actionIndex">

                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                            <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">
                                <i class="ti-user"></i> &nbsp; Nome
                            </span>
                            </div>
                            <input type="text" name="nameContact" class="form-control" value="{{$record->clientName}}">
                        </div>
                        @php $grid=12; @endphp
                        @include('mod-file.tools-button-file-all-upload-anexo')

                    </div>
                    <div class="col-md-6">
                        <div class="input-group">
                            <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">
                                <i class="ti-email"></i>
                            </span>
                            </div>
                            <input type="text" name="email" class="form-control" value="{{ $record->contactEmail }}">
                        </div>
                        <div class="input-group m-t-5">
                            <div class="input-group-prepend">
                            <span class="input-group-text" title="Com Copia:">
                                CC
                            </span>
                            </div>
                            <input type="text" name="mailBCC" class="form-control" value="">
                        </div>
                        <div class="input-group m-t-5">
                            <div class="input-group-prepend">
                            <span class="input-group-text" title="Com Copia Oculta">
                                CCO
                            </span>
                            </div>
                            <input type="text" name="mailBCC" class="form-control" value="">
                        </div>
                    </div>
                </div>

                <hr>
                <div class="row m-t-10 m-b-10">
                    <div class="col-md-6">

                        @include('mod-negotiation-proposal.formedit-email-signature')

                    </div>
                    <div class="col-md-6">
                        @include('mod-negotiation-proposal.formedit-email-model')

                    </div>
                </div>

                <div class="form-group">
                    <h5>Descrição</h5>
                    <div class="controls" id="editorMail">
							<textarea class="ckeditor form-control" id="description_editor_custom"
                                      maxlength="5000" name="description" rows="15"
                                      placeholder="Enter texto ...">{{-- $record->idSalesOrder --}}</textarea>
                    </div>
                </div>

                <input type="hidden" name="letter" value="1">
                <input type="hidden" name="proposal" value="{{Crypt::encrypt($record->idSalesOrder)}}">
                <input type="hidden" name="negotiation" value="{{Crypt::encrypt($record->idNegotiation)}}">
                <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">

                <hr>
                <div class="alert alert-danger alert-rounded hide " id="msgRequired">
                    Existe campo(s) obrigatório(s) para ser(em) preenchido(s)
                </div>
                <div class="progress m-t-20 ">
                    <div id="progressBarSend" class="progress-bar active progress-bar-striped bg-success"
                         style="width: 0%; height:6px;" role="progressbar"><span class="sr-only">60% Complete</span>
                    </div>
                </div>
                <div class="alert alert-secondary  hide  m-b-10 " id="msgEmail">

                </div>

                <div class="row p-t-20">
                    <div class="col-md-8"></div>
                    <div class="col-md-4">
                        <div class="btn-group btn-group  float-right" role="group" aria-label="Basic example">
                            <button type="button" class="btn waves-effect waves-light btn-success"
                                    id="buttonSend"
                            >    <i class="fa fa-envelope-o"></i> Enviar    
                            </button>
                            <a href="{{asset('negotiation-relationship')}}/{{ Crypt::encrypt($record->idNegotiation)}}"
                               class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                               aria-hidden="true"> <i class="fa fa-chevron-left"></i> Voltar</a>
                        </div>
                    </div>
                </div>
            </form>

        </div>


        <!--/ card -->
    </div>
    <!--/ end col -->
    <!--/ end contentiner -->
</div>
@include('system-layouts.layout-footer')
@include('system-layouts/footer-plugin-editor-ckeditor')
<script>
    CKEDITOR.replace('description_editor_custom',
        {
            customConfig: 'config-simple.js',
            height: '500px',
        });
</script>
<script>

    $(function () {
        $('#actionDataModel .iCheck-helper').click(function () {
            oziLoadData(data = {
                ldDestinyId: 'editorMail',
                ldUrl: '{{asset("negotiation-proposal-send/formedit-editor")}}',
                ldCatchGroupId: ['actionDataModel'],
                ldCatchItenName: ['_token'],
            });

        });

        $('.iCheck-helper-for').click(function () {
            oziLoadData(data = {
                ldDestinyId: 'editorMail',
                ldUrl: '{{asset("negotiation-proposal-send/formedit-editor")}}',
                ldCatchGroupId: ['actionDataModel'],
                ldCatchItenName: ['_token'],
            });

        });
        $('#buttonSend').click(function () {

            var add_s = 0;
            $("#listSignature .check").each(function () {
                if ($(this).attr('checked') == 'checked') {
                    add_s++;
                }
            });
            var add_m = 0;
            $("#actionDataModel .check").each(function () {
                if ($(this).attr('checked') == 'checked') {
                    add_m++;
                }
            });

            if ((add_s >= 1) && (add_m >= 1)) {
                $("#actionIndex").submit();
                $('#msgRequired').hide();

                //----inicia a barra de progresso

                setTimeout(function () {
                    $('#progressBarSend').css('width', '10%');
                }, 500);
                //texto
                setTimeout(function () {
                    $('#progressBarSend').css('width', '45%');
                }, 1000);
                //Encapsulando dados
                setTimeout(function () {
                    $('#progressBarSend').css('width', '60%');
                }, 3000);
                setTimeout(function () {
                    $('#progressBarSend').css('width', '90%');
                }, 6000);
                setTimeout(function () {
                    $('#progressBarSend').css('width', '100%');
                }, 7000);

            } else {
                $('#msgRequired').show();
            }


        });

    });

</script>