from django.db import models

# Create your models here.
class Product(models.Model):
    name = models.CharField(max_length=100)
    price = models.DecimalField(max_digits=8, decimal_places=2)
    description = models.TextField()

    def __str__(self):
        return self.name

class ProductImage(models.Model):
    image = models.FileField('Arquivos',upload_to='image')
    product = models.ForeignKey(Product, related_name='products', on_delete=models.CASCADE)
 
    def __str__(self):
        return self.product.name

from django.contrib import admin

from myapp.models import Product, ProductImage

# Register your models here.
admin.site.register(Product)
admin.site.register(ProductImage)

python manage.py makemigrations
python manage.py migrate

python manage.py createsuperuser # para acessar django admin

from django import forms
from .models import Product, ProductImage

class ProductForm(forms.ModelForm):
    products = forms.FileField(widget=forms.ClearableFileInput(attrs={'multiple': True}))
    class Meta:
        model = Product
        fields = ['name', 'price', 'description'] 
        
    def __init__(self, *args, **kwargs): # Adiciona 
        super().__init__(*args, **kwargs)  
        for field_name, field in self.fields.items():   
              field.widget.attrs['class'] = 'form-control'
              

class ProductImageForm(forms.ModelForm):
    class Meta:
        model = ProductImage
        fields = ['image', 'product']

from django.shortcuts import redirect

def form_product(request):
    form = ProductForm
    if request.method == 'POST':
        form = ProductForm(request.POST, request.FILES)
        if form.is_valid():
            product = form.save()
            files = request.FILES.getlist('products')
            if files:
                for f in files:
                    ProductImage.objects.create(
                        product=product, 
                        image=f)
            return redirect('product-list')  
                 
    return render(request, 'form-create.html', {'form': form})

from django.urls import path 
from myapp import views

urlpatterns = [ 
    path('create-product/', views.form_product, name='product-create'), 
]

from django.core.paginator import Paginator
from django.shortcuts import redirect, render
from myapp.forms import ProductForm

from myapp.models import Product, ProductImage

def product_list(request):
    obj = request.GET.get('obj')
    print(obj)
    if obj:  
        product_list = Product.objects.filter(name__icontains=obj)  
    else:
        product_list = Product.objects.all()   
        
    paginator = Paginator(product_list, 3) # mostra 3 produtos por pagina
    page_number = request.GET.get('page')
    page_obj = paginator.get_page(page_number)
    
    return render(request, 'index.html', {'page_obj': page_obj})

from django.urls import path 
from myapp import views

urlpatterns = [
    path('', views.product_list, name='product-list'), 
    path('create-product/', views.form_product, name='product-create'), 
]

{% extends 'base.html' %}

{% block title %}index 1{% endblock %}

{% block content %}
<h1>Produtos</h1>

<div class="container">

    <form class="d-flex gap-3 mt-2" action="{% url 'product-list' %}" method="GET">          
 
        <span class="fw-bold">Pesquisar: </span>   

        <input name="obj" type="text" value="{{request.GET.obj}}" class="form-control" placeholder="pesquisar pelo nome do produto..."> 
    
        {% if request.GET.obj %}   
        <a class="btn btn-primary" href="{% url 'product-list' %}">Reset</a>                 
        {% endif %}  
    
        <button type="submit" class="btn btn-primary">Buscar</button> 
    
    </form> 

    <a class="btn btn-warning" href="{% url 'product-create' %}">+</a>
   
    <table class="table"> 
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Nome</th>
                <th scope="col">Preço</th>
                <th scope="col">Descrição</th>
                <th scope="col">Imagens</th>
            </tr>
        </thead> 
        <tbody>
            {% for product in page_obj %}
            <tr>
                <th scope="row">{{ product.id }}</th>
                <th scope="row">{{ product.name|upper }}</th>
                <th scope="row">{{ product.price }}</th>
                <th scope="row">{{ product.description }}</th>
                <th scope="row">
                    {% for el in product.products.all %} 
                    <a href="{{el.image.url}}" target="_blank">Link {{forloop.counter}}</a>
                    {% endfor %}
                </th>
            </tr>
            {% endfor %}
        </tbody>
    </table> 
    {% include 'pagination.html' %} 
</div> 
{% endblock %}