@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <input type="hidden" name="details_policy_id" value="{{ $logs->policy_id }}" />
                    <input type="hidden" name="details_log_id" value="{{ $logs->id }}" />
                </div>
            </div>
            <div class="row">
                <div class="col-lg-11">
                    <div class="card">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h5>{{ $policy->policy_name }} <span
                                                class="badge badge-success text-white vw-auto ms-2"><i
                                                    class="fe fe-clock ms-1"></i>&nbsp;{{ $logs->log_name ?? '-' }}</span>
                                        </h5>

                                        <div class="d-flex flex-wrap align-items-center p-0 mt-3">
                                            <div class="col-md-4">
                                                <h5 class="mt-3">Created Date:
                                                    {{ isset($policy->created_at) ? ConvertDateFormat($policy->created_at) : 'N/A' }}
                                                </h5>
                                            </div>
                                            <div class="col-md-4">
                                                <h5 class="mt-3">Review Date:
                                                    {{ isset($logs->revised_date) ? ConvertDateFormat($logs->revised_date) : 'N/A' }}
                                                </h5>
                                            </div>
                                            <div class="col-md-4">
                                                <h5 class="mt-3">Publish Date:
                                                    {{ isset($logs->revised_date) ? ConvertDateFormat($logs->publish_date) : 'N/A' }}
                                                </h5>
                                            </div>
                                        </div>
                                        <h3 class="head-client"></h3>
                                        {{-- <div class="content-scroll" style="max-height: 350px; overflow: auto;">
                                            {!! $policy->policy_content !!}
                                        </div> --}}
                                        <div class="content-scroll">
                                            <textarea id="policy_content">{{ $policy->policy_content }}</textarea>
                                        </div>
                                        <div class="col-12 mt-3">
                                            <label class="custom_check">
                                                <input type="checkbox" name="is_agree" class="approval-option">
                                                <span class="checkmark"></span>I agree the terms and condition of icomply.
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
                                                amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                                                labore et dolore magna aliqua.
                                            </label>
                                        </div>
                                        <div class="col-12 mt-3">
                                            <div class="form-set">
                                                <button type="button" class="btn btn-primary"
                                                    id="agree_policy">Agree</button>
                                                <button type="button" class="btn btn-cancel"
                                                    id="disagree_policy">Disagree</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endsection

            @section('customModal')
                <!-- Disagree -->
                <div class="modal fade modal-customization" id="add-exceptions" tabindex="-1"
                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Add Exceptions</h5>
                                <button type="button" class="btn-close close-modal" data-bs-dismiss="modal"
                                    aria-label="Close">
                                    <i class="fe fe-x"></i>
                                </button>
                            </div>
                            <form id="exceptionForm">
                                @csrf
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-set">
                                                <label>Topic <span class="mandatory">*</span></label>
                                                <input type="text" class="form-control" placeholder="Add the topic heading name from policy" name="exception_topic">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-set">
                                                <label>Reason For Exception <span class="mandatory">*</span></label>
                                                <textarea class="form-control" placeholder="Add reason for exception" name="exception_data"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer pt-0">
                                    <button type="button" class="btn btn-primary" id="submit_reason">Submit</button>
                                    <button type="button" class="btn btn-secondary btn-cancel">Close</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- /Disagree -->
            @endsection