@extends('adminlte::page')

@section('title', 'Productos')

@section('css')
    <link rel="stylesheet" href="//cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css">
    <style>
        .table td {
            white-space: nowrap;
        }
    </style>
@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 validateIfExist">
                        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
                            @if ($inDraft > 0)
                                <li>
                                    <a href="{{ Route('showDrafts') }}" class="dropdown-item">Ver solo borradores</a>
                                </li>
                            @endif
                            {{-- @if ($products->where('iam_vendor_id', '!=', null)->count() > 0) --}}
                            <li>
                                <a href="{{ Route('listVendorProducts') }}" class="dropdown-item">Ver productos de
                                    vendedores</a>
                            </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%;">Imagen</th>
                                    <th style="width: 10%;">Categorías</th>
                                    <th style="width: 10%;">Marca</th>
                                    <th style="width: 1%;"></th>
                                    <th style="width: 10%;">*</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($products as $key => $product)
                                    <tr class="row-loading">
                                        <td>{{ $product->display_name }}</td>
                                        <td>{{ $product->model }}</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">Sin imagenes</p>
                                            @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>
                                            @if ($product->draft)
                                                <span class="badge bg-secondary">Inactivo</span>
                                                @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
                                            @else
                                                <span class="badge bg-success">Activo</span>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="dropdown" data-bs-display="static">
                                                <button class="btn btn-outline-secondary btn-sm dropdown-toggle"
                                                    type="button" data-bs-toggle="dropdown">
                                                    <i class="bi bi-gear"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-end">
                                                    <li>
                                                        <p class="mt-1 dropdown-item">Actualizado:
                                                            {{ $product->updated_at }}</p>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    <li><a class="dropdown-item showAttributes"
                                                            data-product-id="{{ $product->id }}" href=""><i
                                                                class="bi bi-eye me-1"></i> Ver detalles del producto</a>
                                                    </li>
                                                    <li>
                                                        <a class="dropdown-item"
                                                            href="{{ Route('modProduct', [
                                                                'slug' => $product->slug,
                                                                'page' => $products->currentPage(),
                                                            ]) }}"><i
                                                                class="bi bi-pencil-square me-1"></i> Editar</a>
                                                    </li>
                                                    @if (!$product->draft)
                                                        <a href=" {{ Route('productDetails', $product->slug) }}"
                                                            class="dropdown-item" target="_BLANK"> <i
                                                                class="bi bi-box-arrow-down-right"></i> Ver en la
                                                            tienda</a>
                                                    @endif
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    @if ($product->images->count() == 0)
                                                        <li><a class="dropdown-item addImages" href="#"
                                                                data-product-id="{{ $product->id }}"> <i
                                                                    class="bi bi-file-arrow-up"></i>Agregar imagenes</a>
                                                        </li>
                                                    @else
                                                        <li><a class="dropdown-item modImages" href="#"
                                                                data-product-id="{{ $product->id }}"><i
                                                                    class="bi bi-images"></i> Modificar
                                                                imagenes</a></li>
                                                        <li><a class="dropdown-item dropImages" href="#"
                                                                data-product-id="{{ $product->id }}"><i
                                                                    class="bi bi-file-earmark-minus"></i> Borrar
                                                                imagenes</a></li>
                                                    @endif
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    <li><a class="dropdown-item"
                                                            href="{{ Route('listInstances', $product->slug) }}"><i
                                                                class="bi bi-cast"></i> Existencias
                                                            del producto</a></li>
                                                    @if ($product->draft)
                                                        <li><a class="dropdown-item changeToDraft @if ($product->price == 0 || !$product->brand || $product->images->isEmpty() || $product->categories->isEmpty()) disabled @endif"
                                                                href="#" data-product-id="{{ $product->id }}"
                                                                data-product-name="{{ $product->display_name }}"
                                                                data-product-status="{{ $product->draft }}"><i
                                                                    class="bi bi-check2-circle"></i> Publicar
                                                                Producto</a></li>
                                                    @else
                                                        <li><a class="dropdown-item changeToDraft " href="#"
                                                                data-product-id="{{ $product->id }}"
                                                                data-product-name="{{ $product->display_name }}"
                                                                data-product-status="{{ $product->draft }}"><i
                                                                    class="bi bi-pencil"></i> Cambiar a
                                                                borrador</a></li>
                                                    @endif
                                                    <form id="changeProductStatus_{{ $product->id }}"
                                                        action="{{ route('changeProductStatus') }}" method="POST">
                                                        @csrf
                                                        <input type="hidden" name="idProduct"
                                                            value="{{ $product->id }}">
                                                    </form>
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    <li><a class="dropdown-item text-danger" href="#"
                                                            data-product-id="{{ $product->id }}"
                                                            data-product-name="{{ $product->display_name }}"><i
                                                                class="bi bi-trash me-1"></i> Eliminar</a></li>
                                                    <form id="dropProduct_{{ $product->id }}"
                                                        action="{{ route('dropVendorProduct') }}" method="POST">
                                                        @csrf
                                                        @method('DELETE')
                                                        <input type="hidden" name="idProduct"
                                                            value="{{ $product->id }}">
                                                    </form>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="bg-secondary" colspan="7" 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>

    {{-- 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->instance->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->instance->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>

    {{-- Show form to relationate products --}}
    <div class="modal fade" id="addProductModal" tabindex="-1" role="dialog" 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">Nuevo producto</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="validateProduct" action="{{ Route('addProduct') }}" method="get">
                    <div class="modal-body">
                        <label for="modelValidated">Modelo:</label>
                        <input class="form-control" type="text" name="modelValidated" id="modelValidated"
                            placeholder="Ingrese el modelo a añadir" required>
                        <small>Esto es para evitar la creación de productos existentes</small>
                        <br>
                        <span id="error-model" class="text-danger"></span>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">Validar existencia</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </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>
        $(document).ready(function() {
            $(".validateIfExist").on("click", function(e) {
                e.preventDefault();
                $("#addProductModal").modal("show");
            })
            $("#modelValidated").on("input", function() {
                $("#error-model").text("")
            })
            $("#validateProduct").on("submit", function(e) {
                e.preventDefault();
                var model = $("#modelValidated").val();
                var form = this;
                var data = {
                    model: model
                };
                $.ajax({
                    type: "get",
                    url: "/internal-operations/products/validate-product",
                    data: data,
                    success: function(response) {
                        console.log(response);
                        form.submit();
                    },
                    error: function(xhr) {
                        $("#error-model").text(xhr.responseJSON.error)
                    },
                });
            });
            $("#addProductModal").on("hidden.bs.modal", function() {
                $("#error-model").text("")
                $("#modelValidated").val("");
            })
        });
    </script>
@endsection