@if(!empty($zoning))

<div class="accordion-item" id="zoning" style="display: none;">
    <h2 class="accordion-header accordion-header-primary">
        <button class="accordion-button collapsed bg-primary text-white" type="button" data-bs-toggle="collapse" data-bs-target="#zoning_1"
            aria-expanded="true" aria-controls="zoning_1">
            Zoning
        </button>
    </h2>
    <div id="zoning_1" class="accordion-collapse collapse" data-bs-parent="#accordion-one">
        <div class="accordion-body  pt-4" id="section-advance-property">
            <div class="row">

                {{-- {{ dd($zoning['zoning_code']) }} --}}
                {{-- <div class="mb-3 col-md-3">
                    <x-input-label for="zoning_code" :value="__('Zoning Code')" />
                    <x-text-input name="zoning_code" placeholder="Enter Zoning Code" value="{{ old('zoning_code', $zoning['zoning_code']) }}" />
                </div> --}}
                <div class="mb-3 col-md-3">
                    <x-input-label for="zoning_code" :value="__('Zoning Code')" />
                    <x-text-input name="zoning_code" placeholder="Enter Zoning Code" value="{{ old('zoning_code', $zoning['zoning_code'] ?? '') }}" />
                </div>
                

                <div class="mb-3 col-md-3">
                    <x-input-label for="city_county_zoning_jurisdiction"
                        :value="__('City/County – Zoning Jurisdiction')" />
                    <x-text-input name="zoning_jurisdiction" placeholder="Enter City/County – Zoning Jurisdiction" value="{{ old('zoning_jurisdiction', $zoning['zoning_jurisdiction'] ?? '') }}" />
                </div>


                <div class="mb-3 col-md-3">
                    <label class="form-label">Zoning & Planning Director</label>
                    <select class="default-select form-control form-control-sm wide" name="zoning_director">
                        <option selected value="">Select Contact</option>
                        @forelse ($contacts as $contact)
                        <option value="{{ $contact['id'] }}" @selected($contact['id'] == $zoning['zoning_director'])> {{ $contact['f_name'] }} {{ $contact['l_name'] }}</option>
                        @empty
                        <option value=""> Contact Not Found</option>
                        @endforelse
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="email" :value="__('Email')" />
                    <x-text-input name="zoning_email" placeholder="Enter Email Address" value="{{ old('zoning_email', $zoning['zoning_email'] ?? '') }}" />
                </div>
                <div class="mb-3 col-md-3">
                    <x-input-label for="phone" :value="__('Phone')" />
                    <x-text-input name="zoning_phone" placeholder="Enter Phone Number" value="{{ old('zoning_phone', $zoning['zoning_phone'] ?? '') }}" />
                </div>
                <div class="mb-3 col-md-3" id="is-zoned-agricultural-section" style="display:block">
                    <label class="form-label">Is Zoned Agricultural</label>
                    <select class="form-control form-control-sm wide" name="is_zoned_agricultural" id="">
                        <option selected value=""  @selected(old('is_zoned_agricultural', $zoning['is_zoned_agricultural']) == "")>Selecte Option</option>
                        <option value="yes" @selected(old('is_zoned_agricultural', $zoning['is_zoned_agricultural']) == "yes")>Yes</option>
                        <option value="no" @selected(old('is_zoned_agricultural', $zoning['is_zoned_agricultural']) == "no")>No</option>
                    </select>
                </div>
            </div>

            <div class="row">
                <div class="mb-3 col-md-3">
                    <label class="form-label">Potential Highest & Best Use By Code</label>
                    <select class="multi-select form-control form-control-sm wide potential-highest-best-user-by-code"
                    multiple name="potential_highest_best_use[]" id="potential_highest_best_use">
                    @php
                        $potentialUses = [
                            "Bank", "Convenience Store", "Day-care/Nursery", "Fast Food", "Gas Station", "Grocery Store",
                            "Pharmacy/Drug Store", "Restaurant", "Bar", "Store Front", "Shopping Center", "Auto Shop",
                            "Multi-Family", "Student Housing Building", "Apartment Building", "RV Park",
                            "Single-family rental portfolio", "Traditional Office", "Executive Office", "Medical Office",
                            "Creative Office", "Distribution", "Flex", "Warehouse", "R&D Manufacturing", "Truck Terminal",
                            "Refrigerated/Cold Storage", "Hotel", "Motel", "Casino", "Mixed Use", "Residential",
                            "Commercial", "Industrial", "Island", "Farms", "Ranch", "Timber", "Hunting/Recreational",
                            "Self Storage", "Mobile Homepark", "Senior Living", "Telecom/Data Center", "Sports/Entertainment",
                            "Marina", "Golf Course", "School", "Religious/Church", "Garage/Parking", "Car Wash", "Airport"
                        ];
                        $selectedUses = json_decode($zoning['potential_highest_best_use'] ?? '[]');
                    @endphp
            
                @foreach ($potentialUses as $use)
                    <option value="{{ $use }}" {{ in_array($use, $selectedUses) ? 'selected' : '' }}>{{ $use }}</option>
                @endforeach
            </select>
            
                </div>
                <div class="mb-3 col-md-6">
                    {{--
                    <x-input-label for="zoning_description" :value="__('Zoning Description')" /> --}}
                    <textarea name="zoning_description" placeholder="write Zoning Description" id="" cols="30" rows="3"
                        class="form-control form-control-sm">{{ old('zoning_description', $zoning['zoning_description'] ?? '') }}</textarea>
                </div>

            </div>
        </div>
    </div>
</div>
@endif