@extends('superadmin.layouts.app')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
@section('content')
<style type="text/css">
    .iti--separate-dial-code .iti__selected-dial-code {
        color: #FFF !important;
    }

</style>
<section class="hstack add-parish-page">
    <a href="{{route('superadmin.parish')}}" class="parish-heading hstack items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
        </svg>Parish list
    </a>
    <div class="border-box">
        <form action="{{route('superadmin.parish.store')}}" method="post" enctype="multipart/form-data" id="parish_frm" name="parish_frm">
            @csrf
            <div class="row parish-list">
                <div class="col col-12 col-lg-6">
                    <div class="bg-box">
                        <div class="row select-image">
                            <div class="col-12">
                                <h6 class="cover-photo-heading">Cover Photo</h6>
                                <label for="fileInput" class="file-label cover-photo">
                                    @php
                                    $addSvg = '<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M18.87 12.0767C17.3772 12.0767 15.9178 12.5193 14.6766 13.3487C13.4353 14.1781 12.4679 15.3569 11.8966 16.7362C11.3253 18.1154 11.1758 19.633 11.4671 21.0972C11.7583 22.5614 12.4772 23.9063 13.5328 24.9619C14.5884 26.0175 15.9333 26.7364 17.3975 27.0276C18.8617 27.3189 20.3793 27.1694 21.7585 26.5981C23.1377 26.0268 24.3166 25.0594 25.146 23.8181C25.9753 22.5768 26.418 21.1175 26.418 19.6247C26.418 17.6228 25.6228 15.7029 24.2073 14.2874C22.7917 12.8719 20.8719 12.0767 18.87 12.0767ZM18.87 25.6631C17.6757 25.6631 16.5083 25.3089 15.5153 24.6454C14.5223 23.9819 13.7483 23.0388 13.2913 21.9355C12.8342 20.8321 12.7147 19.618 12.9477 18.4466C13.1806 17.2753 13.7557 16.1994 14.6002 15.3549C15.4447 14.5104 16.5207 13.9353 17.692 13.7023C18.8633 13.4693 20.0774 13.5889 21.1808 14.0459C22.2842 14.5029 23.2273 15.2769 23.8908 16.2699C24.5543 17.2629 24.9084 18.4304 24.9084 19.6247C24.9084 21.2261 24.2722 22.762 23.1398 23.8945C22.0074 25.0269 20.4715 25.6631 18.87 25.6631Z" fill="#6A6E83" />
                                        <path d="M28.6824 9.05777H25.3764L24.7499 7.80481C24.4628 7.29131 24.0494 6.85959 23.5488 6.55051C23.0482 6.24143 22.477 6.06523 21.8892 6.03857H15.8508C15.2631 6.06523 14.6919 6.24143 14.1913 6.55051C13.6907 6.85959 13.2773 7.29131 12.9902 7.80481L12.3637 9.05777H9.05765C7.65635 9.05777 6.31245 9.61444 5.32158 10.6053C4.33071 11.5962 3.77405 12.9401 3.77405 14.3414V26.4182C3.77405 27.8195 4.33071 29.1634 5.32158 30.1542C6.31245 31.1451 7.65635 31.7018 9.05765 31.7018H28.6824C30.0837 31.7018 31.4277 31.1451 32.4185 30.1542C33.4094 29.1634 33.966 27.8195 33.966 26.4182V14.3414C33.966 12.9401 33.4094 11.5962 32.4185 10.6053C31.4277 9.61444 30.0837 9.05777 28.6824 9.05777ZM32.4564 26.4182C32.4564 27.4191 32.0588 28.379 31.3511 29.0868C30.6433 29.7946 29.6834 30.1922 28.6824 30.1922H9.05765C8.05672 30.1922 7.09679 29.7946 6.38903 29.0868C5.68126 28.379 5.28365 27.4191 5.28365 26.4182V14.3414C5.28365 13.3404 5.68126 12.3805 6.38903 11.6728C7.09679 10.965 8.05672 10.5674 9.05765 10.5674H12.8316C12.971 10.567 13.1076 10.5279 13.2262 10.4547C13.3447 10.3814 13.4407 10.2767 13.5034 10.1522L14.3412 8.48413C14.4997 8.21876 14.7195 7.99527 14.9821 7.83241C15.2448 7.66956 15.5427 7.57208 15.8508 7.54817H21.8892C22.1974 7.57208 22.4953 7.66956 22.758 7.83241C23.0206 7.99527 23.2404 8.21876 23.3988 8.48413L24.2367 10.1522C24.2994 10.2767 24.3954 10.3814 24.5139 10.4547C24.6325 10.5279 24.7691 10.567 24.9084 10.5674H28.6824C29.6834 10.5674 30.6433 10.965 31.3511 11.6728C32.0588 12.3805 32.4564 13.3404 32.4564 14.3414V26.4182Z" fill="#6A6E83" />
                                    </svg>';
                                    @endphp
                                    @if(isset($parish))
                                        @if($parish->cover_pic==null)
                                            {!!$addSvg!!}
                                        @else
                                            <img src="{{ $parish->cover_pic }}" class="preview-image">
                                            @endif
                                    @else
                                        {!!$addSvg!!}
                                    @endif
                                    <input type="file" id="fileInput-cover" name="cover_pic" class="file-input" accept="image/*">
                                </label>
                            </div>
                            <div class="col-12">
                                <h6 class="cover-photo-heading">Profile Photo</h6>
                                <label for="fileInput" class="file-label profile-photo">
                                    @php
                                        $addprofilSvg = '<svg width="57" height="57" viewBox="0 0 57 57" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M28.5 18.5239C26.3078 18.5239 24.1648 19.174 22.3421 20.3919C20.5193 21.6098 19.0987 23.3409 18.2597 25.3663C17.4208 27.3916 17.2013 29.6202 17.629 31.7703C18.0567 33.9204 19.1123 35.8954 20.6624 37.4455C22.2126 38.9956 24.1876 40.0513 26.3376 40.479C28.4877 40.9066 30.7163 40.6871 32.7417 39.8482C34.767 39.0093 36.4981 37.5886 37.716 35.7659C38.934 33.9431 39.584 31.8001 39.584 29.6079C39.584 26.6683 38.4162 23.849 36.3376 21.7704C34.2589 19.6917 31.4397 18.5239 28.5 18.5239ZM28.5 38.4751C26.7463 38.4751 25.0319 37.9551 23.5737 36.9807C22.1155 36.0064 20.9789 34.6215 20.3078 33.0013C19.6367 31.381 19.4611 29.5981 19.8032 27.878C20.1453 26.158 20.9899 24.578 22.23 23.3379C23.4701 22.0978 25.05 21.2532 26.7701 20.9111C28.4902 20.569 30.2731 20.7446 31.8934 21.4157C33.5136 22.0868 34.8985 23.2234 35.8728 24.6816C36.8472 26.1398 37.3672 27.8542 37.3672 29.6079C37.3672 31.9597 36.433 34.2151 34.7701 35.878C33.1072 37.5409 30.8517 38.4751 28.5 38.4751Z" fill="#6A6E83" />
                                        <path d="M42.9092 14.0908H38.0544L37.1345 12.2509C36.7128 11.4968 36.1057 10.8629 35.3706 10.409C34.6355 9.95512 33.7967 9.69636 32.9336 9.65723H24.0664C23.2034 9.69636 22.3646 9.95512 21.6295 10.409C20.8944 10.8629 20.2872 11.4968 19.8656 12.2509L18.9456 14.0908H14.0908C12.0331 14.0908 10.0596 14.9083 8.60453 16.3633C7.14947 17.8184 6.33203 19.7919 6.33203 21.8496V39.584C6.33203 41.6418 7.14947 43.6153 8.60453 45.0703C10.0596 46.5254 12.0331 47.3428 14.0908 47.3428H42.9092C44.967 47.3428 46.9405 46.5254 48.3955 45.0703C49.8506 43.6153 50.668 41.6418 50.668 39.584V21.8496C50.668 19.7919 49.8506 17.8184 48.3955 16.3633C46.9405 14.9083 44.967 14.0908 42.9092 14.0908ZM48.4512 39.584C48.4512 41.0539 47.8673 42.4635 46.828 43.5028C45.7887 44.5421 44.3791 45.126 42.9092 45.126H14.0908C12.621 45.126 11.2114 44.5421 10.172 43.5028C9.13272 42.4635 8.54883 41.0539 8.54883 39.584V21.8496C8.54883 20.3798 9.13272 18.9702 10.172 17.9308C11.2114 16.8915 12.621 16.3076 14.0908 16.3076H19.6328C19.8375 16.307 20.038 16.2497 20.2122 16.1421C20.3863 16.0345 20.5272 15.8808 20.6193 15.698L21.8496 13.2484C22.0823 12.8588 22.405 12.5306 22.7907 12.2914C23.1765 12.0523 23.6139 11.9091 24.0664 11.874H32.9336C33.3861 11.9091 33.8236 12.0523 34.2093 12.2914C34.595 12.5306 34.9178 12.8588 35.1504 13.2484L36.3808 15.698C36.4729 15.8808 36.6138 16.0345 36.7879 16.1421C36.962 16.2497 37.1625 16.307 37.3672 16.3076H42.9092C44.3791 16.3076 45.7887 16.8915 46.828 17.9308C47.8673 18.9702 48.4512 20.3798 48.4512 21.8496V39.584Z" fill="#6A6E83" />
                                    </svg>';
                                    @endphp
                                    @if(isset($parish))
                                        @if($parish->profile_pic==null)
                                            {!! $addprofilSvg !!}
                                        @else
                                            <img src="{{ $parish->profile_pic }}" class="preview-image">
                                        @endif
                                    @else
                                        {!! $addprofilSvg !!}
                                    @endif
                                    <input type="file" id="fileInput-profile" name="profile_pic" class="file-input" accept="image/*">
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col col-12 col-lg-6">
                    <div class="bg-box">
                        <div class="row add-parish-form">
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Name</label>
                                    <input type="text" placeholder="Enter name" name="name" id="name" value="{{ isset($parish) ? $parish->name : ''  }}" required>
                                    <input type="hidden" placeholder="uuid" name="uuid" id="uuid" value="{{ isset($parish) ? $parish->uuid : ''  }}">
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Email</label>
                                    <input type="email" placeholder="Enter email" name="email" id="email" value="{{ isset($parish) ? $parish->email : ''  }}">
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Contact number</label>
                                    {{-- <input type="number" placeholder="Enter your number" name="calling_code" id="calling_code" value="{{ isset($parish) ? $parish->phone_no['calling_full_number'] : '' }}"> --}}
                                    <input class="tell-input" type="tel" name="calling_number" id="phone" value="{{ isset($parish) ? $parish->phone_no['calling_number'] : '' }}" maxlength="15">
                                    <input type="hidden" placeholder="Enter your number" name="calling_code" id="calling_code" value="{{ isset($parish) ? $parish->phone_no['calling_code'] : '' }}">
                                    <input type="hidden" placeholder="Enter your number" name="calling_country_code" id="calling_country_code" value="{{ isset($parish) ? $parish->phone_no['calling_country_code'] : '' }}">
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Location</label>
                                    {{-- @dd($parish->address['address_line_1']) --}}
                                    <input type="text" class="form-control" placeholder="Enter Address" value="{{ isset($parish) ? $parish->address['address_line_1'] : '' }}" name="address_line_1" id="address_line_1">
                                    <input type="hidden" class="form-control" placeholder="Enter Address" value="{{ isset($parish) ? $parish->address['address_line_2'] : '' }}" name="address_line_2" id="address_line_2">
                                    <input type="hidden" class="form-control" placeholder="Enter City" value="{{ isset($parish) ? $parish->address['city'] : '' }}" name="city" id="city">
                                    <input type="hidden" class="form-control" placeholder="Enter State" value="{{ isset($parish) ? $parish->address['state'] : '' }}" name="state" id="state">
                                    <input type="hidden" class="form-control" name="state_code" value="{{ isset($parish) ? $parish->address['state_code'] : '' }}" id="state_code">
                                    <input type="hidden" class="form-control" name="country" id="country" value="{{ isset($parish) ? $parish->address['country'] : '' }}">
                                    <input type="hidden" class="form-control" name="parish_lat" id="parish_lat" value="{{ isset($parish) ? $parish->address['latitude'] : '' }}">
                                    <input type="hidden" class="form-control" name="parish_long" id="parish_long" value="{{ isset($parish) ? $parish->address['longitude'] : '' }}">
                                    <input type="hidden" class="form-control" name="pincode" id="pincode" value="{{ isset($parish) ? $parish->address['pincode'] : '' }}">
                                    <input type="hidden" class="form-control" name="country_code" id="country_code" value="{{ isset($parish) ? $parish->address['country_code'] : '' }}">
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Website</label>
                                    <input type="url" placeholder="Enter your website" name="website" id="website" value="{{ isset($parish) ? $parish->website : '' }}">
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Status</label>
                                    <select id="mySelect" name="status">
                                        <option value="1" {{ isset($parish) && $parish->status == 1 ? 'selected' : '' }}>Active</option>
                                        <option value="0" {{ isset($parish) && $parish->status == 0 ? 'selected' : '' }}>InActive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col col-12 col-xxl-6">
                                <div class="input-box">
                                    <label>Default Tab</label>  
                                    <select id="mySelect" name="default_tab">
                                        <option value="0" {{ isset($parish) && $parish->default_tab == 0 ? 'selected' : '' }}>Discuss</option>
                                        <option value="1" {{ isset($parish) && $parish->default_tab == 1 ? 'selected' : '' }}>Post</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col col-12">
                                <div class="input-box">
                                    <label>Description</label>                                    
                                    <textarea placeholder="Enter description (Max 200 Character) " name="bio" id="bio" maxLength="200">{{ isset($parish) ? $parish->bio : '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col col-12">
                    <div class="bg-box">
                        <div class="time-tab-main">
                            <ul class="promote-main-tab time-tab  hstack">
                                <li class="promote-tab">
                                    <input type="radio" id="userReport" name="tab-group" checked>
                                    <label for="userReport">
                                        <p>Mass Times</p>
                                    </label>
                                </li>
                                <li class="promote-tab">
                                    <input type="radio" id="feedReport" name="tab-group">
                                    <label for="feedReport">
                                        <p>Confession</p>
                                    </label>
                                </li>
                                <li class="promote-tab">
                                    <input type="radio" id="chatReport" name="tab-group">
                                    <label for="chatReport">
                                        <p>Adoration Times</p>
                                    </label>
                                </li>
                            </ul>
                            <div id="reported-user" class="show">
                                <div class="tabcontent">
                                    @foreach(['Sunday','Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Daily'] as $day)
                                    <div class="mass-time">
                                        <span>{{ $day }}</span>
                                        <input type="hidden" name="{{ strtolower($day) }}" value="{{ strtolower($day) }}" />
                                        <div class="mass-time-input">
                                            <div class="time-input-container" id="attributes-{{ strtolower($day) }}">
                                                @php
                                                $sundayMassTimes = isset($parish) ? collect($parish->mass_times)->firstWhere('day', strtolower($day)) : null;

                                                @endphp
                                                @if($sundayMassTimes)
                                                @foreach ($sundayMassTimes['time'] as $time)
                                                <div class="attr">
                                                    <input type="time" value="{{ $time['start_time'] ?? '' }}" name="{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="{{ $time['end_time'] ?? '' }}" name="{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>

                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endforeach
                                                @else
                                                <div class="attr">
                                                    <input type="time" value="" name="{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="" name="{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>

                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endif
                                                <button class="add timer-btn" type="button" data-target="attributes-{{ strtolower($day) }}">
                                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M9 16.5C13.125 16.5 16.5 13.125 16.5 9C16.5 4.875 13.125 1.5 9 1.5C4.875 1.5 1.5 4.875 1.5 9C1.5 13.125 4.875 16.5 9 16.5Z" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        <path d="M6 9H12" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        <path d="M9 12V6" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                            <div id="reported-feed">
                                <div class="tabcontent">
                                    @foreach(['Sunday','Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Daily'] as $day)
                                    <div class="mass-time">
                                        <span>{{ $day }}</span>
                                        <input type="hidden" name="{{ strtolower($day) }}" value="{{ strtolower($day) }}" />
                                        <div class="mass-time-input">
                                            <div class="time-input-container" id="conf_attributes-{{ strtolower($day) }}">
                                                @php
                                                $confessionTimes = isset($parish) ? collect($parish->confession_time)->firstWhere('day', strtolower($day)) : null;
                                                @endphp

                                                @if($confessionTimes)
                                                @foreach ($confessionTimes['time'] as $time)
                                                <div class="attr">
                                                    <input type="time" value="{{ $time['start_time'] ?? '' }}" name="c_{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="{{ $time['end_time'] ?? '' }}" name="c_{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>

                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endforeach
                                                @else
                                                <div class="attr">
                                                    <input type="time" value="" name="c_{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="" name="c_{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>
                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endif
                                            </div>
                                            <button class="add timer-btn" type="button" data-target="conf_attributes-{{ strtolower($day) }}">
                                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M9 16.5C13.125 16.5 16.5 13.125 16.5 9C16.5 4.875 13.125 1.5 9 1.5C4.875 1.5 1.5 4.875 1.5 9C1.5 13.125 4.875 16.5 9 16.5Z" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M6 9H12" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M9 12V6" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                            <div id="reported-chat">
                                <div class="tabcontent">
                                    @foreach(['Sunday','Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Daily'] as $day)
                                    <div class="mass-time">
                                        <span>{{ $day }}</span>
                                        <input type="hidden" name="{{ strtolower($day) }}" value="{{ strtolower($day) }}" />
                                        <div class="mass-time-input">
                                            <div class="time-input-container" id="andro_attributes-{{ strtolower($day) }}">
                                                @php
                                                $confessionTimes = isset($parish) ? collect($parish->adoration_time)->firstWhere('day', strtolower($day)) : null;
                                                @endphp
                                                @if($confessionTimes)
                                                @foreach ($confessionTimes['time'] as $time)
                                                <div class="attr">
                                                    <input type="time" value="{{ $time['start_time'] ?? '' }}" name="a_{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="{{ $time['end_time'] ?? '' }}" name="a_{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>

                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endforeach
                                                @else
                                                <div class="attr">
                                                    <input type="time" value="" name="a_{{ strtolower($day) }}_s_time[]" id="myTime" placeholder='12:00am'>
                                                    -
                                                    <input type="time" value="" name="a_{{ strtolower($day) }}_e_time[]" id="myTime" placeholder='12:00am'>
                                                    <button class="btn btn-danger remove timer-btn" type="button">
                                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M8.93994 16.5C13.0649 16.5 16.4399 13.125 16.4399 9C16.4399 4.875 13.0649 1.5 8.93994 1.5C4.81494 1.5 1.43994 4.875 1.43994 9C1.43994 13.125 4.81494 16.5 8.93994 16.5Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M5.93994 9H11.9399" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </div>
                                                @endif
                                            </div>
                                            <button class="add timer-btn" type="button" data-target="andro_attributes-{{ strtolower($day) }}">
                                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M9 16.5C13.125 16.5 16.5 13.125 16.5 9C16.5 4.875 13.125 1.5 9 1.5C4.875 1.5 1.5 4.875 1.5 9C1.5 13.125 4.875 16.5 9 16.5Z" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M6 9H12" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M9 12V6" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col col-12">
                    <div class="parish-data-button">
                        <a href="{{ route('superadmin.parish') }}" class="save-btn button-main">
                            Cancel</a>
                        <button type="submit" class="parish-btn">Save</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

<div class="delete-post-modal">
    <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
    </svg>
    <h4>Delete Post</h4>
    <button class="direct-delete" data-url="{{ route('superadmin.permanent.delete') }}" data-delete="1">Direct Delete</button>
    <div class="or"></div>
    <h5>Get Notified User</h5>
    <input type="hidden" name="delete_post_id" id="delete_post_id" />
    {{-- <textarea placeholder="Enter reason here..." name="" id="reason" rows="5"></textarea> --}}
    <ul class="hstack">
        <li>
            <input type="checkbox" name="sendmail" id="sendmail" value="email">
            <span class="checkmark"></span>
            <label for="sendmail">Send via email</label>
        </li>
        <li>
            <input type="checkbox" name="sendmessage" id="sendmessage" value="message">
            <span class="checkmark"></span>
            <label for="sendmessage">Send via message</label>
        </li>
    </ul>
    <button class="delete-post direct-delete" data-url="{{ route('superadmin.permanent.delete') }}" data-delete="0">Delete Post</button>
</div>

<div class="promot-post-modal">
    <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
    </svg>
    <h4 class="hstack items-center justify-center"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18.9858 6.08318C17.8977 4.09357 16.4803 2.33344 15.0982 1.25644C13.4745 -0.0100206 11.9713 -0.326275 10.7521 0.340462C9.95661 0.778687 9.45041 1.5404 9.2407 2.60631C9.15568 3.03644 8.99436 3.44788 8.76439 3.82119C6.67644 7.26142 5.30054 8.97382 2.1944 10.6737C1.70781 10.9273 1.27715 11.2761 0.927997 11.6993C0.578841 12.1226 0.318313 12.6117 0.161888 13.1377C0.000428574 13.6913 -0.0406882 14.2731 0.0412998 14.8439C0.123288 15.4148 0.326484 15.9614 0.637236 16.4473C1.36906 17.5966 2.64323 18.2826 4.04565 18.2826C4.13917 18.2826 4.23848 18.2792 4.3349 18.2715L5.03009 21.6944C5.11162 22.1036 5.27372 22.4925 5.50695 22.8384C5.74018 23.1844 6.03989 23.4805 6.38863 23.7095C6.91178 24.0538 7.52443 24.237 8.15068 24.2365C8.36114 24.2366 8.57108 24.2157 8.77741 24.1743C9.6006 24.0053 10.3232 23.5168 10.7868 22.8159C11.2504 22.115 11.4172 21.2588 11.2506 20.4351L10.3866 16.1696C11.872 15.9001 13.4721 15.8736 15.3918 15.9184C15.8912 15.9271 16.2933 15.9994 16.6577 16.145C17.6764 16.5524 18.6343 16.5364 19.3917 16.1161C20.608 15.4493 21.1576 13.9259 20.9387 11.8254C20.7536 10.0788 20.0599 8.04 18.9858 6.08318ZM8.77789 21.4866C8.72305 21.5701 8.65221 21.6419 8.56946 21.6978C8.48671 21.7537 8.3937 21.7927 8.2958 21.8125C8.19767 21.833 8.09646 21.8337 7.99805 21.8147C7.89963 21.7956 7.806 21.7572 7.72258 21.7016C7.63847 21.6464 7.56616 21.575 7.50989 21.4915C7.45361 21.4081 7.41447 21.3143 7.39476 21.2157L6.63305 17.4712C7.09757 17.2317 7.5742 17.0164 8.06102 16.8262L8.88877 20.9172C8.90895 21.0148 8.90955 21.1153 8.89051 21.2131C8.87147 21.3108 8.83319 21.4038 8.77789 21.4866ZM18.2993 13.9399L18.2848 13.9577C18.2621 13.9918 18.2322 14.0205 18.1972 14.0419C18.1623 14.0632 18.123 14.0766 18.0823 14.0811C17.6051 14.1472 16.7469 13.4636 16.4649 13.2384L16.4446 13.2225C15.3209 12.3287 14.1933 10.9056 13.2701 9.21487C12.2176 7.29275 11.5827 5.25928 11.5683 3.77491V3.74357C11.5649 3.37911 11.5591 2.76926 11.8006 2.52532C11.8387 2.48817 11.884 2.45938 11.9339 2.44078C11.9837 2.42218 12.0368 2.4142 12.0899 2.41733C12.4519 2.41733 13.1809 2.7331 14.1402 3.61871C14.8335 4.25893 15.8705 5.4068 16.8727 7.24069C17.7993 8.93043 18.3909 10.6472 18.5379 12.0751C18.6493 13.1203 18.4873 13.7239 18.2993 13.9399ZM13.2951 13.4973C10.3587 13.5571 7.97858 13.9727 4.91776 15.6523C4.11507 16.0891 3.12677 15.8692 2.66782 15.1528C2.54103 14.957 2.45815 14.736 2.42486 14.505C2.39157 14.2741 2.40867 14.0387 2.47498 13.815C2.59888 13.3946 2.87705 13.0683 3.35046 12.7877C6.41032 11.1114 8.04125 9.33057 9.67266 6.89069C10.0458 8.1002 10.5422 9.26819 11.1541 10.3762C11.7596 11.4868 12.477 12.5326 13.2951 13.4973Z" fill="white" />
            <path d="M22.575 6.69483C22.7142 6.61923 22.837 6.51677 22.9363 6.39338C23.0356 6.27 23.1094 6.12814 23.1536 5.97603C23.1983 5.82433 23.2125 5.66527 23.1954 5.50805C23.1782 5.35082 23.1301 5.19855 23.0538 5.06005C22.9777 4.92123 22.875 4.79876 22.7516 4.69963C22.6282 4.60049 22.4865 4.52663 22.3346 4.48227C22.1827 4.4379 22.0235 4.4239 21.8661 4.44107C21.7088 4.45823 21.5563 4.50622 21.4175 4.58229L20.6896 4.98146C20.5508 5.05753 20.4283 5.16018 20.3291 5.28358C20.23 5.40697 20.1561 5.54869 20.1118 5.70063C20.0674 5.85257 20.0534 6.01176 20.0706 6.16911C20.0877 6.32646 20.1357 6.47889 20.2118 6.6177C20.3156 6.8074 20.4685 6.96568 20.6545 7.07594C20.8405 7.18621 21.0528 7.2444 21.269 7.24442C21.6639 7.24442 22.025 7.02603 22.3431 6.83319C22.4246 6.78161 22.5022 6.73484 22.575 6.69483Z" fill="white" />
            <path d="M19.4139 4.17347C19.5224 4.20544 19.6349 4.22168 19.748 4.22167C19.9504 4.22091 20.1494 4.16918 20.3266 4.07126C20.4659 3.9962 20.5891 3.89423 20.6888 3.77126C20.7885 3.64829 20.8628 3.50676 20.9075 3.35487L21.1403 2.55796C21.1851 2.40629 21.1994 2.24726 21.1823 2.09004C21.1653 1.93282 21.1173 1.78053 21.041 1.64198C20.9654 1.50276 20.8628 1.37994 20.7394 1.28064C20.6159 1.18133 20.4739 1.10752 20.3217 1.06347C20.0149 0.973969 19.685 1.01003 19.4047 1.16373C19.1245 1.31743 18.9167 1.57617 18.8272 1.88303L18.5944 2.68042C18.5496 2.83209 18.5353 2.99113 18.5524 3.14834C18.5694 3.30556 18.6175 3.45785 18.6937 3.5964C18.7696 3.73545 18.8724 3.85805 18.996 3.9571C19.1196 4.05616 19.2617 4.1297 19.4139 4.17347Z" fill="white" />
            <path d="M24.8516 8.59371C24.7761 8.45439 24.6736 8.3315 24.5501 8.23217C24.4266 8.13285 24.2846 8.0591 24.1323 8.0152L23.3354 7.7809C23.1838 7.73592 23.0248 7.7215 22.8675 7.73846C22.7103 7.75543 22.558 7.80344 22.4194 7.87973C22.2801 7.9555 22.1573 8.05818 22.0579 8.18182C21.9586 8.30546 21.8849 8.4476 21.8409 8.59998C21.7966 8.75192 21.7827 8.9111 21.7999 9.06844C21.8171 9.22578 21.8651 9.37818 21.9412 9.51696C22.0173 9.65574 22.12 9.77817 22.2434 9.87726C22.3668 9.97635 22.5086 10.0502 22.6605 10.0945C22.7473 10.1195 22.8369 10.1504 22.9324 10.1832C23.1966 10.2733 23.4964 10.376 23.7958 10.376C24.0564 10.3752 24.3097 10.2903 24.5182 10.1339C24.7266 9.97757 24.8791 9.75815 24.9529 9.50824C24.9972 9.35668 25.0112 9.19782 24.9938 9.04084C24.9764 8.88387 24.9281 8.7319 24.8516 8.59371Z" fill="white" />
        </svg> <span> Promote Post</span>
    </h4>
    <form id="promoteForm" action="{{ route('superadmin.promote.post') }}" method="POST">
        @csrf
        <div class="row justify-center">
            <div class="col-12 col-md-3">
                <h4>Time</h4>
                <ul class="time-promote">
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onehour" id="OneHour"><label for="OneHour">One Hour</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="oneday" id="OneDay"><label for="OneDay">One Day</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onemonth" id="OneMonth"><label for="OneMonth">One month </label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="indefinitely" id="Indefinitely"><label for="Indefinitely">Indefinitely</label></li>
                </ul>
            </div>
            <div class="col-12 col-md-1 item-stretch">
                <div class="oroption">OR</div>
            </div>
            <div class="col-12 col-md-3">
                <h4>Reach</h4>
                <ul class="reach-promote">
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="100" id="100"><label for="100">100 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="500" id="500"><label for="500">500 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="1000" id="1000"><label for="1000">1,000 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="custom" id="customreach"><label for="customreach">Custom Reach</label></li>
                    <li class="customviews"><label for="customview">Views</label><input min="1" type="number" name="customview" id="customview"></li>
                </ul>
            </div>
            <div class="col-12 col-md-1 item-stretch">
                <div class="oroption">OR</div>
            </div>
            <div class="col-12 col-md-3">
                <h4>Unique Reach</h4>
                <ul class="reach-promote">
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="100" id="100ur"><label for="100ur">100 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="500" id="500ur"><label for="500ur">500 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="1000" id="1000ur"><label for="1000ur">1,000 Reach</label></li>
                    <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="custom" id="custom"><label for="custom">Custom Reach</label></li>
                    <li class="uniquereach"><label for="customuniqueviews">Views</label><input min="1" type="number" name="uniquereach" id="customuniqueviews"></li>
                </ul>
            </div>
        </div>
        {{-- <button class="promote-cancel">Cancel</button>
    <button type="submit" class="promote-post">Promote</button> --}}
        <div class="hstack justify-center">
            <a class="promote-cancel close-model-btn btn-dark" type="button">Cancel</a>
            <button type="submit" class="promote-post">Promote</button>
        </div>
    </form>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<script>
    window.addEventListener("load", function() {
        var phoneInput = document.getElementById("phone");
        var callingCode = document.getElementById("calling_code");
        var countryCode = document.getElementById("calling_country_code");


        // Initialize intlTelInput
        var iti = window.intlTelInput(phoneInput, {
            geoIpLookup: function(callback) {
                $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
                    var countryCode = (resp && resp.country) ? resp.country : "";
                    callback(countryCode);
                });
            }
            , initialCountry: "auto"
            , placeholderNumberType: "MOBILE"
            , separateDialCode: true
            , utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
        });

        // Pre-fill existing phone number if editing
        var prefilledPhoneNumber = phoneInput.value;

        // Existing phone number
        if (prefilledPhoneNumber && prefilledPhoneNumber.trim()) {

            iti.setNumber(callingCode.value + prefilledPhoneNumber);
        }

        // Event when input is changed
        phoneInput.addEventListener("input", function(event) {
            var inputValue = event.target.value.trim();
            inputValue = inputValue.replace(/\s+/g, '');
            if (inputValue && !inputValue.startsWith("+")) {
                // event.target.value = callingCode.value + inputValue; // Append country code if needed
                event.target.value = inputValue; // Append country code if needed
            }
        });

        // When country is changed in intlTelInput
        phoneInput.addEventListener("countrychange", function() {
            var selectedCountryData = iti.getSelectedCountryData();
            callingCode.value = '+' + selectedCountryData.dialCode;
            countryCode.value = selectedCountryData.iso2.toUpperCase();
        });
    });

    $(document).ready(function() {
        $('#fileInput-cover').on('change', function(e) {
            var file = e.target.files[0];
            var reader = new FileReader();
            reader.onload = function() {
                $('.cover-photo').find('svg').remove();
                $('.cover-photo').find('.preview-image').remove();
                $('.cover-photo').prepend('<img src="' + reader.result + '" class="preview-image">');
            }
            reader.readAsDataURL(file);
        });
        $('#fileInput-profile').on('change', function(e) {
            var file = e.target.files[0];
            var reader = new FileReader();
            reader.onload = function() {
                $('.profile-photo').find('svg').remove();
                $('.profile-photo').find('.preview-image').remove();
                $('.profile-photo').prepend('<img src="' + reader.result + '" class="preview-image">');
            }
            reader.readAsDataURL(file);
        });
        $('.time-input-container').each(function() {
            var $container = $(this);
            toggleRemoveButtonVisibility($container);
        });
    });
    function toggleRemoveButtonVisibility($container) {
        if ($container.find('.attr').length > 1) {
            $container.find('.remove').show(); // Show remove buttons
        } else {
            $container.find('.remove').hide(); // Hide remove buttons
        }
    }
    // append and remove time
    function addRow(targetId) {
        // var newRow = $(".attr").parent().clone(true);
        // newRow.appendTo("#" + targetId);
        // $("#" + targetId).find(".remove").show();

        var parentDiv = $("#" + targetId);
        var newRow = parentDiv.find(".attr:first").clone(true);
        newRow.appendTo(parentDiv);
        newRow.find("input[type='time']").val(''); // Clear cloned input values
        parentDiv.find(".remove").show();
    }
    $(".remove").hide();

    $(".add").on('click', function() {
        var targetId = $(this).data('target');
        addRow(targetId);
    });

    $(".mass-time").on('click', '.remove', function() {
        var targetId = $(this).closest('.mass-time').find('.time-input-container').attr('id');
        removeRow($(this), targetId);
    });

    function removeRow(button, targetId) {
        button.closest(".attr").remove();
        if ($("#" + targetId + " .attr").length === 1) {
            $("#" + targetId).find(".remove").hide();
        }
    }

    // time tabs
    var userReportRadio = document.getElementById("userReport");
    var feedReportRadio = document.getElementById("feedReport");
    var chatReportRadio = document.getElementById("chatReport");
    var reportedUser = document.getElementById("reported-user");
    var reportedFeed = document.getElementById("reported-feed");
    var reportedChat = document.getElementById("reported-chat");
    userReportRadio.addEventListener("change", function() {
        if (userReportRadio.checked) {
            reportedUser.classList.add("show");
            reportedFeed.classList.remove("show");
            reportedChat.classList.remove("show");
        }
    });
    feedReportRadio.addEventListener("change", function() {
        if (feedReportRadio.checked) {
            reportedUser.classList.remove("show");
            reportedFeed.classList.add("show");
            reportedChat.classList.remove("show");
        }
    });
    chatReportRadio.addEventListener("change", function() {
        if (chatReportRadio.checked) {
            reportedUser.classList.remove("show");
            reportedFeed.classList.remove("show");
            reportedChat.classList.add("show");
        }
    });

    $(document).ready(function() {
        var postId;
        $(".delete-post-action").click(function() {
            $("body").addClass("bodyscrolling");
            $(".delete-post-modal").fadeIn(300);
            var e_post_id = $(this).attr('data-delete_post_id');
            $("#delete_post_id").val(e_post_id);
            postId = $(this).closest('.post').data('post-id');
        })
        $(".direct-delete").click(function() {
            $("body").addClass("bodyscrolling");
            $(".delete-post-modal").fadeIn(300);
            postId = $(this).closest('.post').data('post-id');
        })
        $(".close-modal").click(function() {
            $("body").removeClass("bodyscrolling");
            $(".delete-post-modal").fadeOut(300);
        });

        $(document).on('click', '.direct-delete', function(event) {
            event.preventDefault();
            // Get the URL from the data-url attribute
            var url = $(this).data('url');
            var isDelete = $(this).data('delete');

            // Get the value of the "sendmail" checkbox
            var sendMailValue = $("#sendmail").prop("checked");

            // Get the value of the "sendmessage" checkbox
            var sendMessageValue = $("#sendmessage").prop("checked");
            var postId = $("#delete_post_id").val();
            var reason = $("#reason").val();
            // Output the values (just for demonstration)
            $.ajax({
                type: 'POST'
                , url: this.getAttribute('data-url')
                , data: {
                    _token: $('input[name="_token"]').val(), // Include CSRF token
                    postId: postId
                    , sendMail: sendMailValue
                    , sendSms: sendMessageValue
                    , isDelete: isDelete
                    , reason: reason
                }
                , dataType: 'json'
                , success: function(response) {
                    $("body").removeClass("bodyscrolling");
                    $(".delete-post-modal").fadeOut(300);
                    $("#listPost" + postId).remove();
                    toastr.success(response.message);
                }
                , error: function(xhr, status, error) {
                    var responseJson = JSON.parse(xhr.responseText);
                    if (responseJson && responseJson.errors) {
                        errorMessage = responseJson.errors;
                    }
                    toastr.error(errorMessage);
                }
            });
        });
    });
</script>
<script defer>
    let autocomplete;
    let address1Field;

    function initAutocomplete() {
        address1Field = document.querySelector("#address_line_1");
        autocomplete = new google.maps.places.Autocomplete(address1Field, {
            fields: ["address_components", "geometry"]
            , types: ["address"]
        , });
        autocomplete.addListener("place_changed", fillInAddress);
    }

    function fillInAddress() {
        const place = autocomplete.getPlace();
        if (place.geometry) {
            document.getElementById("parish_lat").value = place.geometry.location.lat();
            document.getElementById("parish_long").value = place.geometry.location.lng();
        }
        let address1 = "";
        for (const component of place.address_components) {
            const componentType = component.types[0];
            switch (componentType) {
                case "street_number":
                    address1 = `${component.long_name} ${address1}`;
                    break;
                case "route":
                    address1 += component.long_name;
                    break;
                case "postal_code":
                    document.querySelector("#pincode").value = component.long_name;
                    break;
                case "locality":
                    document.querySelector("#city").value = component.long_name;
                    break;
                case "administrative_area_level_1":
                    document.querySelector("#state").value = component.long_name;
                    document.querySelector("#state_code").value = component.short_name;
                    break;
                case "country":
                    document.querySelector("#country").value = component.long_name;
                    document.querySelector("#country_code").value = component.short_name;
                    break;
            }
        }
        address1Field.value = address1.trim();
    }
    document.addEventListener("DOMContentLoaded", function() {
        const form = document.getElementById("parish_frm");

        form.addEventListener("keydown", function(event) {
            if (event.key === "Enter") {
                event.preventDefault(); // Prevent default form submission behavior
                //   submitForm();
            }
        });
        // function submitForm() {
        //   // Perform form submission logic here
        //   // You can use AJAX to submit the form data asynchronously if needed
        // }
    });

</script>
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDIU5S9NHlL5_3rXucRXK04gfW-_aOagFk&loading=async&libraries=places&callback=initAutocomplete">
</script>
@endsection