@extends('pagecomponents::layouts.master')

@php
$languages = activeLanguages();
$page_code = 'LEGAL_DOCS';
@endphp

@section('title', '| Viewing or updating legal documents')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Legal Docs</h1>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card with-tabs shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">View/Update</h6>
            </div>
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    {!! Form::open(['method' => 'PUT', 'url' => "/page-components/documents/update", 'class' => 'form-horizontal col-md-12', 'role' => 'form']) !!}

                    <ul class="nav nav-tabs" id="legalDocsLangTabs" role="tablist">
                        @foreach ($languages as $language)
                        <li class="nav-item">
                            <a class="nav-link{{ $language->default ? ' active' : '' }}" id="legal-docs-{{ $language->id }}-tab" data-toggle="tab" href="#legal-docs-{{ $language->id }}" role="tab">{{ getLanguageTranslation($language->name) }}</a>
                        </li>
                        @endforeach
                    </ul>
                    <div class="with-tabs">
                        <div class="tab-content" id="legalDocsLangTabsContent">
                            @foreach ($languages as $language)
                            <div class="tab-pane fade{{ $language->default ? ' show active' : '' }}" id="legal-docs-{{ $language->id }}" role="tabpanel" aria-labelledby="legal-docs-{{ $language->id }}-tab">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="documents-disclaimer-{{ $language->id }}-tab" data-toggle="tab" href="#documents-disclaimer-{{ $language->id }}" role="tab" aria-controls="documents-disclaimer-{{ $language->id }}" aria-selected="true">Disclaimer</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="documents-terms_of_use-{{ $language->id }}-tab" data-toggle="tab" href="#documents-terms_of_use-{{ $language->id }}" role="tab" aria-controls="documents-terms_of_use-{{ $language->id }}" aria-selected="false">Terms Of Use</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="documents-privacy_policy-{{ $language->id }}-tab" data-toggle="tab" href="#documents-privacy_policy-{{ $language->id }}" role="tab" aria-controls="documents-privacy_policy-{{ $language->id }}" aria-selected="false">Privacy Policy</a>
                                    </li>
                                </ul>
                                <div class="tab-content px-0 pb-0" id="documentsTabContent">
                                    <div class="tab-pane fade show active" id="documents-disclaimer-{{ $language->id }}" role="tabpanel" aria-labelledby="documents-disclaimer-{{ $language->id }}-tab">
                                        <div class="form-group{{ $errors->has('document_disclaimer_' . $language->id) ? ' has-error' : '' }}">

                                            {!! Form::textarea('document_disclaimer_' . $language->id, getLanguageTranslation(isset($documents['document_disclaimer']) ? $documents['document_disclaimer'] : '', $language->id), ['id' => 'document_disclaimer_field-ckeditor-' . $language->id, 'class' => 'form-control', 'required', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

                                            <span class="help-block">
                                                <strong>{{ $errors->first('document_disclaimer_' . $language->id) }}</strong>
                                            </span>
                                        </div>
                                        {{ Form::hidden('document_disclaimer', strtoupper($page_code . '_document_disclaimer')) }}
                                    </div>
                                    <div class="tab-pane fade" id="documents-terms_of_use-{{ $language->id }}" role="tabpanel" aria-labelledby="documents-terms_of_use-{{ $language->id }}-tab">
                                        <div class="form-group{{ $errors->has('document_terms_of_use_' . $language->id) ? ' has-error' : '' }}">

                                            {!! Form::textarea('document_terms_of_use_' . $language->id, getLanguageTranslation(isset($documents['document_terms_of_use']) ? $documents['document_terms_of_use'] : '', $language->id), ['id' => 'document_terms_of_use_field-ckeditor-' . $language->id, 'class' => 'form-control', 'required', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

                                            <span class="help-block">
                                                <strong>{{ $errors->first('document_terms_of_use_' . $language->id) }}</strong>
                                            </span>
                                        </div>
                                        {{ Form::hidden('document_terms_of_use', strtoupper($page_code . '_document_terms_of_use')) }}
                                    </div>
                                    <div class="tab-pane fade" id="documents-privacy_policy-{{ $language->id }}" role="tabpanel" aria-labelledby="documents-privacy_policy-{{ $language->id }}-tab">
                                        <div class="form-group{{ $errors->has('document_privacy_policy_' . $language->id) ? ' has-error' : '' }}">

                                            {!! Form::textarea('document_privacy_policy_' . $language->id, getLanguageTranslation(isset($documents['document_privacy_policy']) ? $documents['document_privacy_policy'] : '', $language->id), ['id' => 'document_privacy_policy_field-ckeditor-' . $language->id, 'class' => 'form-control', 'required', Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled']) !!}

                                            <span class="help-block">
                                                <strong>{{ $errors->first('document_privacy_policy_' . $language->id) }}</strong>
                                            </span>
                                        </div>
                                        {{ Form::hidden('document_privacy_policy', strtoupper($page_code . '_document_privacy_policy')) }}
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>

                    @if (Auth::user()->hasAnyRole(['ADMIN']))
                    <div class="form-group">
                        <div class="col-md-8 col-md-offset-2">
                            <button type="submit" class="btn btn-primary">
                                Update
                            </button>
                        </div>
                    </div>
                    @endif

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

<script type="">
    var languages = {!!json_encode($languages) !!};
</script>
@endsection

@push('scripts')
<script src="{{ asset('ckeditor/src/ckeditor.js') }}"></script>
<script>
    $(document).ready(function() {
        for (var i in languages) {
            CKEDITOR.replace('document_disclaimer_field-ckeditor-' + i);
            CKEDITOR.replace('document_terms_of_use_field-ckeditor-' + i);
            CKEDITOR.replace('document_privacy_policy_field-ckeditor-' + i);
        }
    });
</script>
@endpush