@extends('layout.master')
@push('plugin-styles')
    <link href="{{ asset('assets2/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush
@section('title', __('dashboard.products'))
@section('content')
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
  <!--<h6 class="fw-semibold mb-0">{{ __('dashboard.products') }}</h6>-->
  <ul class="d-flex align-items-center gap-2">
    <li class="fw-medium">
      <a href="{{url('/')}}" class="d-flex align-items-center gap-1 hover-text-primary">
        <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
        {{ __('dashboard.main menu') }}
      </a>
    </li>
    <li>-</li>
    <li class="fw-medium">{{ __('dashboard.products') }}</li>
  </ul>
</div>
        
<div class="card">
    <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-3">
        <div class="d-flex flex-wrap align-items-center gap-3">
            <h5 class="card-title mb-0">{{ __('dashboard.products') }}</h5>
            <div class="d-flex align-items-center gap-2">
            
            </div>
            <div class="icon-field">
            
            </div>
        </div>
        <div class="d-flex flex-wrap align-items-center gap-3">
            <a href="{{ route('products.create') }}" class="btn btn-sm btn-primary-600"><i
                class="ri-add-line"></i>{{ __('dashboard.Add a new product') }}</a>
        </div>
    </div>
    <div class="card-body" style="overflow-x: auto;">
    <table class="table bordered-table mb-0" id="dataTableExample" style="width: 100%">
        <thead>
        <tr style="text-align:center !important;">
            <!--<th scope="col" style="text-align:center !important;">-->
            <!--    <div class="form-check style-check d-flex-->
            <!--        align-items-center">-->
            <!--        <input class="form-check-input" type="checkbox" value=""-->
            <!--        id="checkAll">-->
            <!--        <label class="form-check-label" for="checkAll">-->
            <!--        #-->
            <!--        </label>-->
            <!--    </div>-->
            <!--</th>-->
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.name') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.description') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.category') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.group') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.parent product') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.price') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.active') }}</th>
            <th scope="col" style="text-align:center !important;">{{ __('dashboard.action') }}</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($rows as $row)
        <tr>
            <!--<td>-->
            <!--    <div class="form-check style-check d-flex-->
            <!--        align-items-center">-->
            <!--        <input class="form-check-input" type="checkbox" value=""-->
            <!--        id="check1">-->
            <!--        <label class="form-check-label" for="check1">-->
            <!--        01-->
            <!--        </label>-->
            <!--    </div>-->
            <!--</td>-->
            <td>{{ session()->get('lang') == 'en' ? $row->name_en : $row->name }}</td>
            <td>