@props(['inspection' => []])


<x-buyer-lender-process.template.accordion-template title="Inspection" targeId="Inspection-accordion-content">
    <div class="px-5">
    <div x-data="{ inspectionStatus : '', repairRequestStatus : '', CounterOfferAcceptedOrWithdrawRelease : 'withdraw-released'}"
        class="inspection-section border border-1 rounded p-3">
        <div class="row">
            <h6 class="text-primary">Inspection </h6>
            <div class="col-md-3">
                <label class="form-label">Inspection Status</label>
                <select class="form-control form-control-sm" name="inspection_status" x-model="inspectionStatus">
                    <option selected value="" @selected(old('inspection_status', $inspection['inspection_status'] ?? '') == '')>Select Option</option>
                    <option value="accepted-as-is" @selected(old('inspection_status', $inspection['inspection_status'] ?? '') == 'accepted-as-is') >Accepted As Is</option>
                    <option value="repairs-requested" @selected(old('inspection_status', $inspection['inspection_status'] ?? '')== 'repairs-requested') >Repairs Requested</option>
                </select>
            </div>
        </div>

        <!-- Accepted As Is section  -->
        <div class="row " x-show="inspectionStatus == 'repairs-requested' " x-cloak>
            <div class="col-md-3 mb-3 mt-4">
                <label class="form-label">Repairs Requested Status </label>
                <select class="form-control form-control-sm" x-model="repairRequestStatus" name="inspections_remedy_title_issues">
                    <option value="" @selected(old('inspections_remedy_title_issues', $inspection['inspections_remedy_title_issues'] ?? '') == '')>Choose Option</option>
                    <option value="accepted" @selected(old('inspections_remedy_title_issues', $inspection['inspections_remedy_title_issues'] ?? '') == 'accepted')>Accept </option>
                    <option value="counter" @selected(old('inspections_remedy_title_issues', $inspection['inspections_remedy_title_issues'] ?? '') == 'counter')>Counter </option>
                    <option value="kill-the-deal" @selected(old('inspections_remedy_title_issues', $inspection['inspections_remedy_title_issues'] ?? '') == 'kill-the-deal')>Kill the Deal </option>
                </select>
            </div>
            <!-- column for show hide section accordion to make offer drop down  -->
            <div class="col-md-12">

                <!-- Repairs Requested Status counter section  -->
                <div class="row mt-3" x-show="repairRequestStatus == 'counter'" x-cloak>
                    <div class="col-md-12 mb-3 counter-offer-section" id="">
                        <x-property-common.counter-offer title="title" date="date" document="document" note="note" />
                    </div>


                    <div class="col-md-12">
                        <div class="row mt-2 mb-2">
                            <div class="col-md-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="" value="counter-offer-accepted"
                                        x-model="CounterOfferAcceptedOrWithdrawRelease" id="counterOfferAccepted">
                                    <x-input-label type="checkbox" for="counterOfferAccepted"
                                        :value="__('Counter offer Accepted')" />
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="" value="withdraw-released"
                                        x-model="CounterOfferAcceptedOrWithdrawRelease" id="withdrawReleased">
                                    <x-input-label type="checkbox" for="withdrawReleased"
                                        :value="__('Withdraw / Released')" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Repairs Requested Status declined section  -->
                <div class="row mt-3" x-show="repairRequestStatus == 'kill-the-deal'" x-cloak>
                    <div class="col-md-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" />
                            <x-input-label type="checkbox" for="Return Escrow" :value="__('Return Escrow')" />
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" />
                            <x-input-label type="checkbox" for="Litigate Escrow Release"
                                :value="__('Litigate Escrow Release')" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row"
            x-show="inspectionStatus == 'accepted-as-is' || repairRequestStatus === 'accepted' || CounterOfferAcceptedOrWithdrawRelease === 'counter-offer-accepted'"
            x-cloak>
            <div class="row mt-3">
                <x-property-common.schedule-remote-live-closing scheduleClosing="inspections_schedule_closing"
                    closingDate="inspections_set_schedule_closing_date" remoteClosing="inspections_remote_closing"
                    remoteType="inspections_buyer_or_seller" liveClosing="inspections_live_closing"
                    liveType="inspections_live_buyer_or_seller" :data="$inspection"/>

    
                <div class="col-12">
                    <div class="row">
                        <x-property-common..provide-utility-company title="Provide Utility companies"
                            name="utility_name[]" email="utility_contact[]" phone="utility_phone[]" name-value="utility_name"
                            email-value="utility_contact" phone-value="utility_phone" :data="$inspection['inspections_utility'] ?? ''"/>

                        <div class="col-md-12 mt-3">
                            <x-property-common.provide-utility-company-check-boxes removeSign="inspections_close"
                                close="inspections_remove_sign" markAsSold="inspections_mark_as_sold" marketAsSold="inspections_market_as_sold"
                                lock="inspections_remove_lockbox" :data="$inspection"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</x-buyer-lender-process.template.accordion-template>