
    <x-admin-panel-layout>
        <x-slot name="title">
            لیست زیر محصولات گروهی
        </x-slot>
        <x-slot name="main">
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-4">
                        <div class="col-sm-6">
                            <h3 class="m-0 text-dark">لیست زیر محصولات گروهی</h3>
                        </div><!-- /.col -->
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-left">
                                <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                                <li class="breadcrumb-item active">لیست زیر محصولات گروهی</li>
                            </ol>
                        </div><!-- /.col -->
                    </div>
                </div>
            </div>

    <div class="admin-order-select-box mt-3">

        <div class="admin-order-by-box">

            <label>مرتب سازی بر اساس : </label>


            <a href="{{ route("children_group_product.list" ,["orderBy"=>"desc"]) }}"
               class="btn btn-sm btn-outline-dark @if(!isset($_GET["orderBy"]) || request("orderBy")=="desc" ) btn-dark text-white @endif">تاریخ
                انتشار نزولی</a>
            <a href="{{ route("children_group_product.list" ,["orderBy"=>"asc"]) }}"
               class="btn btn-sm btn-outline-dark @if(request("orderBy")=="asc" ) btn-dark text-white @endif">تاریخ
                انتشار صعودی</a>
            <a href="{{ route("children_group_product.list" ,["orderBy"=>"name"]) }}"
               class="btn btn-sm btn-outline-dark @if(request("orderBy")=="name") btn-dark text-white @endif">نام</a>

        </div>
        <div>
            <form style="display: flex;margin-bottom: 12px;" action="{{ route("children_group_product.list") }}" method="get">
                <input type="text" name="name" placeholder="نام زیر محصول را تایپ کنید">
                <button type="submit" class="btn btn-primary">جستجو</button>
            </form>
        </div>
    </div>
    <table class="admin-table">
        <tr>

            <th>شناسه محصول</th>
            <th>نام محصول</th>
            <th>قیمت</th>
            <th>انبار</th>
            <th>عکس</th>
            <th>تاریخ انتشار</th>
        </tr>
        @foreach($products as $product)
        <tr>
            <td>{{ $product->id }}</td>
            <td><a href="{{ route("children_group_product.edit",["id"=>$product->id]) }}">{{ $product->title }}</a>
                <div class="admin-table-actions"><a href="{{ route("children_group_product.edit",["id"=>$product->id]) }}"><span>ویرایش</span></a>
                    <a class="admin-table-actions-delete"
                       href="{{ route("children_group_product.delete",["id"=>$product->id]) }}"><span>حذف</span></a>
                </div>
            </td>
            <td>{!! $product->product_price() !!}</td>
            <td>{{ $product->stock_number() }}</td>
            <td>
                @if($product->media_id)
                    @php($image=$product->getSmallImage())

                    <img  src="{{ $image }}"/>

                    @else{{"_"}}

                @endif
            </td>
            <td>{{ $product->created_at }}</td>
        </tr>        @endforeach
    </table>

    <div class="admin-paginator">
        {{ $products->links() }}
    </div>
   @includeIf("admin.partials.delete_modal")
        </x-slot>
    </x-admin-panel-layout>
