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

<h4 class="mb-0 pb-0 pt-2 mt-3 text-primary">Organization OR LLC </h4>
<div class="row pe-5">
    <div class="col-md-12">
        <div id="add-multiple-organization-section">

            @forelse ( $organizations  as $index => $organization)



            @php
                $organizationName = str_replace('"', '', $organization['company_name']);
            @endphp

            <div class="row border mt-3 new-row pb-4 organization-container" data-org-index="{{ $index }}">

                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-3">
                            <x-input-label for="conpany name">{{ __('Company Name') }}</x-input-label>
                            <x-text-input placeholder="Enter Company Name" name="company_name[]"
                            value="{{ $organizationName }}" />
                        </div>
                        <div class="col-md-4 d-flex justify-content-between mt-2 pt-4">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="sign_requirement_{{ $index }}[]"
                                    value="any_party_can_sign_independently"
                                    @checked(old('any_party_can_sign_independently',
                                    $organization['sign_requirement'])) />
                                <label class="form-check-label" for="">Any Party can sign independently</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="sign_requirement_{{ $index }}[]"
                                    value="must_all_party_sign" @checked(old('must_all_party_sign',
                                    $organization['sign_requirement'])) />
                                <label class="form-check-label" for=""> Must all party sign </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="add-multiple-member-to-organization-section mt-3">

                    @php
                    // dd($organization['organizations']);
                        $count = count(json_decode($organization['organization_name']));

                        $names = json_decode($organization['organization_name']);
                        $emails = json_decode($organization['organization_email']);
                        $phones = json_decode($organization['organization_phone']);
                        $authorized = json_decode($organization['organization_authorized_to_sign']);
                    @endphp

                        @for ($i=0 ; $i< $count ; $i++) 

                            <div class="row mt-2">
                                <div class="col-md-3">
                                    <x-input-label for="name">{{ __('Name') }}</x-input-label>
                                    <x-text-input placeholder="Enter Name"
                                        name="organization_name__{{ $index }}[]" value="{{ $names[$i] }}" />
                                </div>
                                <div class="col-md-3">
                                    <x-input-label for="Email">{{ __('Email') }}</x-input-label>
                                    <x-text-input placeholder="Enter Valid Email"
                                        name="organization_email__{{ $index }}[]" value="{{ $emails[$i] }}" />
                                </div>
                                <div class="col-md-3">
                                    <x-input-label for="Phone">{{ __('Phone') }}</x-input-label>
                                    <x-text-input placeholder="Enter Phone Number"
                                        name="organization_phone__{{ $index }}[]" value="{{  $phones[$i] }}" />
                                </div>
                                <div class="col-md-2 mt-2 pt-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="Yes"
                                            name="organization_authorized_to_sign__{{ $index }}[]"
                                            @checked('Yes' === $authorized[$i]) />
                                        <label class="form-check-label">{{ __('Authorized to sign') }}</label>
                                    </div>
                                </div>
                                <span class="col-md-1 mt-4 pt-2">
                                    <i class="fa fa-plus fa-solid text-primary me-3 add-single-member-to-organization border border-primary-subtle p-1 py-2 rounded-4"></i>
                                @if ($i != 0)  
                                {{-- hide the delete button for the first iteration becasue user not delete the first user information  --}}
                                <i class="border border-primary-subtle delete-inputs fa fa-trash p-1 py-2 rounded-4 text-danger"></i>
                                @endif
                                </span>
                            </div>
                    @endfor
                </div>
            </div>
            <span class=" mt-4 position-absolute px-2  w-auto" style="right: 1.5%;">
                <i class="border border-primary-subtle delete-inputs fa fa-trash p-1 py-5 rounded-4 text-danger"></i>
            </span>
        </div>
        @empty

        @endforelse
    </div>
</div>
<div class="col-md-12">
    <div class="d-flex justify-content-between">
        <button type="button" class="btn btn-primary btn-sm mt-3" id="assign-organization-btn"> Assign
            Organization</button>
    </div>
</div>
</div>

<div class="row">
    <div class="col-md-12 mt-3">
        <label class="form-label">Note</label>
        <textarea name="notes" class="form-control form-control-sm" id="" cols="80" rows="5">{{ $organization['notes'] ?? '' }}</textarea>
    </div>
</div>