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

<div class="row mt-5" id="common-section-for-all" style="display: none;">
    <h4 class="text-primary">History</h4>

    @forelse ($history as $history)

    <x-text-input type="hidden" name="lead_property_visted_id" :value="$history['id']" />

    <div class="border mx-1 rounded-2 mt-2 row">
        <div class="col-2">
            <img src="https://cdn.britannica.com/05/157305-050-FD9CB47C.jpg" class="img-thumbnail" alt="">
        </div>
        <div class="col-10">
            <div class="row">
                <div class="col-md-4">
                    <label class="form-label">Address</label>
                    <p> {{ $history['lead_property_visted_address'] }} </p>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Price</label>
                    <p> ${{ $history['lead_property_visted_price'] }} </p>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Status</label>
                    <p>(Bought sold Leased)</p>
                </div>
                <div class="col-md-4 mt-2">
                    <label class="form-label">Date</label>
                    <p>3/4/2024</p>
                </div>
                <div class="col-md-6 mt-2">
                    <label class="form-label">Notes</label>
                    <p> {{ $history['lead_property_visted_notes'] }} </p>
                </div>
            </div>
        </div>
    </div>
    @empty
                <h4 class="text-danger text-center">History Not Found.</h4>
    @endforelse

</div>