<div class="card bg-light col-12 dragable dragitems{{ $lid }}" id="area-itemdata[{{ $lid }}][{{ $position }}][{{ $itemkey }}]" data-itemname="{{ $lid }}-{{ $position }}-{{ $itemkey }}"  style="margin-bottom:60px;padding:10px">
    <div class="row p-5">
        <div class="col-md-12">
            <div class="d-flex justify-content-between">
                <div class="row">
                    <div class="col-md-2">
                        <label class="fs-6 fw-semibold mb-2 text-gray-500">Sıralama</label>
                        <a href="#" class="btn btn-icon btn-sm btn-hover-light-primary draggable-handle">
                            <span class="svg-icon svg-icon-2x">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="currentColor"></path>
                                    <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="currentColor"></path>
                                </svg>
                            </span>
                        </a>
                    </div>
                    <div class="col-md-10">
                        <label class="fs-6 fw-semibold mb-2">{{ $baseitem['name'] }}</label>
                        <label class="fs-8 fw-semibold mb-2 text-gray-400 d-block">{{ $baseitem['description'] }}</label>
                    </div>
                </div>
                <div>
                    <span class="accordion-icon accordpool" data-areaname="itemdata[{{ $lid }}][{{ $position }}][{{ $itemkey }}]">
                        <span class="svg-icon svg-icon-1">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor"></rect>
                                <path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor"></path>
                            </svg>
                        </span>
                    </span>
                </div>
            </div>
        </div>
        <div class="row" id="areacontent-itemdata[{{ $lid }}][{{ $position }}][{{ $itemkey }}]" data-status="0" style="display:none">
            {{ $itemdatatext }}
            <div class="d-flex flex-center mt-3">
                <button class="btn btn-danger beDeleteArea col-md-4 mx-3" data-areaname="itemdata[{{ $lid }}][{{ $position }}][{{ $itemkey }}]">Tüm Alanı Komple Sil</button>
            </div>
        </div>
    </div>
</div>