@extends('admin.gdpr.index')

@section('gdpr_tab_content')

    <div class="tab-content w-100 overflow-auto">
        <div class="tab-pane fade active show">

            @include('partials.messages')

            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">Namirial E-Sign</h5>
                </div>

                <div class="card-body">

                    {!! Form::open(['route' => ['admin.gdpr.save', $page], 'class' => '', 'id' => 'gdpr_form']) !!}
                    <div class="form-group">
                        <label class="d-block">E-Signature Method</label>

                        <div class="form-check form-check-inline">
                            <label class="form-check-label">
                                <input type="radio" class="form-check-input-styled" name="settings[consent_sign_method]" data-fouc value="form"
                                       @if(get_option('consent_sign_method') == 'form') checked @endif>
                                Form
                            </label>
                        </div>

                        <div class="form-check form-check-inline">
                            <label class="form-check-label">
                                <input type="radio" class="form-check-input-styled" name="settings[consent_sign_method]" data-fouc value="namirial"
                                       @if(get_option('consent_sign_method') == 'namirial') checked @endif>
                                Namirial E-Sign
                            </label>
                        </div>
                    </div>
                    @if(admin_permission('consent.settings.update'))
                    <div class="text-right">
                        <button type="button" class="btn btn-primary" data-toggle="loader" data-loading-text="Please wait...">Save</button>
                    </div>
                    @endif
                    {!! Form::close() !!}
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <div class="row header-controls">
                        <div class="col-md-6">
                            <a href="{{ route('admin.esign.templates') }}"  class="btn btn-success" id="add-template">
                                Templates
                            </a>
                        </div>
                        <div class="col-md-6">
                            <div class="float-right" style="width: 150px">
                                <select class="form-control select" name="status" id="status">
                                    @foreach($statuses as $status => $text)
                                        <option value="{{ $status }}">{{ $text }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>


                    <table class="table" id="consent-table">
                        <thead>
                        <th>#</th>
                        <th>@lang('app.company')</th>
                        <th>@lang('app.full_name')</th>
                        <th>@lang('app.email')</th>
                        <th>Category</th>
                        <th>Sent At</th>
                        <th>@lang('app.status')</th>
                        <th>Confrim Status</th>
                        <th>Confirmed At</th>
                        <th>Confirmed By</th>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@stop

@section('scripts')
    <script>
        let table;
        $(document).ready(function () {
            table = $('#consent-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('admin/esign/postGetUserESign') }}',
                    'data': function ( d ) {
                        d.status = $('#status').val();
                    }
                },
                'columns': [
                    {data: 'id'},
                    {data: 'company'},
                    {data: 'fullname'},
                    {data: 'email'},
                    {data: 'category'},
                    {data: 'send_date'},
                    {data: 'status'},
                    {data: 'confirmed_status'},
                    {data: 'confirmed_at'},
                    {data: 'confirmed_by_name'},
                ],
                'order': [[2, 'asc']]
            });
        });


        $('#status').on('change', function () {
            table.ajax.reload();
        })


    </script>
@stop