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

<h4 class="mb-0 pb-0 text-primary pt-4">Assignment</h4>
<div class="pe-5">
    <div id="add-more-buyer-section" class="pt-2">

        <!-- assign seller  -->
        <div id="assign-seller-section" class="mt-3">
            {{-- {{ dd($assignments); }} --}}
            @forelse ( $assignments as $assignment)
            <x-text-input type="hidden" name="assignment_id[]" placeholder="" :value="$assignment['id'] ?? ''" />
            <div class="row mt-3 assign-seller-inputs">
                <div class="col-md-3">
                    <x-input-label for="seller_title" :value="__('Title')"/>
                    <x-text-input name="assignment_title[]" placeholder="Enter Title"
                        :value="old('assignment_title',$assignment['assignment_title'] ?? '')" />
                </div>
                <div class="col-md-3">
                    <x-input-label for="seller_name" :value="__('Name')" />
                    <x-text-input name="assignment_name[]" placeholder="Enter Name"
                        value="{{ old('assignment_name',$assignment['assignment_name'] ?? '') }}" />
                </div>
                <div class="col-md-3">
                    <x-input-label for="email" :value="__('Email')" />
                    <x-text-input name="assignment_email[]" placeholder="Enter Valid Email"
                        value="{{ old('assignment_email',$assignment['assignment_email'] ?? '') }}" />
                </div>
                <div class="col-md-3 pe-5">
                    <x-input-label for="assignment_phone" :value="__('Phone')" />
                    <x-text-input name="assignment_phone[]" placeholder="Enter Phone Number" class="phone_number_formate"
                        value="{{ old('assignment_phone',$assignment['assignment_phone'] ?? '') }}" id="lead_assigment_phone_number"  />
                </div>
                <span class="mt-4 position-absolute pt-2 px-2 w-auto" style="right: 2% !important ;">
                    <i
                        class="border border-primary-subtle delete-inputs fa-solid fa-trash p-1 py-2 rounded-4 text-danger"></i>
                </span>
            </div>

            @empty

            {{-- show empty input --}}
            <div class="row mt-3 assign-seller-inputs">
                <div class="col-md-3">
                    <x-input-label for="seller_title" :value="__('Title')" />
                    <x-text-input name="assignment_title[]" placeholder="Enter Title" value="" />
                </div>
                <div class="col-md-3">
                    <x-input-label for="seller_name" :value="__('Name')" />
                    <x-text-input name="assignment_name[]" placeholder="Enter Name" />
                </div>
                <div class="col-md-3">
                    <x-input-label for="email" :value="__('Email')" />
                    <x-text-input type="email" name="assignment_email[]" placeholder="Enter Your Email" />
                </div>
                <div class="col-md-3 pe-5">
                    <x-input-label for="assignment_phone" :value="__('Phone')" />
                    <x-text-input name="assignment_phone[]" id="lead_assigment_phone_0" placeholder="Enter Phone Number" class="phone_number_formate" />

                </div>
            </div>
            @endforelse
        </div>
    </div>
    <div class="col-md-12">
        <div class="d-flex justify-content-center">
            <button type="button" class="btn btn-primary btn-sm mt-3 " id="add-assign-seller-inputs">
                Add more Assignment
            </button>
        </div>
    </div>
</div>