@extends('layouts.default_not_logged')

@section('content')
    @if($errors->any())
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h4><i class="icon fa fa-ban"></i> Alerta!</h4>
            @foreach ($errors->all() as $error)
                {{ $error }}<br>
            @endforeach
        </div>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col">
                    <!-- Resultado da Pesquisa -->
                    <div class="portlet">
                        <div class="portlet-heading bg-inverse">
                            <h3 class="portlet-title">
                                {{$data->title}}
                            </h3>
                            <div class="clearfix"></div>
                        </div>
                        <div id="bg-inverse" class="panel-collapse collapse show">
                            <div class="portlet-body text-center">
                                   
                                <p class="align-center" style="width: 600px">{!! $data->text_html !!}</p>
                                <hr />
                                <h3> Assinar Termo </h3>
                                <div id="signature-pad" class="signature-pad">
                                    <div class="signature-pad--body" >
                                      <canvas style="border: dotted 1px;"></canvas>
                                    </div>
                                    <div class="signature-pad--footer">
                                      <div class="description">Assine acima</div>

                                      <div class="signature-pad--actions">
                                        <div>
                                          <button type="button" class="button clear btn btn-dark m-2" data-action="clear">Clear</button>
                                          <button type="button" class="btn btn-dark m-2" data-action="undo">Undo</button>
                                          <button type="button" class="btn btn-success m-2" data-action="save">Ok</button>
                                        </div>
                                      </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- end row -->
        <form id='form-signature' action="/sign_doc/document/{{$data->id}}/savePdf" method="post">
            @csrf
            <input type="hidden" name="signature_pad" id="input_signature_pad" value="">
        </form>
    </div> <!-- end col -->


@endsection

@push('plugin-js')

<script type="text/javascript">
    $(function(){
        
    })
</script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

<script src="{{ asset('/plugins/signature_pad/signature_pad.umd.js') }}"></script>
<script src="{{ asset('/plugins/signature_pad/app.js') }}?{{uniqid()}}"></script>

@endpush