@extends('web.layouts.base')

@section('titre')
    Liste des Articles à vendres
@endsection

@section('styles')
    <link rel="stylesheet" media="screen, print" href="{{ asset('dt/css/datagrid/datatables/datatables.bundle.css') }}">

@endsection

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0">Liste des articles à vendre</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">Dashboard</a></li>
                                <li class="breadcrumb-item active">Liste des articles à vendre</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->
            @if (session('success'))
                <div class="alert alert-success alert-dismissible alert-label-icon rounded-label fade show" role="alert">
                    <i class="ri-notification-off-line label-icon"></i><strong>Opération réussi</strong>
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
{{--                            <h4 class="card-title mb-0">Ajouter, Modifier & Supprimer</h4>--}}
                        </div><!-- end card header -->

                        <div class="card-body">
                            <div id="customerList">
                                <div class="d-flex align-items-center g-4 mb-3">
                                    {{--@can('Création des categories')
                                        <div class="col-sm">
                                            <div>
                                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                                        data-target="#ajout">Ajouter</button>
                                            </div>
                                        </div>
                                        <br>
                                    @endcan--}}
                                    {{-- @can('Recherche des categories') --}}
                                    <div class="flex-shrink-0">
                                        <div class="d-flex flex-wrap gap-2">
                                            <div class="d-flex justify-content-sm-end">
                                                <div class="search-box ms-4">
                                                    <input type="text" class="form-control search"
                                                           placeholder="Rechercher...">
                                                    <i class="ri-search-line search-icon"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- @endcan --}}
                                </div>
                                <div class="table-responsive">
                                    <div class="panel-container show">
                                        <div class="panel-content">
                                            <!-- datatable start -->
                                            <table id="dt-basic-example"
                                                   class="table table-bordered table-hover table-striped w-100">
                                                <thead class="table-primary">
                                                <tr>
                                                    <th>ID</th>
                                                    <th class="text-center">Actions</th>
                                                    <th class="text-center">Image</th>
                                                    <th>Nom de l'article</th>
                                                    <th>Type</th>
                                                    <th>Prix</th>
                                                    <th>Fournisseur</th>
                                                    <th>Description</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach ($datas as $item)
                                                    <tr>
                                                        <td> {{ ++$i }}</td>
                                                        <td class="text-center">
                                                                {{--<button onclick="handleEdit({{ $item->id }})" data-toggle="modal"
                                                                        data-target="#edit"
                                                                        class="btn btn-sm btn-warning edit-item-btn btn-edit">
                                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                                        <i class="bx bxs-edit-alt"></i>
                                                                    </div>
                                                                </button>
                                                                <button class="btn btn-sm btn-danger remove-item-btn"
                                                                        data-toggle="modal">
                                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                                        <i class="bx bxs-trash"></i>
                                                                    </div>
                                                                </button>--}}
                                                                <a href="{{ route('add_to_cart', $item->id) }}" class="btn btn-sm btn-primary">
                                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                                        <i class="bx bxs-shopping-bag"></i>
                                                                    </div>
                                                                </a>
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($item->priceable_type == 'App\Models\Ressourcesgenetique')
                                                            <img src="{{ (!empty($item->priceable->imageUrl)) ? url('upload/dossier_images/'.$item->priceable->imageUrl) : url('upload/no_image.jpg') }}"
                                                                 style="width: 50px;height: 50px" alt="photo">
                                                            @elseif($item->priceable_type =='App\Models\Savoirstraditionnel')
                                                                <img src="{{ (!empty($item->priceable->imageUrl)) ? url('upload/savoir_images/'.$item->priceable->imageUrl) : url('upload/no_image.jpg') }}"
                                                                     style="width: 50px;height: 50px" alt="photo">
                                                            @else
                                                                <img src="{{ (!empty($item->priceable->imageUrl)) ? url('upload/publication_images/'.$item->priceable->imageUrl) : url('upload/no_image.jpg') }}"
                                                                     style="width: 50px;height: 50px" alt="photo">
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->priceable_type == 'App\Models\Ressourcesgenetique')
                                                                {{ $item->priceable->nomScientifique.' / '. $item->priceable->nomVernaculaire }}
                                                            @elseif($item->priceable_type =='App\Models\Savoirstraditionnel')
                                                                {{ $item->priceable->savoir }}
                                                            @else
                                                                {{ $item->priceable->titre.' '.$item->priceable->isbn }}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->priceable_type == 'App\Models\Ressourcesgenetique')
                                                                Ressource Génétique
                                                            @elseif($item->priceable_type =='App\Models\Savoirstraditionnel')
                                                                Savoir Traditionnel
                                                            @else
                                                                Publication(ouvrage)
                                                            @endif
                                                        </td>
                                                        <td>{{ $item->price }}</td>
                                                        <td>{{ $item->priceable->user->nom.' '.$item->priceable->user->postnom.' '.$item->priceable->user->prenom }}</td>
                                                        <td>{{ $item->priceable->description }}</td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                                <tfoot class="table-primary">
                                                <tr>
                                                    <th>ID</th>
                                                    <th class="text-center">Actions</th>
                                                    <th class="text-center">Image</th>
                                                    <th>Nom de l'article</th>
                                                    <th>Type</th>
                                                    <th>Prix</th>
                                                    <th>Fournisseur</th>
                                                    <th>Description</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                            <!-- datatable end -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end card -->
                    </div>
                    <!-- end col -->
                </div>
                <!-- end col -->
            </div>
            <!-- end row -->



        </div>
        <!-- container-fluid -->
    </div>
    <!-- End Page-content -->
@endsection