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

<x-buyer-lender-process.template.accordion-template title="Title Company" targeId="titleCompany">

    <div class="px-4">

        <div x-data="{ ClearToCloseTemedyTitleIssueRadio: '{{ $companies[0]['company_clear_close_remedy_title_issues'] ?? 'remedyTitleIssues' }}', remedyTitleStatus: '' }" class="title-company-section border border-1 rounded p-3">
            <div class="row  px-5">
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-md-4">
                            <x-input-label for="name" :value="__('Name')" />
                            <x-text-input name="company_name" placeholder="Enter Name" :value="old('company_name', $companies[0]['company_name'] ?? '')" />
                        </div>
                        <div class="col-md-4">
                            <x-input-label for="Email" :value="__('Email')" />
                            <x-text-input name="company_email" placeholder="Enter Email Address" :value="old('company_email', $companies[0]['company_email'] ?? '')" />
                        </div>
                        <div class="col-md-4">
                            <x-input-label for="Phone" :value="__('Phone')" />
                            <x-text-input name="company_phone" placeholder="Enter Phone" :value="old('company_phone', $companies[0]['company_phone'] ?? '')" />
                        </div>
                        <div class="col-md-4 mt-3">
                            <x-input-label for="Title Search" :value="__('Title Search')" />
                            <x-text-input name="company_title_search" placeholder="Enter Title Search"
                                :value="old('company_title_search', $companies[0]['company_title_search'] ?? '')" />
                        </div>
                        <div class="col-md-4 mt-3">
                            <x-input-label for=" ALTA Report" :value="__(' ALTA Report')" />
                            <x-text-input name="company_alta_reports" placeholder="Enter  ALTA Report"
                                :value="old('company_alta_reports', $companies[0]['company_alta_reports'] ?? '')" />
                        </div>
                        <div class="col-md-4 mt-3">
                            <x-input-label for="alta file" :value="__('ALTA File')" />
                            <x-text-input type="file" name="company_alta_file" placeholder="Enter  ALTA File"
                                :value="old('company_alta_file', $companies[0]['company_alta_file'] ?? '')" />
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col p-0 pe-1">
                            <x-text-area class="pe-1" name="company_note" rows="5"
                                placeholder="Write your notes here..." :value="old('company_note', $companies[0]['company_note'] ?? '')" />
                        </div>
                    </div>
                </div>
            </div>


            <div class="row mt-4">
                <div class="col-md-3">
                    <div class="form-check">
                        <input class="form-check-input" type="radio" x-model="ClearToCloseTemedyTitleIssueRadio"
                            value="clearedToClose" name="company_clear_close_remedy_title_issues" />
                        <label class="form-check-label"> Cleared To Close </label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-check">
                        <input class="form-check-input" type="radio" x-model="ClearToCloseTemedyTitleIssueRadio"
                            value="remedyTitleIssues" name="company_clear_close_remedy_title_issues" />
                        <label class="form-check-label"> Remedy Title Issues</label>
                    </div>
                </div>
            </div>


            <!-- Remedy Title Issues section  -->
            <div class="row border border-1 m-0 mt-3" x-show="ClearToCloseTemedyTitleIssueRadio === 'remedyTitleIssues'"
                x-cloak>
                <div class="col-3 pt-3 pb-3">
                    <x-input-label form="remedy title status" :value="__('Remedy Title Status')" />
                    <select class="form-control form-control-sm" name="company_remedy_title_status"
                        x-model="remedyTitleStatus">
                        <option value="" selected>Select one</option>
                        <option value="yes">Yes</option>
                        <option value="no">No</option>
                    </select>
                </div>

                <!-- Remedy Title Status No Section  -->
                <div class="col-12 mt-3 mb-3" x-show="remedyTitleStatus === 'no'" x-cloak>
                    <button type="button" class="btn btn-danger btn-sm">
                        Kill the Deal
                    </button>
                </div>
            </div>

            <!-- Cleared To Close section  -->
            <div class="row border border-1 m-0"
                x-show="ClearToCloseTemedyTitleIssueRadio === 'clearedToClose' || remedyTitleStatus === 'yes'" x-cloak>
                <div class="row mt-3">

                    <x-property-common.schedule-remote-live-closing scheduleClosing="company_schedule_closing"
                        closingDate="company_set_schedule_closing_date" remoteClosing="company_remote_closing"
                        remoteType="company_buyer_or_seller" liveClosing="company_live_closing"
                        liveType="company_live_buyer_or_seller" :data="$companies[0] ?? []" />



                    <div class="col-12">
                        <div class="row">
                            <x-property-common..provide-utility-company title="Provide Utility companies"
                                name="title_company_company_name[]" email="title_company_company_email[]"
                                phone="title_company_company_phone[]" name-value="company_name"
                                email-value="company_email" phone-value="company_phone" :data="$companies[0]['company_utility'] ?? ''" />

                            <div class="col-md-12 mt-3 mb-3">
                                <x-property-common.provide-utility-company-check-boxes removeSign="company_remove_sign"
                                    close="company_close" markAsSold="mark_as_sold" marketAsSold="market_as_sold"
                                    lock="remove_lockbox" :data="$companies[0] ?? []" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-buyer-lender-process.template.accordion-template>