@extends('backend.layout')
@section('titre')
  Categories
@endsection
 
@section('content')
    <!-- Container-fluid starts-->
    @php $modele='categories' @endphp
    @if (session('successMsg'))
        <div  class="alert alert-success" role="alert">
            {{(session('successMsg'))}}
        </div>
    @endif

                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            @if($action=='index')
                                <div class="col-md-8">
                                    <h5>Liste des categories</h5>
                                </div>
                                <div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route("$modele.create")}}'"  class="btn btn-primary">Ajouter categorie</button> </div>
                           @else
                                <div class="col-md-7">
                                    <h5>Liste des sous categories de : {{$categories[0]->ParentCategories->name}} </h5>
                                </div>
                                <div class="col-md-3 text-success text-lg-end   iconeadd"><button onclick="window.location.href='{{route("$modele.create")}}'"  class="btn btn-primary">Ajouter cat.</button> </div>

                                <div class="col-md-1 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route("$modele.index")}}'"  class="btn btn-primary">Retour</button> </div>

                            @endif

                        </div>

                    </div>

                        <div class="card-body">
                            <!--table   class="table table-bordered table-striped"-->
                            <table class="table table_list tableDnD table-bordered table-striped">
                                <thead>
                                <tr class="nodrag nodrop">
                                    <th class="d-none">ID</th>
                                    <th>Nom</th>
                                    <th>position</th>
                                    <th>Status</th>
                                    <th>Action</th>

                                </tr>
                                </thead>
                                <tbody>
                                @foreach($categories as $item)
                                    <tr id="tr_" class=" odd">
                                        <td class="d-none" >{{ $item->position }}</td>
                                        <td   >{{ $item->name }}</td>
                                        <td class="text-center dragHandle ">
                                            <div class="dragGroup">
                                                <div class="positions">
                                                    {{ $item->position }}
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center tdstatus" id="etat{{$item->id}}">
                                            @if($item->active==1)
                                                <a title="cliquez pour désactiver" onclick="enable({{$item->id}},0,'categories')"><i class="fa fa-circle font-success f-18"></i></a>
                                            @else
                                                <a title="cliquez pour activer" onclick="enable({{$item->id}},1,'categories')"> <i class="fa fa-circle font-error f-18"></i></a>
                                            @endif
                                        </td>
                                        <td  class="actions"  >
                                            <form method="post"  id="delete-from-{{$item->id}}" action="{{route("$modele.destroy",$item->id)}}">
                                                @csrf
                                                @method('DELETE')
                                                @if(count($item->ChildCategories)>0)
                                                    <a href="{{route("categories.subcat",$item->id)}}">
                                                        <button title="liste sous categories"  type="button" class="btn btn-eye"><i class="fa fa-eye"></i></button>
                                                    </a>
                                                @endif
                                                <a href="{{route("$modele.edit",$item->id)}}">
                                                    <button title="Modifier" type="button" class="btn btn-edit"><i class="fa fa-edit"></i></button>
                                                </a>
                                                @if(count($item->ChildCategories)==0 && count($item->CategorieProduits)==0  )
                                                <button title="Supprimer" onclick="return confirm('vous etes sure pour supprimer cet categorie ?');" class="btn btn-remove"><i class="fa fa-trash"></i></button>
                                                @endif
                                        </form>


                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>


                            </table>
                        </div>

                </div>

    <!-- Container-fluid Ends-->
    <script>


        var update_position = "categories/position";
    </script>
@endsection