@extends('layouts.guest')

@section('page-title', $title)

@section('sticky-navbar')
    <!-- Alternative navbar -->
    <div class="navbar navbar-expand-md navbar-default  navbar-sticky layout-boxed">
        <div class="navbar-collapse" id="navbar-second">
            <ul class="navbar-nav ml-md-auto mb-1">
                @if(Auth::user()->hasRole('User'))
                    <li class="nav-item d-flex justify-content-center flex-column ml-1">
                        <a href="{{ url('front/gdpr') }}" class="navbar-nav-link btn btn-outline-primary line-height-1 font-size-lg btn-sm p-2">
                            <i class="icon-arrow-right6"></i> @lang('crm.client_go_to_dashboard')
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <!-- /alternative navbar -->
@stop

@section('content')
<div class="content-wrapper" style="padding: 0 1.25rem">

    @include('partials.messages')

    <div class="row">
        <div class="col-md-12">
            <div class="card pt-3">
                <div class="card-body">
                    {!! Form::open() !!}
                    <div class="row">
                        <div class="col-md-12">
                            {!! get_option('gdpr_consent_public_page_top_block')  !!}
                        </div>

                        @foreach($purposes as $purpose)
                        <div class="col-md-12">
                            <div class="gdpr-purpose">
                                <div class="row">
                                    <div class="col-md-9">
                                        <h3 class="gdpr-purpose-heading">{!! $purpose['name'] !!}
                                            @if(!empty($purpose['consent_last_updated']))
                                            <small class="text-muted font-size-xs">{{ trans_ex('crm.consent_last_updated', local_time_format($purpose['consent_last_updated'])) }}</small>
                                            @endif
                                        </h3>
                                    </div>
                                    <div class="col-md-3 text-right">
                                        @if($purpose['consent_given'] == '1')
                                        <i class="fa fa-check fa-2x text-success" aria-hidden="true"></i>
                                        @else
                                        <i class="fa fa-remove fa-2x text-danger" aria-hidden="true"></i>
                                        @endif
                                    </div>
                                    <div class="col-md-12">

                                        @if(!empty($purpose['opt_in_purpose_description']) && !empty($purpose['consent_given']))
                                        <p class="no-mbot mtop10">
                                            {{$purpose['opt_in_purpose_description']}}
                                        </p>
                                        @elseif(!empty($purpose['description']) && empty($purpose['consent_given']))
                                        <p class="no-mbot mtop10">
                                            {{$purpose['description']}}
                                        </p>
                                        @endif
                                        <hr />
                                        <div class="mt-3">

                                            @if(empty($purpose['consent_given']))
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input type="radio" class="form-check-input-styled" name="action[{{$purpose['id']}}]" data-fouc value="opt-in" id="opt_in_{{ $purpose['id']}}">
                                                    @lang('crm.gdpr_consent_agree')
                                                </label>
                                            </div>
                                                @if(empty($purpose['last_action_is_opt_out']))
                                                <div class="form-check">
                                                    <label class="form-check-label">
                                                        <input type="radio" class="form-check-input-styled" name="action[{{$purpose['id']}}]" data-fouc value="opt-out" id="opt_out_{{ $purpose['id']}}">
                                                        @lang('crm.gdpr_consent_disagree')
                                                    </label>
                                                </div>
                                                @endif
                                            @else
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input type="radio" class="form-check-input-styled" name="action[{{$purpose['id']}}]" data-fouc value="opt-out" id="opt_out_{{ $purpose['id']}}">
                                                    @lang('crm.gdpr_consent_disagree')
                                                </label>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-primary">@lang('crm.update_consent')</button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

</div>

@stop


@section('styles')
<style>
    .gdpr-purpose {
        border: 1px solid #d8d8d8;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 4px;
    }
</style>
@stop

@section('scripts')
@stop