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

<div class="row mt-4" id="present-offer-section">
    <h5 class="text-primary"> Present Offer</h5>

    @forelse ($presentOffers as $presentOffer)
    <div class="row">
        <div class="col-md-3 pe-0">
            <x-input-label for="offer_name" :value="__('Name')" />
            <x-text-input name="offer_name[]" id="offer_name" value="{{ $presentOffer['offer_name'] }}" />
        </div>
        <div class="col-md-3">
            <x-input-label for="offer_phone" :value="__('Phone')" />
            <x-text-input name="offer_phone[]" id="offer_phone" value="{{ $presentOffer['offer_phone'] }}"  />
        </div>
        <div class="col-md-3 p-0">
            <x-input-label for="offer_email" :value="__('Email')" />
            <x-text-input name="offer_email[]" id="offer_email" value="{{ $presentOffer['offer_email'] }}"  />
        </div>
        <div class="col-md-3">
            <x-input-label for="offer_amount" :value="__('Amount')" />
            <x-text-input name="offer_amount[]" type="number" id="offer_amount" value="{{ $presentOffer['offer_amount'] }}"  />
        </div>
        <div class="col-md-3 mt-3 pe-0">
            <x-input-label for="offer_file" :value="__('File')" />
            <x-text-input name="offer_file[]" type="file" id="offer_file" />
        </div>
        <div class="col-md-3 mt-3">
            <label class="form-label">Status</label>
            <select id="offer-status" name="offer_status[]"
                class="default-select form-control form-control-sm wide">
                <option value="" selected>Select</option>
                <option value="accept" @selected($presentOffer['offer_status']==='accept' )>Accept</option>
                <option value="counter" @selected($presentOffer['offer_status']==='counter' )>Counter</option>
                <option value="reject" @selected($presentOffer['offer_status']==='reject' )>Reject</option>
            </select>
        </div>
        <div class="col-md-6 mt-2 pe-3 px-0">
            <textarea name="offer_notes" id="" class="form-control form-control-sm" cols="30" rows="2"
                placeholder="Notes">{{ $presentOffer['offer_notes'] }}</textarea>
        </div>
        <span class="mt-5 position-absolute px-1 py-4 w-auto" style="right: 2% !important ;">
            <i
                class="border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary mb-2 add-present-offer-inputs"></i>
        </span>
    </div>
    @empty
    <div class="row">
        <div class="col-md-3 pe-0">
            <x-input-label for="offer_name" :value="__('Name')" />
            <x-text-input name="offer_name[]" id="offer_name" />
        </div>
        <div class="col-md-3">
            <x-input-label for="offer_phone" :value="__('Phone')" />
            <x-text-input name="offer_phone[]" id="offer_phone" />
        </div>
        <div class="col-md-3 p-0">
            <x-input-label for="offer_email" :value="__('Email')" />
            <x-text-input name="offer_email[]" id="offer_email" />
        </div>
        <div class="col-md-3">
            <x-input-label for="offer_amount" :value="__('Amount')" />
            <x-text-input name="offer_amount[]" type="number" id="offer_amount" />
        </div>
        <div class="col-md-3 mt-3 pe-0">
            <x-input-label for="offer_file" :value="__('File')" />
            <x-text-input name="offer_file[]" type="file" id="offer_file" />
        </div>
        <div class="col-md-3 mt-3">
            <label class="form-label">Status</label>
            <select id="offer-status" name="offer_status[]"
                class="default-select form-control form-control-sm wide">
                <option value="" selected>Select</option>
                <option value="accept" >Accept</option>
                <option value="counter">Counter</option>
                <option value="reject">Reject</option>
            </select>
        </div>
        <div class="col-md-6 mt-2 pe-3 px-0">
            <textarea name="offer_notes" id="" class="form-control form-control-sm" cols="30" rows="2"
                placeholder="Notes"></textarea>
        </div>
        <span class="mt-5 position-absolute px-1 py-4 w-auto" style="right: 2% !important ;">
            <i
                class="border border-1 border-light fa-plus fa-solid p-1 py-2 rounded-5 text-primary mb-2 add-present-offer-inputs"></i>
        </span>
    </div>
    @endforelse
</div>