@extends('adminlte::page')

@section('title', 'Productos')

@section('css')
    <link rel="stylesheet" href="//cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css">
@endsection

@section('content_header')
    <h1>Dashboard</h1>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Productos</h3>
                </div>
                <div class="d-flex justify-content-between col-sm mt-3 px-4">
                    <a href="{{ Route('addProduct') }}" class="btn btn-success px-4">
                        Agregar nuevo producto
                    </a>
                    <div class="btn-group dropstart">
                        <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown"
                            aria-expanded="false">
                            <i class="bi bi-tools"></i>
                            Herramientas
                        </button>

                        <ul class="dropdown-menu">
                            @if ($inDraft > 0)
                                <li class="fw-bold dropdown-item disabled">
                                    Tienes productos en borrador
                                    <span class="badge bg-danger rounded-pill">{{ $inDraft }}</span>
                                </li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a href="{{ Route('modifyDrafts') }}" class="dropdown-item">Completar la informacion de
                                        los productos</a>
                                </li>
                            @else
                                <li class="fw-bold dropdown-item disabled">
                                    Sin borradores pendientes
                                    <span class="badge bg-danger rounded-pill">{{ $inDraft }}</span>
                                </li>
                            @endif
                            @if ($products->count() > 0)
                                <li class="fw-bold dropdown-item user-select-none" id="makeInBase">
                                    Crear producto en base a otro
                                </li>
                            @endif
                            @if ($offerts->count() > 0)
                                <li class="fw-bold dropdown-item user-select-none" id="showOfferts">
                                    Productos en oferta <span
                                        class="badge bg-danger rounded-pill">{{ $offerts->count() }}</span>
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
                <div class="d-flex row mt-3 p-3">
                    <div class="col-8">
                        {{-- $products->links() --}}
                        {{ $products->appends(['page' => $page ?? 1])->links() }}
                    </div>
                    <div class="col-4">
                        <form action="{{ Route('searchProduct') }}" method="GET">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-10">
                                        <input class="form-control" type="text" placeholder="Buscar producto.."
                                            name="query">
                                    </div>
                                    <div class="col-2">
                                        <button class="btn custom-hover-button" type="submit"><i
                                                class="bi bi-search"></i></button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-body">
                    <div class="">
                        <table class="table table-bordered table-hover" id="productsTable">
                            <thead>
                                <tr>
                                    <th style="width: 15%;">Nombre</th>
                                    <th style="width: 15%;">Modelo</th>
                                    <th style="width: 10%;">Inventario</th>
                                    <th style="width: 10%;">Precio</th>
                                    <th style="width: 10%;">Categorías</th>
                                    <th style="width: 10%;">Marca</th>
                                    <th style="width: 10%;">Detalles</th>
                                    <th style="width: 10%;">Imagen</th>
                                    <th style="width: 1%;">Borrador</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($products as $key => $product)
                                    <tr data-widget="expandable-table" aria-expanded="false" class="row-loading">
                                        <td>{{ $product->display_name }}</td>
                                        <td>{{ $product->model }}</td>
                                        <td>
                                            @if ($product->inventory->stock)
                                                <p class="text-success">
                                                    {{ $product->inventory->status->display_name }}({{ $product->inventory->stock }})
                                                </p>
                                            @else
                                                <p class="text-danger">Sin existencias</p>
                                            @endif
                                            @if ($product->inventory->reserve)
                                                <p class="text-warning">*Se puede reservar</p>
                                            @endif
                                        </td>
                                        {{-- Check this after, remember the offerts now is in another table --}}
                                        {{-- floor es redondear --}}
                                        {{-- Nota: Si se llega a dar formato el codigo, deben formatearlo asi
                                        @if (floor($product->price) == $product->price).00 @endif
                                        Si se deja diferente se vera un espacio entre los ceros y el precio, se ve feo
                                        --}}
                                        @if ($product->offert)
                                            <td>
                                                ${{ $product->offert->discount_price }}@if (floor($product->offert->discount_price) == $product->offert->discount_price)
                                                    .00
                                                @endif
                                                <p class="text-muted">${{ $product->price }}@if (floor($product->price) == $product->price)
                                                        .00
                                                    @endif
                                                </p>
                                            @else
                                            <td>${{ $product->price }}@if (floor($product->price) == $product->price)
                                                    .00
                                                @endif
                                        @endif
                                        </td>
                                        <td>
                                            @if ($product->categories->count() > 0 || $product->subcategories->count() > 0)
                                                @forelse ($product->categories as $category)
                                                    {{ $category->display_name }}
                                                @empty
                                                @endforelse
                                                @forelse ($product->subcategories as $subcategory)
                                                    {{ $subcategory->display_name }}
                                                @empty
                                                @endforelse
                                            @else
                                                <p>--</p>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($product->brand)
                                                {{ $product->brand->display_name }}
                                            @else
                                                <p class="text-danger">Asigna una marca para mostrar el producto</p>
                                            @endif
                                        </td>
                                        <td>
                                            {{-- Cambios por detalles de producto --}}
                                            @if ($product->attributes->count() > 0)
                                                <a href="" class="showAttributes"
                                                    data-product-id="{{ $product->id }}">Ver mas detalles del producto</a>
                                            @else
                                                <p class="text-danger">Sin valores asignado en este producto</p>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($product->images->count() > 0)
                                                <img src="{{ Asset('uploads/products/' . $product->images->first()->image) }}"
                                                    class="img-fluid rounded align-middle border" alt="Sin imagen"
                                                    width="50%" height="50%">
                                            @else
                                                <p class="text-danger">Agrega imagenes al producto para mostrarlo</p>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($product->draft)
                                                <i class="fas fa-check"></i>
                                                @if ($product->product_file == null && $product->iam_type_id == 2)
                                                    <p class="text-danger">
                                                        Necesitas colocar un archivo a este producto para
                                                        mostrarlo (digital)
                                                    </p>
                                                @endif
                                            @endif
                                        </td>
                                    </tr>

                                    {{-- Actions --}}
                                    <tr class="expandable-body row-loading">
                                        <td colspan="9" disabled>
                                            <div class="d-flex mx-auto justify-content-between">
                                                <div class="row">
                                                    <div class="col border">
                                                        <p class="mt-1">Actualizado por ultima vez:
                                                            {{ $product->updated_at }}</p>
                                                    </div>
                                                    <div class="col border">
                                                        {{-- Change to the default details product page in the frontend --}}
                                                        @if (!$product->draft)
                                                            <a href=" {{ Route('productDetails', $product->slug) }}"
                                                                class="btn btn-success m-1" target="_BLANK">Ver en la
                                                                tienda</a>
                                                        @endif

                                                        <a href="{{ Route('modProduct', [
                                                            'slug' => $product->slug,
                                                            'page' => $products->currentPage(),
                                                        ]) }}"
                                                            class="btn btn-warning m-1">Modificar producto</a>

                                                        <a href="" class="btn btn-danger dropProduct m-1"
                                                            data-product-id="{{ $product->id }}"
                                                            data-product-name="{{ $product->display_name }}">Borrar
                                                            producto</a>

                                                        <form id="dropProduct_{{ $product->id }}"
                                                            action="{{ route('dropProduct') }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                            <input type="hidden" name="idProduct"
                                                                value="{{ $product->id }}">
                                                        </form>
                                                    </div>

                                                    <div class="col border text-center">
                                                        @if ($product->images->count() == 0)
                                                            <a href="" class="btn btn-info m-1 addImages"
                                                                data-product-id="{{ $product->id }}">Agregar
                                                                imagenes</a>
                                                        @else
                                                            <a href="" class="btn btn-warning m-1 modImages"
                                                                data-product-id="{{ $product->id }}">Modificar
                                                                imagenes</a>
                                                            <a href="" class="btn btn-danger m-1 dropImages"
                                                                data-product-id="{{ $product->id }}">Borrar imagenes</a>
                                                        @endif
                                                    </div>
                                                    <div class="col border">
                                                        <a class="btn btn-info m-1 addStock"
                                                            data-inventory-id="{{ $product->inventory->id }}">Modificar
                                                            inventario</a>
                                                        @if (!$product->offert)
                                                            <a href="" class="btn btn-info m-1 makeOffer"
                                                                data-product-id="{{ $product->id }}"
                                                                data-product-name="{{ $product->model }}"
                                                                data-product-price="{{ $product->price }}">Hacer un
                                                                descuento</a>
                                                        @endif
                                                        <a href="" class="btn btn-info m-1 linkProducts disabled"
                                                            data-product-id="{{ $product->id }}"
                                                            data-product-name="{{ $product->display_name }}">Relacionar
                                                            productos</a>
                                                        @if ($product->draft)
                                                            <a href=""
                                                                class="btn btn-success m-1 changeToDraft @if ($product->price == 0 || !$product->brand || $product->images->isEmpty() || $product->categories->isEmpty()) disabled @endif"
                                                                data-product-id="{{ $product->id }}"
                                                                data-product-name="{{ $product->display_name }}"
                                                                data-product-status="{{ $product->draft }}">
                                                                Publicar Producto
                                                            </a>
                                                        @else
                                                            <a href="" class="btn btn-secondary m-1 changeToDraft"
                                                                data-product-id="{{ $product->id }}"
                                                                data-product-name="{{ $product->display_name }}"
                                                                data-product-status="{{ $product->draft }}">
                                                                Cambiar a borrador
                                                            </a>
                                                        @endif
                                                        <form id="changeProductStatus_{{ $product->id }}"
                                                            action="{{ route('changeProductStatus') }}" method="POST">
                                                            @csrf
                                                            <input type="hidden" name="idProduct"
                                                                value="{{ $product->id }}">
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="8" align="center">Sin productos, agrege una
                                            nueva
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="container d-flex justify-content-center">
                    {{-- $products->links() --}}
                    {{ $products->appends(['page' => $page ?? 1])->links() }}
                </div>
            </div>
        </div>
    </div>

    {{-- Show products to duplicate --}}
    <div class="modal fade" id="showProductsBase" tabindex="-1" role="dialog" aria-labelledby="notLinkedModal"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info" id="notLinkedModal">Crear en base</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="makeInBaseForm" action="{{ Route('addProduct') }}" method="get">
                        <div class="form-group">
                            <p>De cual producto te quieres basar?</p>
                            <small>Seleccione un producto</small>
                            <select class="form-control mt-1 select2" id="productsSelect" name="productBase"
                                style="width: 100%">
                                <option value="" disabled selected>* Selecciona una *</option>
                                @foreach ($productsToDuplicate as $product)
                                    <option value="{{ $product->slug }}">{{ $product->display_name }}
                                        ({{ $product->model }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-success" id="makeDraftInBase" disabled>Crear producto
                                en base</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Add images in a product --}}
    <div class="modal fade" id="addImagesModal" tabindex="-1" role="dialog" aria-labelledby="notLinkedModal"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info" id="notLinkedModal">Agregar imagenes al producto</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="addImagesForm" enctype="multipart/form-data"
                        action="{{ Route('addProductImages') }}" method="post">
                        @csrf
                        <input type="hidden" name="idProduct" id="idProduct" value="">
                        <p>Agregue imagenes para publicar el producto en la tienda</p>
                        <ul class="list-group" id="imageFieldsContainer">
                            <li class="list-group-item">
                                <small>Seleccione una opción de imagen para añadir</small>
                                <select class="form-control mt-1" id="imagesView">
                                </select>
                                <small>Dimensiones recomendadas por imagen: 0px X 0px</small>
                                <small>Extensiones permitidas:jpeg, png, jpg | max:2MB por imagen</small>
                            </li>
                            {{-- This should contain the images in others li input --}}
                        </ul>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info" id="addProductImages" disabled>Añadir
                            imagenes</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Mod images in a product --}}
    <div class="modal fade" id="modImagesModal" tabindex="-1" role="dialog" aria-labelledby="notLinkedModal"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-xxl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-warning" id="notLinkedModal">Modificar imagenes del producto</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="modImagesForm" enctype="multipart/form-data"
                        action="{{ Route('modProductImages') }}" method="post">
                        @csrf
                        <input type="hidden" name="idProductImages" id="idProductImages" value="">
                        <small>Dimensiones recomendadas por imagen: 0px X 0px.</small>
                        <small>Extensiones permitidas:jpeg, png, jpg | max:2MB por imagen</small>
                        <div id="imagesContainer" class="text-center">
                            {{-- Here should have the images of the product --}}
                        </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-warning" id="modProductImages" disabled>Hacer
                            cambios</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- drop images in a product --}}
    <div class="modal fade" id="dropImagesModal" tabindex="-1" role="dialog" aria-labelledby="notLinkedModal"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-xxl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-danger" id="notLinkedModal">Eliminar imagenes del producto</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="dropImagesForm" enctype="multipart/form-data"
                        action="{{ Route('dropProductImages') }}" method="post">
                        @csrf
                        <input type="hidden" name="idDropImages" id="idDropImages" value="">
                        <div id="imagesContainerToDrop" class="text-center">
                            {{-- Here should have the images of the product --}}
                        </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" id="dropProductImages" disabled>Eliminar
                            imagenes</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Resupply inventory --}}
    <div class="modal fade" id="inventoryModal" tabindex="-1" role="dialog" aria-labelledby="notLinkedModal"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info" id="notLinkedModal">Modificar inventario</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="inventoryForm" action="{{ Route('resupplyInventory') }}"
                        method="post">
                        @csrf
                        <input type="hidden" name="idProductStock" id="idProductStock" value="">
                        <input type="hidden" id="oldStock" value="">
                        <div class="form-group">
                            <label for="">Nuevo inventario</label>
                            <input class="form-control" type="number" name="inventoryValue" id="inventoryValue"
                                disabled>
                        </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info" id="submitStock" disabled>Agregar</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Show details from the product --}}
    <div class="modal fade" id="showAttribsModal" tabindex="-1" role="dialog" aria-labelledby="productDetails"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-xxl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info" id="productDetails"></h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="attribsContainer">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Show form to relationate products --}}
    <div class="modal fade" id="linkProductsModal" tabindex="-1" role="dialog" aria-labelledby="linkProducts"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info">Relacionar productos</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form autocomplete="off" id="linkProductsForm" action="{{ Route('linkProducts') }}" method="post">
                    @csrf
                    <input type="hidden" name="idlinkedProducts" id="idlinkedProducts" value="">
                    <div class="modal-body">
                        <label for="directedProduct">Producto a quien va dirigido:</label>
                        <input readonly class="form-control" type="text" id="directedProduct">
                        <label for="allProducts">Productos para relacionarse</label>
                        <select id="allProducts" class="form-control" data-placeholder="Seleccione productos"
                            name="products[]" multiple="multiple" style="width: 100%;" required>
                        </select>
                        <small>Seleccione o busque en este campo los productos a relacionar</small>
                    </div>
                    <div class="modal-footer">
                        <button id="submitLinkProductsForm" type="button" class="btn btn-info">Agregar
                            productos</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Make a discount in a product --}}
    <div class="modal fade" id="makeOfferModal" tabindex="-1" role="dialog" aria-labelledby="makeOffers"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info">Hacer un descuento</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" id="makeDiscountForm" action="{{ Route('makeDiscount') }}" method="post">
                        @csrf
                        <input type="hidden" name="idProductOffert" id="idProductOffert" value="">
                        <div class="form-group">
                            <label for="productOffertName">Producto a quien va dirigido:</label>
                            <input readonly class="form-control" type="text" id="productOffertName">
                        </div>
                        <div class="form-group">
                            <label for="discountPrice">Precio en descuento</label>
                            <input class="form-control" type="number" name="discountPrice" id="discountPrice"
                                placeholder="Ingresa el descuento" required>
                            <small class="text-bold">Precio actual: $<span id="productPrice">##</span></small>
                        </div>
                        <div class="form-group">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="noDate" id="noDate">
                                <label for="noDate" class="form-check-label">Sin expiración, hasta borrar oferta</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="allProducts">Fecha de inicio:</label>
                            <div class="row">
                                <div class="col-10">
                                    <input type="date" class="form-control" name="dateOffertStart"
                                        id="dateOffertStart">
                                </div>
                                <div class="col-2 form-check">
                                    <input type="checkbox" class="form-check-input" name="todaySelected"
                                        id="todaySelected">
                                    <label for="todaySelected" class="form-check-label">Hoy</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="allProducts">Fecha para terminar el descuento:</label>
                            <input type="date" class="form-control" name="dateOffertEnd" id="dateOffertEnd">
                        </div>
                        <div class="modal-footer">
                            <button id="submitLinkProductsForm" type="submit" class="btn btn-info">Crear
                                descuento</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Show all offerts --}}
    <div class="modal fade" id="showOffertsModal" tabindex="-1" role="dialog" aria-labelledby="showOfferts"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-info">Todas las ofertas</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Producto</th>
                                <th>Precio original</th>
                                <th>Precio en oferta</th>
                                <th>Fecha de inicio</th>
                                <th>Fecha final</th>
                                <th>*</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($offerts as $offert)
                                <tr>
                                    <td>{{ $offert->product->model }}</td>
                                    <td>${{ $offert->original_price }}.00</td>
                                    <td>${{ $offert->discount_price }}.00</td>
                                    @if ($offert->discount_start && $offert->discount_end)
                                        <td>{{ $offert->discount_start }}</td>
                                        <td>{{ $offert->discount_end }}</td>
                                    @else
                                        <td colspan="2" class="text-info">Hasta que se borre su oferta</td>
                                    @endif
                                    <td><a href="" class="btn btn-danger drop-offert"
                                            data-offert-id="{{ $offert->id }}"
                                            data-offert-product="{{ $offert->product->model }}"><i
                                                class="fa fa-trash"></i></a>

                                        <form id="dropOffert_{{ $offert->id }}" action="{{ route('dropOffert') }}"
                                            method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <input type="hidden" name="offertId" value="{{ $offert->id }}">
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="//cdn.datatables.net/2.0.3/js/dataTables.min.js"></script>
    @vite('resources/js/products/linkProducts.js')
    @vite('resources/js/products/dropProducts.js')
    @vite('resources/js/products/productDetails.js')
    @vite('resources/js/products/makeOffer.js')
    @vite('resources/js/products/addProductImages.js')
    @vite('resources/js/products/modProductImages.js')
    @vite('resources/js/products/dropProductImages.js')
    @vite('resources/js/products/resupplyInventory.js')
    @vite('resources/js/products/makeProductInBase.js')
    @vite('resources/js/products/showOfferts.js')
    @vite('resources/js/products/changeStatus.js')
    {{-- Quiero intentar hacer esto mas adelante, seria una buena mejora hacerlo mas rapido usando datatables --}}
    <script>
        //let table = new DataTable('#productsTable');
    </script>
@endsection