@extends('admin.gdpr.index')

@section('gdpr_tab_content')

    <div class="tab-content w-100 overflow-auto">
        <div class="tab-pane fade active show">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.gdpr_consent')</h5>

                    <span>
                        <a href="https://ico.org.uk/for-organisations/guide-to-the-general-data-protection-regulation-gdpr/lawful-basis-for-processing/consent/" target="_blank">@lang('crm.learn_more')</a>
                    </span>
                </div>
                <div class="card-body">
                    @include('partials.messages')

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

                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input-styled" name="settings[gdpr_enable_consent_for_contacts]" data-fouc value="1"
                                           @if(get_option('gdpr_enable_consent_for_contacts')) checked @endif>
                                    @lang('crm.settings_yes')
                                </label>
                            </div>

                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input-styled" name="settings[gdpr_enable_consent_for_contacts]" data-fouc value="0"
                                           @if(!get_option('gdpr_enable_consent_for_contacts')) checked @endif>
                                    @lang('crm.settings_no')
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="d-block">Enable consent for leads</label>

                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input-styled" name="settings[gdpr_enable_consent_for_leads]" data-fouc value="1"
                                    @if(get_option('gdpr_enable_consent_for_leads')) checked @endif>
                                    @lang('crm.settings_yes')
                                </label>
                            </div>

                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    <input type="radio" class="form-check-input-styled" name="settings[gdpr_enable_consent_for_leads]" data-fouc value="0"
                                    @if(!get_option('gdpr_enable_consent_for_leads')) checked @endif>
                                    @lang('crm.settings_no')
                                </label>
                            </div>
                        </div>


                        <div class="form-group">
                            <label>Public page consent information block</label>
                            <textarea name="settings[gdpr_consent_public_page_top_block]" class="editable tc-content form-control" id="gdpr_consent_public_page_top_block" >
                                {!!  get_option('gdpr_consent_public_page_top_block')  !!}
                            </textarea>
                        </div>


                        <div class="form-group">
                            <button type="button" class="btn btn-primary btn-icon btn-sm" onclick="consent_purpose(0)"><i class="icon-plus2"></i></button>
                            <h4 class="d-inline-flex ml-2">Purposes of consent</h4>

                            <table class="table" id="consent-table">
                                <thead>
                                <th>Name</th>
                                <th>Description</th>
                                <th>Created</th>
                                <th>Last Updated</th>
                                <th>Options</th>
                                </thead>
                                <tbody>
                                @if (count($consent_purposes) > 0)
                                    @foreach($consent_purposes as $purpose)
                                        <tr>
                                            <td>{{ $purpose['name'] }}</td>
                                            <td>{{ $purpose['description'] }}</td>
                                            <td>{{ local_time_format($purpose['date_created']) }}</td>
                                            <td>{{ local_time_format($purpose['last_updated']) }}</td>
                                            <td class="text-center">
                                                @if(admin_permission('consent.settings.update'))
                                                <a href="javascript:consent_purpose('{{$purpose['id']}}')" class="btn btn-primary btn-circle" title="Edit Purpose" data-toggle="tooltip" data-placement="top">
                                                    <i class="icon-pencil3"></i>
                                                </a>
                                                <a href="{{ url('/admin/gdpr/consent/delete/'.$purpose['id']) }}" class="btn btn-danger btn-circle" title="Delete Purpose" data-toggle="tooltip" data-placement="top" data-method="DELETE" data-confirm-title="Please Confirm" data-confirm-text="Are you sure that you want to delete this permission?" data-confirm-delete="Yes, delete it!">
                                                    <i class="icon-cross2"></i>
                                                </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                @endif
                                </tbody>
                            </table>
                        </div>


                        @if(admin_permission('consent.settings.update'))
                        <div class="text-right">
                            <button type="button" class="btn btn-primary" data-toggle="loader" data-loading-text="@lang('crm.wait_text')">@lang('crm.save')</button>
                        </div>
                        @endif
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    @include('admin.gdpr.partials.consent_purpose')
@stop

@section('styles')

@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $('#consent-table').DataTable({
                'drawCallback': function( settings, json ) {
                    return;
                },
                'order': [[2, 'asc']]
            });
        });

        function consent_purpose(id) {
            var url = '/admin/gdpr/consent_purpose';

            $.ajax({
                type: 'POST',
                url: url,
                data: {id: id,},
                success: function (response) {
                    $('#modal_consent_purpose .modal-dialog').html(response);
                    $('#modal_consent_purpose').modal('show');

                    $('#consentForm').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                        },
                    });
                }, error: function (error) {
                    errorNotify('Error', error.statusText);
                }, complete: function () {

                }
            });
        }
    </script>
@stop