@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">
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-12">
                                       <span class="font-blue-madison title"><i class="icon-users"></i> Meu Contrato</span>
                                        <a href="{{ route('admin.dashboard') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para o Dashboard"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                    <div class="col-md-12">
                                         <div id='signature-div' style="overflow-x: auto;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()
@section('js-admin-config')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
  
    <script src="{{ asset('/assets/global/scripts/valida-cpf-cnpj.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script>
d4sign.configure({
    container: "signature-div",
    key: "{{$user->agente->contrato->contrato_id}}",
    protocol: "https",
    host: "secure.d4sign.com.br/embed/viewblob",
    signer: {
        email: "{{$user->email}}",
        key_signer: "{{$user->agente->contrato->key_signer}}"
    },
    width: '1025',
    height: '400',
    callback: function(event) {
/*      if (event.data === "signed") {
        alert('ASSINADO');
      }*/
    }
});
</script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  
@stop()