@php
    $mail_type = App\Models\EmGeneralPurpose::where('key1', 'pre_project_comment')->where('key2', 'mail_type')->get();
@endphp

<!-- NOTE Modal -->
<div class="modal fade gino-modal" id="addActivityCommentModal" tabindex="-1" role="dialog"
    aria-labelledby="addActivityCommentModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="addActivityCommentModalLabel">
                    {{ trans('activity.new_comment_note') }}
                </h6>
                <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24"
                        width="24px" fill="currentColor">
                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor"
                        height="24" viewBox="0 -960 960 960" width="24">
                        <path
                            d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z">
                        </path>
                    </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal"
                    aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="addActivityComment" ref="addActivityCommentForm" id="addActivityCommentForm"
                method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-body p-20">
                    <div class="row">
                        <input type="hidden" name="table_record_id" value="{{ $id }}">
                        <input type="hidden" name="project_type" value="{{ $project_type }}">
                        <input type="hidden" name="type" value="1">
                        
                        <div class="col-md-12 mb-3">
                            <label for="subject" class="form-label">{{ trans('activity.subject') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.subject }, 'form-control']"
                                v-model="createNoteObj.subject" name="subject">
                            <div class="validate-error--text text-danger" v-if="validateErrors.subject"
                                v-for="err in validateErrors.subject">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                        <div class="col-md-12 mb-3">
                            <label for="content" class="form-label">{{ trans('activity.content') }}</label>
                            <ckeditor
                                :vclass="[{ 'validate-error--input': validateErrors.content },
                                    'form-control'
                                ]"
                                v-model="createNoteObj.content" name="content"></ckeditor>

                            <div class="validate-error--text text-danger" v-if="validateErrors.content"
                                v-for="err in validateErrors.content">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-sm-12 mb-3">
                            <label for="file" class="form-label">{{ trans('activity.file') }}</label>
                            <input type="file"
                                :class="[{ 'validate-error--input': validateErrors.files }, 'form-control']"
                                name="files[]" multiple>
                            <div class="validate-error--text text-danger" v-if="validateErrors.files"
                                v-for="err in validateErrors.files">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>

                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>


</div>
<!-- end NOTE Modal -->

<!-- Email Modal -->
<div class="modal fade gino-modal" id="addActivityEmailModal" tabindex="-1" role="dialog"
    aria-labelledby="addActivityEmailModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="addActivityEmailModalLabel">
                    {{ trans('activity.new_comment_email') }}
                </h6>
                <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24"
                        width="24px" fill="currentColor">
                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor"
                        height="24" viewBox="0 -960 960 960" width="24">
                        <path
                            d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z">
                        </path>
                    </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal"
                    aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="addActivityEmail" ref="addActivityEmailForm" id="addActivityEmailForm"
                method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-body p-20">
                    <div class="row">
                        <input type="hidden" name="table_record_id" value="{{ $id }}">
                        <input type="hidden" name="project_type" value="{{ $project_type }}">
                        <input type="hidden" name="type" value="2">

                        <div class="col-md-12 mb-3">
                            <label for="mail_type" class="form-label">{{ trans('activity.type') }}</label>
                            <select :class="[{ 'validate-error--input': validateErrors.mail_type }, 'form-control']"
                                v-model="createEmailObj.mail_type" name="mail_type">
                                @foreach ($mail_type as $key => $item)
                                    <option value="{{ $item->key3 }}" {{ $key == 0 ? 'selected' : '' }}>
                                        {{ $item->str_val1 }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="validate-error--text text-danger" v-if="validateErrors.mail_type"
                                v-for="err in validateErrors.mail_type">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="date" class="form-label">{{ trans('activity.date') }}</label>
                            <input type="date"
                                :class="[{ 'validate-error--input': validateErrors.date }, 'form-control']"
                                v-model="createEmailObj.date" name="date">
                            <div class="validate-error--text text-danger" v-if="validateErrors.date"
                                v-for="err in validateErrors.date">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="time" class="form-label">{{ trans('activity.time') }}</label>
                            <input type="time"
                                :class="[{ 'validate-error--input': validateErrors.time }, 'form-control']"
                                v-model="createEmailObj.time" name="time">
                            <div class="validate-error--text text-danger" v-if="validateErrors.time"
                                v-for="err in validateErrors.time">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <template v-if="createEmailObj.mail_type != 1">
                        </template>
                        <template v-else>
                            <div class="col-md-6 mb-3">
                                <label for="email_from" class="form-label">{{ trans('activity.email_from') }}</label>
                                <input type="email"
                                    :class="[{ 'validate-error--input': validateErrors.email_from }, 'form-control']"
                                    v-model="createEmailObj.email_from" name="email_from">
                                <div class="validate-error--text text-danger" v-if="validateErrors.email_from"
                                    v-for="err in validateErrors.email_from">
                                    <small>
                                        (( err ))
                                    </small>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="email_to" class="form-label">{{ trans('activity.email_to') }}</label>
                                <input type="text"
                                    :class="[{ 'validate-error--input': validateErrors.email_to }, 'form-control']"
                                    v-model="createEmailObj.email_to" name="email_to">
                                <div class="validate-error--text text-danger" v-if="validateErrors.email_to"
                                    v-for="err in validateErrors.email_to">
                                    <small>
                                        (( err ))
                                    </small>
                                </div>
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="email_cc" class="form-label">{{ trans('activity.email_cc') }}</label>
                                <input type="text"
                                    :class="[{ 'validate-error--input': validateErrors.email_cc }, 'form-control']"
                                    v-model="createEmailObj.email_cc" name="email_cc">
                                <div class="validate-error--text text-danger" v-if="validateErrors.email_cc"
                                    v-for="err in validateErrors.email_cc">
                                    <small>
                                        (( err ))
                                    </small>
                                </div>
                            </div>
                        </template>

                        <div class="col-md-12 mb-3">
                            <label for="subject" class="form-label">{{ trans('activity.subject') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.subject }, 'form-control']"
                                v-model="createEmailObj.subject" name="subject">
                            <div class="validate-error--text text-danger" v-if="validateErrors.subject"
                                v-for="err in validateErrors.subject">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label for="content" class="form-label">{{ trans('activity.content') }}</label>
                            <ckeditor
                                :vclass="[{ 'validate-error--input': validateErrors.content },
                                    'form-control'
                                ]"
                                v-model="createEmailObj.content" name="content"></ckeditor>

                            <div class="validate-error--text text-danger" v-if="validateErrors.content"
                                v-for="err in validateErrors.content">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>


                        <div class="col-sm-12 mb-3">
                            <label for="file" class="form-label">{{ trans('activity.file') }}</label>
                            <input type="file"
                                :class="[{ 'validate-error--input': validateErrors.files }, 'form-control']"
                                name="files[]" multiple>
                            <div class="validate-error--text text-danger" v-if="validateErrors.files"
                                v-for="err in validateErrors.files">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>

                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- end Email Modal -->


<!-- Call Modal  -->
<div class="modal fade gino-modal" id="addActivityCallModal" tabindex="-1" role="dialog"
    aria-labelledby="addActivityCallModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="addActivityCallModalLabel">
                    {{ trans('activity.new_comment_call') }}
                </h6>
                <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24"
                        width="24px" fill="currentColor">
                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor"
                        height="24" viewBox="0 -960 960 960" width="24">
                        <path
                            d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z">
                        </path>
                    </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal"
                    aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="addActivityCall" ref="addActivityCallForm" id="addActivityCallForm"
                method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-body p-20">
                    <div class="row">
                        <input type="hidden" name="table_record_id" value="{{ $id }}">
                        <input type="hidden" name="project_type" value="{{ $project_type }}">
                        <input type="hidden" name="type" value="3">

                        <div class="col-md-6 mb-3">
                            <label for="result_status"
                                class="form-label">{{ trans('activity.result_status') }}</label>
                            <select
                                :class="[{ 'validate-error--input': validateErrors.result_status }, 'form-control']"
                                v-model="createMeetingObj.result_status" name="result_status">
                                @foreach ($result_status as $key => $item)
                                    <option value="{{ $item->key3 }}" {{ $item->key3 == 1 ? 'selected' : '' }}>
                                        {{ $item->str_val1 }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="validate-error--text text-danger" v-if="validateErrors.result_status"
                                v-for="err in validateErrors.customer_type">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="call_type" class="form-label">{{ trans('activity.call_type') }}</label>
                            <select :class="[{ 'validate-error--input': validateErrors.call_type }, 'form-control']"
                                v-model="createMeetingObj.call_type" name="call_type">
                                @foreach ($call_type as $key => $item)
                                    <option value="{{ $item->key3 }}" {{ $item->key3 == 1 ? 'selected' : '' }}>
                                        {{ $item->str_val1 }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="validate-error--text text-danger" v-if="validateErrors.call_type "
                                v-for="err in validateErrors.customer_type">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="date" class="form-label">{{ trans('activity.date') }}</label>
                            <input type="date"
                                :class="[{ 'validate-error--input': validateErrors.date }, 'form-control']"
                                v-model="createCallObj.date" name="date">
                            <div class="validate-error--text text-danger" v-if="validateErrors.date"
                                v-for="err in validateErrors.date">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="time" class="form-label">{{ trans('activity.time') }}</label>
                            <input type="time"
                                :class="[{ 'validate-error--input': validateErrors.time }, 'form-control']"
                                v-model="createCallObj.time" name="time">
                            <div class="validate-error--text text-danger" v-if="validateErrors.time"
                                v-for="err in validateErrors.time">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label for="subject" class="form-label">{{ trans('activity.subject') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.subject }, 'form-control']"
                                v-model="createCallObj.subject" name="subject">
                            <div class="validate-error--text text-danger" v-if="validateErrors.subject"
                                v-for="err in validateErrors.subject">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                        <div class="col-md-12 mb-3">
                            <label for="content" class="form-label">{{ trans('activity.content') }}</label>
                            <ckeditor
                                :vclass="[{ 'validate-error--input': validateErrors.content },
                                    'form-control'
                                ]"
                                v-model="createCallObj.content" name="content"></ckeditor>

                            <div class="validate-error--text text-danger" v-if="validateErrors.content"
                                v-for="err in validateErrors.content">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>



                        <div class="col-sm-12 mb-3">
                            <label for="file" class="form-label">{{ trans('activity.file') }}</label>
                            <input type="file"
                                :class="[{ 'validate-error--input': validateErrors.files }, 'form-control']"
                                name="files[]" multiple>
                            <div class="validate-error--text text-danger" v-if="validateErrors.files"
                                v-for="err in validateErrors.files">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>

                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End Call Modal -->

<!-- Task Modal -->
<div class="modal fade gino-modal" id="addActivityTaskModal" tabindex="-1" role="dialog"
    aria-labelledby="addActivityTaskModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="addActivityTaskModalLabel">
                    {{ trans('activity.new_comment_task') }}
                </h6>
                <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24"
                        width="24px" fill="currentColor">
                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor"
                        height="24" viewBox="0 -960 960 960" width="24">
                        <path
                            d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z">
                        </path>
                    </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal"
                    aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="addActivityTask" ref="addActivityTaskForm" id="addActivityTaskForm"
                method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-body p-20">
                    <div class="row">
                        <input type="hidden" name="table_record_id" value="{{ $id }}">
                        <input type="hidden" name="project_type" value="{{ $project_type }}">
                        <input type="hidden" name="type" value="4">
  
                        <div class="col-md-12 mb-3">
                            <label for="subject" class="form-label">{{ trans('activity.subject') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.subject }, 'form-control']"
                                v-model="createTaskObj.subject" name="subject">
                            <div class="validate-error--text text-danger" v-if="validateErrors.subject"
                                v-for="err in validateErrors.subject">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label for="content" class="form-label">{{ trans('activity.content') }}</label>
                            <ckeditor
                                :vclass="[{ 'validate-error--input': validateErrors.content },
                                    'form-control'
                                ]"
                                v-model="createTaskObj.content" name="content"></ckeditor>

                            <div class="validate-error--text text-danger" v-if="validateErrors.content"
                                v-for="err in validateErrors.content">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>


                        <div class="col-sm-12 mb-3">
                            <label for="file" class="form-label">{{ trans('activity.file') }}</label>
                            <input type="file"
                                :class="[{ 'validate-error--input': validateErrors.files }, 'form-control']"
                                name="files[]" multiple>
                            <div class="validate-error--text text-danger" v-if="validateErrors.files"
                                v-for="err in validateErrors.files">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>

                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--End Task Modal -->


<!-- Meeting Modal -->
<div class="modal fade gino-modal" id="addActivityMeetingModal" tabindex="-1" role="dialog"
    aria-labelledby="addActivityMeetingModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="addActivityMeetingModalLabel">
                    {{ trans('activity.new_comment_meeting') }}
                </h6>
                <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24"
                        width="24px" fill="currentColor">
                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg"
                        class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor"
                        height="24" viewBox="0 -960 960 960" width="24">
                        <path
                            d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z">
                        </path>
                    </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal"
                    aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="addActivityMeeting" ref="addActivityMeetingForm" id="addActivityMeetingForm"
                method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-body p-20">
                    <div class="row">
                        <input type="hidden" name="table_record_id" value="{{ $id }}">
                        <input type="hidden" name="project_type" value="{{ $project_type }}">
                        <input type="hidden" name="type" value="5">
                        <div class="col-md-12 mb-3">
                            <label for="result" class="form-label">{{ trans('activity.result') }}</label>
                            <select :class="[{ 'validate-error--input': validateErrors.result }, 'form-control']"
                                v-model="createMeetingObj.result" name="result">
                                @foreach ($result as $key => $item)
                                    <option value="{{ $item->key3 }}">
                                        {{ $item->str_val1 }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="validate-error--text text-danger" v-if="validateErrors.result"
                                v-for="err in validateErrors.customer_type">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="participants" class="form-label">{{ trans('activity.participants') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.participants }, 'form-control']"
                                v-model="createMeetingObj.participants" name="participants">
                            <div class="validate-error--text text-danger" v-if="validateErrors.participants"
                                v-for="err in validateErrors.participants">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="time_count" class="form-label">{{ trans('activity.time_count') }}</label>
                            <input type="number"
                                :class="[{ 'validate-error--input': validateErrors.time_count }, 'form-control']"
                                v-model="createMeetingObj.time_count" name="time_count">
                            <div class="validate-error--text text-danger" v-if="validateErrors.time_count"
                                v-for="err in validateErrors.time_count">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>


                        <div class="col-md-6 mb-3">
                            <label for="date" class="form-label">{{ trans('activity.date') }}</label>
                            <input type="date"
                                :class="[{ 'validate-error--input': validateErrors.date }, 'form-control']"
                                v-model="createMeetingObj.date" name="date">
                            <div class="validate-error--text text-danger" v-if="validateErrors.date"
                                v-for="err in validateErrors.date">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="time" class="form-label">{{ trans('activity.time') }}</label>
                            <input type="time"
                                :class="[{ 'validate-error--input': validateErrors.time }, 'form-control']"
                                v-model="createMeetingObj.time" name="time">
                            <div class="validate-error--text text-danger" v-if="validateErrors.time"
                                v-for="err in validateErrors.time">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>


                        <div class="col-md-12 mb-3">
                            <label for="subject" class="form-label">{{ trans('activity.subject') }}</label>
                            <input type="text"
                                :class="[{ 'validate-error--input': validateErrors.subject }, 'form-control']"
                                v-model="createMeetingObj.subject" name="subject">
                            <div class="validate-error--text text-danger" v-if="validateErrors.subject"
                                v-for="err in validateErrors.subject">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                        <div class="col-md-12 mb-3">
                            <label for="content" class="form-label">{{ trans('activity.content') }}</label>
                            <ckeditor
                                :vclass="[{ 'validate-error--input': validateErrors.content },
                                    'form-control'
                                ]"
                                v-model="createMeetingObj.content" name="content"></ckeditor>

                            <div class="validate-error--text text-danger" v-if="validateErrors.content"
                                v-for="err in validateErrors.content">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>

                        <div class="col-sm-12 mb-3">
                            <label for="file" class="form-label">{{ trans('activity.file') }}</label>
                            <input type="file"
                                :class="[{ 'validate-error--input': validateErrors.files }, 'form-control']"
                                name="files[]" multiple>
                            <div class="validate-error--text text-danger" v-if="validateErrors.files"
                                v-for="err in validateErrors.files">
                                <small>
                                    (( err ))
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>

                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End Meeting Modal -->