@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light" style="min-height: 600px;">
                            <div class="portlet-body" >
                                <div class="text-center">
                                    <span class="font-blue-madison title"> Contrato </span>
                                </div>
                                    <div id='signature-div' style="overflow-x: auto;"></div>
                                <hr> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()

@section('js-admin-plan')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script>
    d4sign.configure({
        container: "signature-div",
        key: "{{$contrato->contrato_id}}",
        protocol: "https",
        host: "secure.d4sign.com.br/embed/viewblob",
        signer: {
            email: "{{$contrato->email}}",
            key_signer: "{{$contrato->key_signer}}"
        },
        width: '1025',
        height: '400',
        callback: function(event) {
    /*      if (event.data === "signed") {
            alert('ASSINADO');
          }*/
        }
    });
    </script>
@stop()