@extends('ui-common.layouts.master')
@section('title')
@lang('Incident Management Add')
@endsection
@section('css')
<!-- select2@4.1.0 -->
<link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
<!-- font-awesome-6.7.2 -->
<link href="{{ url('css/font-awesome_cdn/font-awesome.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/task/task.add.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="{{ url('js/libs/filepond/filepond.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ url('js/libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.css') }}">
@endsection
@section('content')
@component('tenants.components.breadcrumb')
@slot('li_1')
Incident Management Add
@endslot
@slot('title')
Incident Management
@endslot
@endcomponent

<div class="row">
    <div class="col-12 p-0">
        <div class="card pb-2">
            <form id="incident_management">
                <div class="card-header d-flex align-items-center justify-content-between pos-sticky">
                    <h4 class="card-title mb-0">Incident Management Details</h4>
                    <div class="d-flex gap-2 flex-wrap">
                        <button class="btn reset_btn" type="button">Cancel </button>
                        <button type="submit" class="btn btn_primary">Save</button>
                    </div>
                </div>
                <div class="row py-3 px-4 gy-4">
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                                        fill="none">
                                        <path
                                            d="M10.625 8.75C10.9702 8.75 11.25 8.47018 11.25 8.125C11.25 7.77982 10.9702 7.5 10.625 7.5C10.2798 7.5 10 7.77982 10 8.125C10 8.47018 10.2798 8.75 10.625 8.75Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M10.625 11.25C10.9702 11.25 11.25 10.9702 11.25 10.625C11.25 10.2798 10.9702 10 10.625 10C10.2798 10 10 10.2798 10 10.625C10 10.9702 10.2798 11.25 10.625 11.25Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M8.125 8.125C8.125 8.47018 7.84518 8.75 7.5 8.75C7.15482 8.75 6.875 8.47018 6.875 8.125C6.875 7.77982 7.15482 7.5 7.5 7.5C7.84518 7.5 8.125 7.77982 8.125 8.125Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M8.125 10.625C8.125 10.9702 7.84518 11.25 7.5 11.25C7.15482 11.25 6.875 10.9702 6.875 10.625C6.875 10.2798 7.15482 10 7.5 10C7.84518 10 8.125 10.2798 8.125 10.625Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M4.375 8.75C4.72018 8.75 5 8.47018 5 8.125C5 7.77982 4.72018 7.5 4.375 7.5C4.02982 7.5 3.75 7.77982 3.75 8.125C3.75 8.47018 4.02982 8.75 4.375 8.75Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M4.375 11.25C4.72018 11.25 5 10.9702 5 10.625C5 10.2798 4.72018 10 4.375 10C4.02982 10 3.75 10.2798 3.75 10.625C3.75 10.9702 4.02982 11.25 4.375 11.25Z"
                                            fill="#868C98"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M4.375 1.09375C4.63388 1.09375 4.84375 1.30362 4.84375 1.5625V2.0392C5.2575 2.03124 5.71333 2.03125 6.21466 2.03125H8.78526C9.2866 2.03125 9.7425 2.03124 10.1563 2.0392V1.5625C10.1563 1.30362 10.3661 1.09375 10.625 1.09375C10.8839 1.09375 11.0938 1.30362 11.0938 1.5625V2.07943C11.2562 2.09182 11.4101 2.10739 11.5556 2.12696C12.2884 2.22548 12.8815 2.43305 13.3492 2.90078C13.817 3.3685 14.0245 3.9616 14.123 4.69436C14.2188 5.40636 14.2188 6.31613 14.2188 7.46471V8.78526C14.2188 9.93384 14.2188 10.8436 14.123 11.5556C14.0245 12.2884 13.817 12.8815 13.3492 13.3492C12.8815 13.8169 12.2884 14.0245 11.5556 14.123C10.8436 14.2188 9.93387 14.2188 8.78529 14.2188H6.21474C5.06616 14.2188 4.15637 14.2188 3.44436 14.123C2.7116 14.0245 2.1185 13.8169 1.65078 13.3492C1.18305 12.8815 0.975477 12.2884 0.876959 11.5556C0.781233 10.8436 0.78124 9.93386 0.78125 8.78526V7.46474C0.78124 6.31614 0.781233 5.40637 0.876959 4.69436C0.975477 3.9616 1.18305 3.3685 1.65078 2.90078C2.1185 2.43305 2.7116 2.22548 3.44436 2.12696C3.58994 2.10739 3.74379 2.09182 3.90625 2.07943V1.5625C3.90625 1.30362 4.11612 1.09375 4.375 1.09375ZM3.56928 3.0561C2.94048 3.14064 2.5782 3.29918 2.31369 3.56369C2.04918 3.8282 1.89064 4.19047 1.8061 4.81928C1.79178 4.92577 1.77981 5.03788 1.7698 5.15625H13.2302C13.2202 5.03788 13.2082 4.92577 13.1939 4.81928C13.1094 4.19047 12.9508 3.8282 12.6863 3.56369C12.4218 3.29918 12.0595 3.14064 11.4307 3.0561C10.7884 2.96975 9.94176 2.96875 8.75 2.96875H6.25C5.05824 2.96875 4.21157 2.96975 3.56928 3.0561ZM1.71875 7.5C1.71875 6.96624 1.71895 6.50171 1.72693 6.09375H13.2731C13.2811 6.50171 13.2813 6.96624 13.2813 7.5V8.75C13.2813 9.94176 13.2803 10.7884 13.1939 11.4307C13.1094 12.0595 12.9508 12.4218 12.6863 12.6863C12.4218 12.9508 12.0595 13.1094 11.4307 13.1939C10.7884 13.2803 9.94176 13.2812 8.75 13.2812H6.25C5.05824 13.2812 4.21157 13.2803 3.56928 13.1939C2.94048 13.1094 2.5782 12.9508 2.31369 12.6863C2.04918 12.4218 1.89064 12.0595 1.8061 11.4307C1.71975 10.7884 1.71875 9.94176 1.71875 8.75V7.5Z"
                                            fill="#868C98"></path>
                                    </svg>
                                </span>
                                <label for="incident_date" class="form-label">Incident Date & Time<sup
                                        class="required-start-icon ">*</sup></label>
                                <input type="text" data-provider="flatpickr" data-date-format="m/d/Y"
                                    class="form-control flatpickr-input" id="incident_date" name="incident_date"
                                    placeholder="Select Incident Date & Time" value="">
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Incident Type <sup class="required-start-icon ">*</sup></label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="incident_type">
                                    <option selected value="">Select Incident Type</option>
                                    <option value="1">Personal Injury</option>
                                    <option value="2">Vehicle Accident</option>
                                    <option value="3">Utility Strike</option>
                                    <option value="4">Onsite Incident</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Location/Address <sup class="required-start-icon ">*</sup></label>
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <input type="text" class="form-control" placeholder="Enter Location/Address"
                                    name="location_address">
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Status <sup class="required-start-icon ">*</sup></label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="status_type">
                                    <option selected value="">Select Status</option>
                                    <option value="1">Open</option>
                                    <option value="1">In Progress</option>
                                    <option value="1">Resolved</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M7.50029 15.75H13.5007C13.6434 15.75 13.7624 15.7023 13.8577 15.607C13.9531 15.5117 14.0007 15.3927 14.0007 15.25C14.0007 15.1073 13.9531 14.9883 13.8577 14.893C13.7624 14.7977 13.6434 14.75 13.5007 14.75H7.50029C7.35828 14.75 7.23927 14.7977 7.14326 14.893C7.04725 14.9883 6.99958 15.1073 7.00025 15.25C7.00092 15.3927 7.04859 15.5117 7.14326 15.607C7.23793 15.7023 7.35694 15.75 7.50029 15.75ZM7.50029 11.75H13.5007C13.6434 11.75 13.7624 11.7023 13.8577 11.607C13.9531 11.5117 14.0007 11.3927 14.0007 11.25C14.0007 11.1073 13.9531 10.9883 13.8577 10.893C13.7624 10.7977 13.6434 10.75 13.5007 10.75H7.50029C7.35828 10.75 7.23927 10.7977 7.14326 10.893C7.04725 10.9883 6.99958 11.1073 7.00025 11.25C7.00092 11.3927 7.04859 11.5117 7.14326 11.607C7.23793 11.7023 7.35694 11.75 7.50029 11.75ZM5.11612 19.25C4.65542 19.25 4.27105 19.096 3.96303 18.788C3.65501 18.48 3.50067 18.0957 3.5 17.635V2.865C3.5 2.405 3.65434 2.021 3.96303 1.713C4.27172 1.405 4.65608 1.25067 5.11612 1.25H12.3296C12.545 1.25 12.7543 1.29333 12.9577 1.38C13.161 1.46667 13.335 1.583 13.4797 1.729L17.021 5.27C17.1656 5.41533 17.2817 5.58933 17.369 5.792C17.4563 5.99467 17.5 6.204 17.5 6.42V17.634C17.5 18.094 17.3457 18.4783 17.037 18.787C16.7283 19.0957 16.3446 19.25 15.8859 19.25H5.11612ZM12.5006 5.442V2.25H5.11612C4.9621 2.25 4.82076 2.314 4.69209 2.442C4.56341 2.57 4.4994 2.711 4.50007 2.865V17.635C4.50007 17.7883 4.56408 17.9293 4.69209 18.058C4.82009 18.1867 4.9611 18.2507 5.11512 18.25H15.8859C16.0392 18.25 16.1802 18.186 16.3089 18.058C16.4376 17.93 16.5016 17.7887 16.5009 17.634V6.25H13.3087C13.076 6.25 12.8833 6.17333 12.7307 6.02C12.578 5.86667 12.5013 5.674 12.5006 5.442Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <label for="" class="form-label"> Description <sup
                                        class="required-start-icon ">*</sup></label>
                                <textarea class="form-control modal_description task_textarea" name="des_cription"
                                    placeholder="Enter the Description "></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="">
                            <label for="" class="form-label">Attachment <sup
                                    class="required-start-icon ">*</sup></label>
                            <div class="">
                                <p class="text-muted"></p>
                                <input type="file" class="filepond filepond-input-multiple" multiple name="atta_chment"
                                    accept="image/png, image/jpeg, image/gif" data-allow-reorder="true"
                                    data-max-file-size="3MB" data-max-files="5">
                                <div class="label-container d-flex flex-wrap gap-3 w-100 pt-2">
                                    <div class="label-item drag-drop-label-item d-flex align-items-center gap-3">
                                        <a target="_blank" href="">
                                            <span class="label text_wrap d-block"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row incident-row py-3 px-4 gy-4" id="personalInjuryRow">
                    <div class="col-xxl-12 col-md-12 col-lg-12 mt-4">
                        <h4 class="card-title mb-0 fw-bold"> Personal Injury</h4>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Employee Name</label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="meeting_type ">
                                    <option selected value="">Select Employee Name</option>
                                    <option value="1">Anant</option>
                                    <option value="1">Amit</option>
                                    <option value="1">Rahul</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <label for="" class="form-label">Body Part(s) Affected<sup
                                class="required-start-icon ">*</sup></label>
                        <div class="form-group select-checkbox  multiSelCheckBoxSubGroup mb-0">
                            <div class="input-field  multiple-select-custom multiSelCheckBox">
                                <select class="form-select select-multi select2" multiple name="employee">
                                    <option value="Fumio">Fumio</option>
                                    <option value="Alice">Alice</option>
                                    <option value="Marcello">Marcello</option>
                                    <option value="Brayden">Brayden</option>
                                </select>
                                <span class="icon-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                                        fill="none">
                                        <path
                                            d="M7.57501 7.98828C7.53126 7.98203 7.47501 7.98203 7.42501 7.98828C6.32501 7.95078 5.45001 7.05078 5.45001 5.94453C5.45001 4.81328 6.36251 3.89453 7.50001 3.89453C8.63126 3.89453 9.55001 4.81328 9.55001 5.94453C9.54376 7.05078 8.67501 7.95078 7.57501 7.98828Z"
                                            stroke="#868C98" stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path
                                            d="M11.7125 12.1121C10.6 13.1309 9.12501 13.7496 7.50001 13.7496C5.87501 13.7496 4.40001 13.1309 3.28751 12.1121C3.35001 11.5246 3.72501 10.9496 4.39376 10.4996C6.10626 9.36211 8.90625 9.36211 10.6063 10.4996C11.275 10.9496 11.65 11.5246 11.7125 12.1121Z"
                                            stroke="#868C98" stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path
                                            d="M7.5 13.75C10.9518 13.75 13.75 10.9518 13.75 7.5C13.75 4.04822 10.9518 1.25 7.5 1.25C4.04822 1.25 1.25 4.04822 1.25 7.5C1.25 10.9518 4.04822 13.75 7.5 13.75Z"
                                            stroke="#868C98" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Facility for Treatment</label>
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <input type="text" class="form-control" placeholder="Enter Facility for Treatment"
                                    name="city">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row incident-row py-3 px-4 gy-4" id="vehicleAccidentRow">
                    <div class="col-xxl-12 col-md-12 col-lg-12 mt-4">
                        <h4 class="card-title mb-0 fw-bold">Vehicle or Equipment Accident</h4>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Vehicle(s) Involved</label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="vehicle_involved ">
                                    <option selected value="">Select Vehicle(s) Involved </option>
                                    <option value="1">Asset Maste</option>
                                    <option value="1">Asset Maste</option>
                                    <option value="1">Asset Maste</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Company/Person Responsible</label>
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <input type="text" class="form-control" placeholder="Enter Company/Person Responsible"
                                    name="city">
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Insurance Claim Status</label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="insurance_claim">
                                    <option selected value="">Select Insurance Claim Status </option>
                                    <option value="1">Pending</option>
                                    <option value="2">Approved</option>
                                    <option value="3">Rejected</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M7.50029 15.75H13.5007C13.6434 15.75 13.7624 15.7023 13.8577 15.607C13.9531 15.5117 14.0007 15.3927 14.0007 15.25C14.0007 15.1073 13.9531 14.9883 13.8577 14.893C13.7624 14.7977 13.6434 14.75 13.5007 14.75H7.50029C7.35828 14.75 7.23927 14.7977 7.14326 14.893C7.04725 14.9883 6.99958 15.1073 7.00025 15.25C7.00092 15.3927 7.04859 15.5117 7.14326 15.607C7.23793 15.7023 7.35694 15.75 7.50029 15.75ZM7.50029 11.75H13.5007C13.6434 11.75 13.7624 11.7023 13.8577 11.607C13.9531 11.5117 14.0007 11.3927 14.0007 11.25C14.0007 11.1073 13.9531 10.9883 13.8577 10.893C13.7624 10.7977 13.6434 10.75 13.5007 10.75H7.50029C7.35828 10.75 7.23927 10.7977 7.14326 10.893C7.04725 10.9883 6.99958 11.1073 7.00025 11.25C7.00092 11.3927 7.04859 11.5117 7.14326 11.607C7.23793 11.7023 7.35694 11.75 7.50029 11.75ZM5.11612 19.25C4.65542 19.25 4.27105 19.096 3.96303 18.788C3.65501 18.48 3.50067 18.0957 3.5 17.635V2.865C3.5 2.405 3.65434 2.021 3.96303 1.713C4.27172 1.405 4.65608 1.25067 5.11612 1.25H12.3296C12.545 1.25 12.7543 1.29333 12.9577 1.38C13.161 1.46667 13.335 1.583 13.4797 1.729L17.021 5.27C17.1656 5.41533 17.2817 5.58933 17.369 5.792C17.4563 5.99467 17.5 6.204 17.5 6.42V17.634C17.5 18.094 17.3457 18.4783 17.037 18.787C16.7283 19.0957 16.3446 19.25 15.8859 19.25H5.11612ZM12.5006 5.442V2.25H5.11612C4.9621 2.25 4.82076 2.314 4.69209 2.442C4.56341 2.57 4.4994 2.711 4.50007 2.865V17.635C4.50007 17.7883 4.56408 17.9293 4.69209 18.058C4.82009 18.1867 4.9611 18.2507 5.11512 18.25H15.8859C16.0392 18.25 16.1802 18.186 16.3089 18.058C16.4376 17.93 16.5016 17.7887 16.5009 17.634V6.25H13.3087C13.076 6.25 12.8833 6.17333 12.7307 6.02C12.578 5.86667 12.5013 5.674 12.5006 5.442Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <label for="" class="form-label"> Notes </label>
                                <textarea class="form-control modal_description task_textarea"
                                    placeholder="Enter the Notes"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row incident-row py-3 px-4 gy-4" id="utilityStrikeRow">
                    <div class="col-xxl-12 col-md-12 col-lg-12 mt-4">
                        <h4 class="card-title mb-0 fw-bold">Utility Strike</h4>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Project Name</label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="project_name ">
                                    <option selected value="">Select Project Name</option>
                                    <option value="1">Demo</option>
                                    <option value="2">User</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group ">
                            <label class="form-label">
                                Utility Type</label>
                            <div class="input-field">
                                <span class="icon z-index">
                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                            fill="#525866"></path>
                                    </svg>
                                </span>
                                <select class="form-select select2" aria-label="Default select example"
                                    name="utility_type ">
                                    <option selected value="">Select Utility Type</option>
                                    <option value="1">Master Data</option>
                                    <option value="2">Master Data 2</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M7.50029 15.75H13.5007C13.6434 15.75 13.7624 15.7023 13.8577 15.607C13.9531 15.5117 14.0007 15.3927 14.0007 15.25C14.0007 15.1073 13.9531 14.9883 13.8577 14.893C13.7624 14.7977 13.6434 14.75 13.5007 14.75H7.50029C7.35828 14.75 7.23927 14.7977 7.14326 14.893C7.04725 14.9883 6.99958 15.1073 7.00025 15.25C7.00092 15.3927 7.04859 15.5117 7.14326 15.607C7.23793 15.7023 7.35694 15.75 7.50029 15.75ZM7.50029 11.75H13.5007C13.6434 11.75 13.7624 11.7023 13.8577 11.607C13.9531 11.5117 14.0007 11.3927 14.0007 11.25C14.0007 11.1073 13.9531 10.9883 13.8577 10.893C13.7624 10.7977 13.6434 10.75 13.5007 10.75H7.50029C7.35828 10.75 7.23927 10.7977 7.14326 10.893C7.04725 10.9883 6.99958 11.1073 7.00025 11.25C7.00092 11.3927 7.04859 11.5117 7.14326 11.607C7.23793 11.7023 7.35694 11.75 7.50029 11.75ZM5.11612 19.25C4.65542 19.25 4.27105 19.096 3.96303 18.788C3.65501 18.48 3.50067 18.0957 3.5 17.635V2.865C3.5 2.405 3.65434 2.021 3.96303 1.713C4.27172 1.405 4.65608 1.25067 5.11612 1.25H12.3296C12.545 1.25 12.7543 1.29333 12.9577 1.38C13.161 1.46667 13.335 1.583 13.4797 1.729L17.021 5.27C17.1656 5.41533 17.2817 5.58933 17.369 5.792C17.4563 5.99467 17.5 6.204 17.5 6.42V17.634C17.5 18.094 17.3457 18.4783 17.037 18.787C16.7283 19.0957 16.3446 19.25 15.8859 19.25H5.11612ZM12.5006 5.442V2.25H5.11612C4.9621 2.25 4.82076 2.314 4.69209 2.442C4.56341 2.57 4.4994 2.711 4.50007 2.865V17.635C4.50007 17.7883 4.56408 17.9293 4.69209 18.058C4.82009 18.1867 4.9611 18.2507 5.11512 18.25H15.8859C16.0392 18.25 16.1802 18.186 16.3089 18.058C16.4376 17.93 16.5016 17.7887 16.5009 17.634V6.25H13.3087C13.076 6.25 12.8833 6.17333 12.7307 6.02C12.578 5.86667 12.5013 5.674 12.5006 5.442Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <label for="" class="form-label"> Damage Description </label>
                                <textarea class="form-control modal_description task_textarea"
                                    placeholder="Enter the Damage Description"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-md-6 col-lg-4">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M7.50029 15.75H13.5007C13.6434 15.75 13.7624 15.7023 13.8577 15.607C13.9531 15.5117 14.0007 15.3927 14.0007 15.25C14.0007 15.1073 13.9531 14.9883 13.8577 14.893C13.7624 14.7977 13.6434 14.75 13.5007 14.75H7.50029C7.35828 14.75 7.23927 14.7977 7.14326 14.893C7.04725 14.9883 6.99958 15.1073 7.00025 15.25C7.00092 15.3927 7.04859 15.5117 7.14326 15.607C7.23793 15.7023 7.35694 15.75 7.50029 15.75ZM7.50029 11.75H13.5007C13.6434 11.75 13.7624 11.7023 13.8577 11.607C13.9531 11.5117 14.0007 11.3927 14.0007 11.25C14.0007 11.1073 13.9531 10.9883 13.8577 10.893C13.7624 10.7977 13.6434 10.75 13.5007 10.75H7.50029C7.35828 10.75 7.23927 10.7977 7.14326 10.893C7.04725 10.9883 6.99958 11.1073 7.00025 11.25C7.00092 11.3927 7.04859 11.5117 7.14326 11.607C7.23793 11.7023 7.35694 11.75 7.50029 11.75ZM5.11612 19.25C4.65542 19.25 4.27105 19.096 3.96303 18.788C3.65501 18.48 3.50067 18.0957 3.5 17.635V2.865C3.5 2.405 3.65434 2.021 3.96303 1.713C4.27172 1.405 4.65608 1.25067 5.11612 1.25H12.3296C12.545 1.25 12.7543 1.29333 12.9577 1.38C13.161 1.46667 13.335 1.583 13.4797 1.729L17.021 5.27C17.1656 5.41533 17.2817 5.58933 17.369 5.792C17.4563 5.99467 17.5 6.204 17.5 6.42V17.634C17.5 18.094 17.3457 18.4783 17.037 18.787C16.7283 19.0957 16.3446 19.25 15.8859 19.25H5.11612ZM12.5006 5.442V2.25H5.11612C4.9621 2.25 4.82076 2.314 4.69209 2.442C4.56341 2.57 4.4994 2.711 4.50007 2.865V17.635C4.50007 17.7883 4.56408 17.9293 4.69209 18.058C4.82009 18.1867 4.9611 18.2507 5.11512 18.25H15.8859C16.0392 18.25 16.1802 18.186 16.3089 18.058C16.4376 17.93 16.5016 17.7887 16.5009 17.634V6.25H13.3087C13.076 6.25 12.8833 6.17333 12.7307 6.02C12.578 5.86667 12.5013 5.674 12.5006 5.442Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <label for="" class="form-label"> Recovery Plan </label>
                                <textarea class="form-control modal_description task_textarea"
                                    placeholder="Enter the Recovery Plan"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row incident-row py-3 px-4 gy-4" id="onsiteIncidentRow">
                    <div class="col-xxl-12 col-md-12 col-lg-12 mt-4">
                        <h4 class="card-title mb-0 fw-bold">Onsite Incident</h4>
                    </div>
                    <div class="col-xxl-12 col-md-12 col-lg-12">
                        <div class="form-group">
                            <div class="input-field">
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"
                                        fill="none">
                                        <path
                                            d="M7.50029 15.75H13.5007C13.6434 15.75 13.7624 15.7023 13.8577 15.607C13.9531 15.5117 14.0007 15.3927 14.0007 15.25C14.0007 15.1073 13.9531 14.9883 13.8577 14.893C13.7624 14.7977 13.6434 14.75 13.5007 14.75H7.50029C7.35828 14.75 7.23927 14.7977 7.14326 14.893C7.04725 14.9883 6.99958 15.1073 7.00025 15.25C7.00092 15.3927 7.04859 15.5117 7.14326 15.607C7.23793 15.7023 7.35694 15.75 7.50029 15.75ZM7.50029 11.75H13.5007C13.6434 11.75 13.7624 11.7023 13.8577 11.607C13.9531 11.5117 14.0007 11.3927 14.0007 11.25C14.0007 11.1073 13.9531 10.9883 13.8577 10.893C13.7624 10.7977 13.6434 10.75 13.5007 10.75H7.50029C7.35828 10.75 7.23927 10.7977 7.14326 10.893C7.04725 10.9883 6.99958 11.1073 7.00025 11.25C7.00092 11.3927 7.04859 11.5117 7.14326 11.607C7.23793 11.7023 7.35694 11.75 7.50029 11.75ZM5.11612 19.25C4.65542 19.25 4.27105 19.096 3.96303 18.788C3.65501 18.48 3.50067 18.0957 3.5 17.635V2.865C3.5 2.405 3.65434 2.021 3.96303 1.713C4.27172 1.405 4.65608 1.25067 5.11612 1.25H12.3296C12.545 1.25 12.7543 1.29333 12.9577 1.38C13.161 1.46667 13.335 1.583 13.4797 1.729L17.021 5.27C17.1656 5.41533 17.2817 5.58933 17.369 5.792C17.4563 5.99467 17.5 6.204 17.5 6.42V17.634C17.5 18.094 17.3457 18.4783 17.037 18.787C16.7283 19.0957 16.3446 19.25 15.8859 19.25H5.11612ZM12.5006 5.442V2.25H5.11612C4.9621 2.25 4.82076 2.314 4.69209 2.442C4.56341 2.57 4.4994 2.711 4.50007 2.865V17.635C4.50007 17.7883 4.56408 17.9293 4.69209 18.058C4.82009 18.1867 4.9611 18.2507 5.11512 18.25H15.8859C16.0392 18.25 16.1802 18.186 16.3089 18.058C16.4376 17.93 16.5016 17.7887 16.5009 17.634V6.25H13.3087C13.076 6.25 12.8833 6.17333 12.7307 6.02C12.578 5.86667 12.5013 5.674 12.5006 5.442Z"
                                            fill="#96A5B8"></path>
                                    </svg>
                                </span>
                                <label for="" class="form-label"> Follow-up Actions </label>
                                <textarea class="form-control modal_description task_textarea"
                                    placeholder="Enter the Follow-up Actions"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection
@section('script')
<script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
<script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
<script src="{{ url('js/select2.init.js') }}"></script>
<script src="http://sat.localhost/ets-saas/public/js/app.js"></script>
<script src="https://cdn.rawgit.com/jzaefferer/jquery-validation/1.19.3/dist/jquery.validate.min.js"></script>
<script src="{{ url('js/libs/filepond/filepond.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-file-validate-size/filepond-plugin-file-validate-size.min.js') }}">
</script>
<script src="{{ url('js/libs/filepond-plugin-image-exif-orientation/filepond-plugin-image-exif-orientation.min.js') }}">
</script>
<script src="{{ url('js/libs/filepond-plugin-file-encode/filepond-plugin-file-encode.min.js') }}"></script>
<script src="{{ url('js/multiselect2.js') }}"></script>


<script>
$(document).ready(function() {
    // Initialize Select2
    $('.select-multi').select2();
    $(".select2").select2();

    // Initialize Flatpickr (Date & Time Picker)
    flatpickr("#incident_date", {
        enableTime: true,
        dateFormat: "m/d/Y h:i K",
        time_24hr: false,
        minDate: "today",
        onChange: function(selectedDates, dateStr, instance) {
            instance.close(); // Close the picker after selection
        }
    });

    // Form Validation
    $("#incident_management").validate({
        errorClass: "text-danger",
        rules: {
            incident_date: {
                required: true,
            },
            incident_type: {
                required: true,
            },
            location_address: {
                required: true,
            },
            status_type: {
                required: true,
            },
            des_cription: {
                required: true,
                minlength: 8,
                pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
            },
            atta_chment: {
                required: true,
            },
        },
        messages: {
            incident_date: {
                required: "Please select the date & time",
            },
            incident_type: {
                required: "Please select the incident type",
            },
            location_address: {
                required: "Please enter the location/address",
            },
            status_type: {
                required: "Please select the status",
            },
            des_cription: {
                required: "Please enter a description",
            },
            atta_chment: {
                required: "Please select a attachment",
            },
        },
        errorPlacement: function(error, element) {
            error.addClass("invalid-feedback");
            if (element.hasClass("flatpickr-input")) {
                error.insertAfter(element.closest("div"));
            } else {
                if (element.is(":radio")) {
                    error.appendTo(element.closest(".radio-label-error"));
                } else {
                    if (element.hasClass("select2")) {
                        error.insertAfter(element.next(".select2-container"));
                    } else {
                        error.insertAfter(element); // Place the error after the input itself
                    }
                }
            }
        },
        ignore: [],
        submitHandler: function(form) {
            // form.submit(); // Regular form submission
        }
    });

    // Initialize FilePond for file input with multiple file selection
    const pond = FilePond.create(document.querySelector('input.filepond-input-multiple'), {});

    // Register FilePond plugins
    FilePond.registerPlugin(
        FilePondPluginFileEncode, // Encodes the file as base64 data
        FilePondPluginFileValidateSize, // Validates the size of the file
        FilePondPluginImageExifOrientation, // Corrects mobile image orientation
        FilePondPluginImagePreview // Previews dropped images
    );


    $(".incident-row").hide();

    // On change of select dropdown
    $("select[name='incident_type']").change(function() {
        var selectedValue = $(this).val();

        // Hide all rows
        $(".incident-row").hide();

        // Show the relevant row based on selected option
        if (selectedValue === "1") {
            $("#personalInjuryRow").show();
        } else if (selectedValue === "2") {
            $("#vehicleAccidentRow").show();
        } else if (selectedValue === "3") {
            $("#utilityStrikeRow").show();
        } else if (selectedValue === "4") {
            $("#onsiteIncidentRow").show();
        }
    });
});
$(document).ready(function() {
    $(".select-multi").select2({
        placeholder: "Select Options",
        allowClear: true,
        closeOnSelect: false
    });
    $('.select-multi').on("select2:select", function(e) {
        var data = e.params.data.text;
        var selCount = $(this).find('>option:not([value="all"]):selected').length;
        var allCount = $(this).find('>option:not([value="all"])').length;
        if (data == 'All' || selCount == allCount) {
            $(this).find("option").prop("selected", "selected");
            $(this).trigger("change");
        }
    });
    $('.select-multi').on("select2:unselect", function(e) {
        var data = e.params.data.text;
        if (data == 'All') {
            $(this).find("option").prop("selected", false);
            $(this).trigger("change");
        } else {
            $(this).find("option[value='all']").prop('selected', false);
            $(this).trigger("change");
        }
    });
    $(document).on('click', ".multiSelCheckBox", function() {
        $(".select2-container").addClass("multiCheckbox");
    });
    $(".select-multi").on("change", function() {
        const selectedCount = $(this).val()?.length || 0;
        const $rendered = $(this).next(".select2-container").find(".select2-selection__rendered");

        if (selectedCount > 2) {
            $rendered.empty();
            $rendered.append(`
                        <li class="select2-selection__choice">
                            <span class="select2-selection__choice__display">${selectedCount} selected</span>
                        </li>
                    `);
        }
    });
});
$(".select-multi").select2()
    .on("select2:open", (elm) => {
        const targetLabel = $(elm.target).prev("label");
        targetLabel.addClass("selected");
    })
    .on("select2:close", (elm) => {
        const target = $(elm.target);
        const targetLabel = target.prev("label");
        const targetOptions = $(elm.target.selectedOptions);
        if (targetOptions.length === 0) {
            targetLabel.removeAttr("class");
        }
    });
    function toggleCustomFocus(e, add = true) {
    const selection = e.target?.nextElementSibling?.querySelector('.select2-selection--single');
        if (selection) {
            selection.classList.toggle('custom-focus', add);
        }}
        $(document).on('select2:open', function (e) {
            toggleCustomFocus(e, true);
            requestAnimationFrame(() => {
                document.querySelector('.select2-container--open .select2-search__field')?.focus();
        });});
        $(document).on('select2:close', function (e) {
        toggleCustomFocus(e, false);
});
</script>
@endsection