@extends('company.layout.content')

@section('customTitle')
{{ __('company.subscription_policy') }}
@endsection

@section('customBody')
<style>
    @font-face {
        font-family: 'GE_SS';
        src: url('https://arbfonts.com//wp-content/fonts/new-arabic-fonts//GE_SS_Two_Light.otf');
        font-weight: normal;
        font-style: normal;
    }

    body * {
        font-family: "GE_SS";
    }

    .subscription-policy-container * {
        font-family: "GE_SS" !important;
        font-size: 16px !important;
        line-height: 35px !important;
    }

    .outline-badge-info {
        padding: 7px !important;
        color: #FFFFFF !important;
        background-color: #2FBCE3 !important;
        border: 1px solid #2FBCE3 !important;
        margin-bottom: 15px !important;
    }

    .text-danger {
        color: #e7515a !important;
        font-weight: bold;
    }

    .text-info {
        color: #2FBCE3 !important;
        font-weight: bold;
    }

    .text-bold {
        font-weight: bold;
    }

    .subscription-policy-container p,
    li {
        text-align: justify;
    }

    .subscription-policy-container li {
        margin-bottom: 15px;
    }
</style>
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="container">
            <div class="row layout-top-spacing layout-spacing">
                <div class="widget-content widget-content-area br-6">
                    <div class="col-12 subscription-policy-container">
                            {!! $companyPolicies?->content ?: ($company?->country?->arabic_subscription_policy ?: null) !!}
                    </div>

                    <div class="col-12 mb-3">
                        <p class="font-weight-bold h6 text-primary">&nbsp; &nbsp; @lang('messages.periodic_review_of_the_agreement')</p>
                    </div>

                    <form class="col-12" action="{{ route('company.subscription_policy.accept', ['policy' => $companyPolicies->id]) }}" method="POST" id="acceptSubscriptionPolicyForm">
                        @csrf
                        <div class="col-12">
                            <input type="checkbox" class="mr-1" id="accept" name="accept">
                            <label for="accept" class="font-weight-bold h6 text-danger">
                                {{ __('company.Subscription policy has been read and agreed by', ['company' => $company->name]) }}
                            </label>
                        </div>

                        <input type="hidden" name="policy" value="{{ $companyPolicies->id }}" />

                        <div>
                            <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.submit') }}">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section('customScript')
<script>
    $('#acceptSubscriptionPolicyForm').submit(function(e) {

            if ($(this).find("[type='checkbox']").prop("checked") === false) {
                e.preventDefault();
                swal({
                    title: '{{ __('company.must_accept_subscription_policy_first') }}',
                    type: 'info',
                    confirmButtonText: '{{ __('general.ok') }}',
                });
            }
        });
</script>
@endsection