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

{{-- {{ dd($attributes->all()) }} --}}
<x-pending.accordions.accordion-template title="Inspection" targetId="pending-inspection">

    <div class="row mt-4 px-5">

        @isset($inspections['type_of_inspection'])
        @foreach (json_decode($inspections['type_of_inspection'], true) as $inspection)
        <div class="col-md-12 mt-3 multi-company-inspection-section px-5">
            <div class="row">
                <div class="col-md-3 ">
                    <label class="form-label">Type of Inspection</label>
                    <select id="" name="type_of_inspection[]" class="default-select form-control form-control-sm wide">
                        <option @selected(old('type_of_inspection', $inspection['type_of_inspection'] ?? '' )=="" )>
                            Choose Option</option>
                        <option value="General" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="General" )>General</option>
                        <option value="Radon" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Radon" )>Radon</option>
                        <option value="Termite" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Termite" )>Termite</option>
                        <option value="Septic Tanks" @selected(old('type_of_inspection',
                            $inspection['type_of_inspection'] ?? '' )=="Septic Tanks" )>Septic Tanks</option>
                        <option value="Wells" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Wells" )>Wells</option>
                        <option value="Mold" @selected(old('type_of_inspection', $inspection['type_of_inspection'] ?? ''
                            )=="Mold" )>Mold</option>
                        <option value="Pest" @selected(old('type_of_inspection', $inspection['type_of_inspection'] ?? ''
                            )=="Pest" )>Pest</option>
                        <option value="Lead Based Paint" @selected(old('type_of_inspection',
                            $inspection['type_of_inspection'] ?? '' )=="Lead Based Paint" )>Lead Based Paint </option>
                        <option value="Chimney" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Chimney" )>Chimney</option>
                        <option value="Roof" @selected(old('type_of_inspection', $inspection['type_of_inspection'] ?? ''
                            )=="Roof" )>Roof</option>
                        <option value="Structural" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Structural" )>Structural
                        </option>
                        <option value="Electrical" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Electrical" )>Electrical
                        </option>
                        <option value="Plumbing" @selected(old('type_of_inspection', $inspection['type_of_inspection']
                            ?? '' )=="Plumbing" )>Plumbing
                        </option>
                        <option value="Add New +">Add New +
                        </option>
                    </select>
                </div>
                <div class="col-md-3">
                    <x-input-label for="company" :value="__('Company')" />
                    <x-text-input name="inspection_company_title[]" placeholder="Enter Company Name"
                        :value="old('inspection_company_title', $inspection['inspection_company_title'] ?? '' )" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Date" :value="__('Date')" />
                    <x-text-input type="date" name="inspection_date[]"
                        :value="old('inspection_date', $inspection['inspection_date'] ?? '' )" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Completion Date" :value="__('Completion Date')" />
                    <x-text-input type="date" name="inspection_completion_date[]"
                        :value="old('inspection_completion_date', $inspection['inspection_completion_date'] ?? '' )" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Status" :value="__('Status')" />
                    <select id="" name="inspection_status[]" class="default-select form-control form-control-sm wide">
                        <option value="" @selected(old('inspection_status', $inspection['inspection_status'] ?? '' )==""
                            )>Choose Option</option>
                        <option value="Completion" @selected(old('inspection_status', $inspection['inspection_status']
                            ?? '' )=="Completion" )>Completion</option>
                        <option value="Extended" @selected(old('inspection_status', $inspection['inspection_status']
                            ?? '' )=="Extended" )>Extended</option>
                        <option value="Waived" @selected(old('inspection_status', $inspection['inspection_status'] ?? ''
                            )=="Waived" )>Waived</option>
                    </select>
                </div>
                <span class="mt-4 position-absolute px-1 w-auto pt-2" style="right: 1% !important ;">
                    <i
                        class="add-inspection-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary"></i>
                </span>
            </div>
        </div>
        @endforeach
        @endisset

        @empty($inspections['type_of_inspection'])
        <div class="col-md-12 mt-3 multi-company-inspection-section">
            <div class="row">
                <div class="col-md-3">
                    <label class="form-label">Type of Inspection</label>
                    <select id="" name="type_of_inspection[]" class="default-select form-control form-control-sm wide">
                        <option value="">Choose Option</option>
                        <option value="">General</option>
                        <option value="Radon">Radon</option>
                        <option value="Termite">Termite</option>
                        <option value="Septic Tanks">Septic Tanks</option>
                        <option value="Wells">Wells</option>
                        <option value="Mold">Mold</option>
                        <option value="Pest">Pest</option>
                        <option value="Lead Based Paint">Lead Based Paint </option>
                        <option value="Chimney">Chimney</option>
                        <option value="Roof">Roof</option>
                        <option value="Structural">Structural
                        </option>
                        <option value="Electrical">Electrical
                        </option>
                        <option value="Plumbing">Plumbing
                        </option>
                        <option value="Add New +">Add New +
                        </option>
                    </select>
                </div>
                <div class="col-md-3">
                    <x-input-label for="company" :value="__('Company')" />
                    <x-text-input name="inspection_company_title[]" placeholder="Enter Company Name" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Date" :value="__('Date')" />
                    <x-text-input type="date" name="inspection_date[]" placeholder="" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Completion Date" :value="__('Completion Date')" />
                    <x-text-input type="date" name="inspection_completion_date[]" placeholder="" />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Status" :value="__('Status')" />
                    <select id="" name="inspection_status[]" class="default-select form-control form-control-sm wide">
                        <option value="">Choose Option</option>
                        <option value="Completion">Completion</option>
                        <option value="Extended">Extended</option>
                        <option value="Waived">Waived</option>
                    </select>
                </div>
                <span class="mt-4 position-absolute px-1 w-auto pt-2" style="right: 1% !important ;">
                    <i
                        class="add-inspection-inputs border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary"></i>
                </span>
            </div>
        </div>
        @endempty



        <div class="col-md-3 mt-3">
            <x-input-label for="Inspection Response" :value="__('Inspection Response')" />
            <select id="" name="residential_inspection_response"
                class="default-select form-control form-control-sm wide inspection-response">
                <option @selected(old('residential_inspection_response', $inspections['residential_inspection_response']
                    ?? '' )=="" )>Choose Option</option>
                <option value="seller-accept" @selected(old('residential_inspection_response',
                    $inspections['residential_inspection_response'] ?? '' )=="seller-accept" )>Seller Accept
                </option>
                <option value="seller-counters" @selected(old('residential_inspection_response',
                    $inspections['residential_inspection_response'] ?? '' )=="seller-counters" )>Seller Counters
                </option>
                <option value="withdraw" @selected(old('residential_inspection_response',
                    $inspections['residential_inspection_response'] ?? '' )=="withdraw" )>Withdraw / Release</option>
                <option value="relist" @selected(old('residential_inspection_response',
                    $inspections['residential_inspection_response'] ?? '' )=="relist" )>Re list</option>
            </select>
        </div>
        <div class="col-md-3 mt-3 pt-4">
            <div class="form-check">
                <input class="form-check-input set-schedule-close-date" type="checkbox"
                    name="residential_inspection_send_to_tc" value="1"
                    @selected(old('residential_inspection_send_to_tc', $inspection['residential_inspection_send_to_tc']
                    ?? '' )=="1" ) />
                <label class="form-check-label" for="flexCheckDefault">
                    Inspection Response Send To TC
                </label>
            </div>
        </div>
    </div>


    <!-- response is seller counter  section  -->
    <div class="row seller-counter-section" id=""
        style="{{ (isset($inspection['residential_inspection_response']) && $inspection['residential_inspection_response'] === "
        seller-counters" ) ? '' : 'display: none' }}">

        {{-- this section for edit form  --}}
        @isset($inspections['inspection_counter_offer'])
        @foreach ( json_decode($inspections['inspection_counter_offer'], true) as $offer)
        <div class="col-md-12 mb-3 counter-offer-section" id="">
            <div class="row mt-4">
                <h5 class="text-primary"> Counter Offer </h5>
                <div class="col-md-3">
                    <x-input-label for="Title" :value="__('Title')" />
                    <x-text-input name="inspection_counter_offer_title[]" placeholder="Enter Title" :value="old('inspection_counter_offer_title', $offer['inspection_counter_offer_title'] ?? '')" />
                </div>
                <div class="col-md-3">
                    <x-input-label for="Date" :value="__('Date')" />
                    <x-text-input type="date" name="inspection_counter_offer_date[]" :value="old('inspection_counter_offer_date', $offer['inspection_counter_offer_date'] ?? '')"  />
                </div>
                <div class="col-md-2">
                    <x-input-label for="Document" :value="__('Document')" />
                    <x-text-input type="file" name="inspection_counter_offer_document[]" :value="old('inspection_counter_offer_document', $offer['inspection_counter_offer_document'] ?? '')"  />
                </div>
                <div class="col-md-4">
                    <x-text-area name="inspection_counter_offer_note[]" rows='2' />
                </div>
                <span class="position-absolute px-1 w-auto mt-4 pt-4" style="right: 1% !important ;">
                    <i
                        class="border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary mb-2 add-counter-offer-inputs"></i>
                </span>
            </div>
        </div>
        @endforeach
@endisset
 
{{-- this section for add form  --}}
@empty($inspections['inspection_counter_offer'])
<div class="col-md-12 mb-3 counter-offer-section" id="">
    <div class="row mt-4">
        <h5 class="text-primary"> Counter Offer </h5>
        <div class="col-md-3">
            <x-input-label for="Title" :value="__('Title')" />
            <x-text-input name="inspection_counter_offer_title[]" placeholder="Enter Title" />
        </div>
        <div class="col-md-3">
            <x-input-label for="Date" :value="__('Date')" />
            <x-text-input type="date" name="inspection_counter_offer_date[]" />
        </div>
        <div class="col-md-2">
            <x-input-label for="Document" :value="__('Document')" />
            <x-text-input type="file" name="inspection_counter_offer_document[]" />
        </div>
        <div class="col-md-4">
            <x-text-area name="inspection_counter_offer_note[]" rows='2' />
        </div>
        <span class="position-absolute px-1 w-auto mt-4 pt-4" style="right: 1% !important ;">
            <i
                class="border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary mb-2 add-counter-offer-inputs"></i>
        </span>
    </div>
</div>
@endempty

        <div class="col-md-12">
            <div class="d-flex">
                <div class="col-md-3">
                    <div class="form-check">
                        <input class="form-check-input counter-offer-option" type="radio" name="counter-offer-option"
                            value="counter-offer-accepted" id="renegotiate-radio">
                        <label class="form-check-label" for="renegotiate-radio">
                            Counter offer Accepted
                        </label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-check">
                        <input class="form-check-input counter-offer-option" type="radio" name="counter-offer-option"
                            value="withdraw-released" id="withdraw-released-radio">
                        <label class="form-check-label" for="withdraw-released-radio">
                            Withdraw / Released
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>


    {{-- Common section for Seller Accept and Counter offer Accepted --}}
    {{-- Show this section immediately for Seller Accept, and on click of "Counter offer Accepted" in seller counter
    --}}
    <div class="row seller-accept-counter-offer-section mt-1"
        style="{{ (isset($inspection['residential_inspection_response']) && $inspection['residential_inspection_response'] === "
        seller-accept" ) ? '' : 'display: none' }}">
        <div class="col-12">

            <div class="row">
                <div class="col-12">
                    <x-pending.schedule-remote-live-closing scheduleClosing="residential_inspection_schedule_closing"
                        closingDate="residential_inspection_schedule_closing_date"
                        remoteClosing="residential_inspection_remote_closing"
                        remoteType="residential_inspection_remote_closing_type"
                        liveClosing="residential_inspection_live_closing"
                        liveType="residential_inspection_live_closing_type" :data="$inspections" />
                </div>

                <div class="col-12">
                    <div class="row">
                        <x-pending.provide-utility-company title="Provide Utility companies"
                            name="inspection_utility_name[]" email="inspection_utility_email[]"
                            phone="inspection_utility_phone[]" :data="$inspections['utility_companies'] ?? '' "
                            name-value="inspection_utility_name" email-value="inspection_utility_email"
                            phone-value="inspection_utility_phone" />

                        <div class="col-md-12 m-auto p-3">
                            <hr class="m-auto w-50">
                        </div>

                        <div class="col-md-12">
                            <x-pending.provide-utility-company-check-boxes
                                removeSign="residential_inspection_remove_sign" close="residential_inspection_close"
                                markAsSold="residential_inspection_mark_as_sold"
                                marketAsSold="residential_inspection_market_as_sold"
                                lock="residential_inspection_remove_lockbox" :data="$inspections" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </x-pending.check-box-accordion>