<div class="conatiner">
    <div class="row ">
        @foreach ($items_category as  $item)
        <div class="col-sm-6 my-2 {{$item->id}}">
            <div class="card bg-light p-2 rounded">
                <div class="row">
                    <div class="col-6">
                        <table>
                            <tr>
                                <td> <img class='px-2' width="100px" src="{{asset($item->photo)}}" alt=""></td>
                                <td>
                                    <span class='fw-bold text-dark'>{{$item->name_en}} {{$item->name_ar}}</span>
                                    <br> <span> {{$item->items_count}}</span> </td>
                            </tr>
                        </table>
                    </div>
                    <!--end div-6//-->
                    <div class="col-6 text-end align-self-center">

                        <a class="text-decoration-none px-1 " target="_blank" href="{{url('item-category/show')}}/{{$item->id}}">
                            <span class="edit_icon">
                            <i class="bi bi-pen"></i>
                        </span>
                        <span class="px-1 e-text">Edit</span></a>
                        <a class="text-decoration-none px-1 delete-item-category"  data-value = "{{$item->id}}" href="#" >
                            <span class="edit_icon">
                            <i class="bi bi-trash"></i>
                            </span>
                            <span class="px-1">Delete</span>
                        </a>



                    </div>
                </div>
            </div>
            <!--the card complete-->
        </div>
        @endforeach
    </div>
    <!--the row here complete-->
</div>
