diff --git a/app/Http/Controllers/DetailSaleController.php b/app/Http/Controllers/DetailSaleController.php
new file mode 100644
index 0000000..3135500
--- /dev/null
+++ b/app/Http/Controllers/DetailSaleController.php
@@ -0,0 +1,109 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\DetailSale;
+use Illuminate\Http\Request;
+
+/**
+ * Class DetailSaleController
+ * @package App\Http\Controllers
+ */
+class DetailSaleController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        $detailSales = DetailSale::paginate();
+
+        return view('detail-sale.index', compact('detailSales'))
+            ->with('i', (request()->input('page', 1) - 1) * $detailSales->perPage());
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create()
+    {
+        $detailSale = new DetailSale();
+        return view('detail-sale.create', compact('detailSale'));
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        request()->validate(DetailSale::$rules);
+
+        $detailSale = DetailSale::create($request->all());
+
+        return redirect()->route('detail-sales.index')
+            ->with('success', 'DetailSale created successfully.');
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        $detailSale = DetailSale::find($id);
+
+        return view('detail-sale.show', compact('detailSale'));
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        $detailSale = DetailSale::find($id);
+
+        return view('detail-sale.edit', compact('detailSale'));
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request $request
+     * @param  DetailSale $detailSale
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, DetailSale $detailSale)
+    {
+        request()->validate(DetailSale::$rules);
+
+        $detailSale->update($request->all());
+
+        return redirect()->route('detail-sales.index')
+            ->with('success', 'DetailSale updated successfully');
+    }
+
+    /**
+     * @param int $id
+     * @return \Illuminate\Http\RedirectResponse
+     * @throws \Exception
+     */
+    public function destroy($id)
+    {
+        $detailSale = DetailSale::find($id)->delete();
+
+        return redirect()->route('detail-sales.index')
+            ->with('success', 'DetailSale deleted successfully');
+    }
+}
diff --git a/app/Http/Controllers/SaleController.php b/app/Http/Controllers/SaleController.php
new file mode 100644
index 0000000..921fc63
--- /dev/null
+++ b/app/Http/Controllers/SaleController.php
@@ -0,0 +1,122 @@
+<?php
+
+namespace App\Http\Controllers;
+use App\Models\Product;
+use App\Models\Sale;
+use Illuminate\Http\Request;
+use Barryvdh\DomPDF\Facade\PDF; // Importamos librería para exportación de PDF de Venta
+
+class SaleController extends Controller
+{
+    public function index()
+    {
+        $sales = Sale::paginate();
+
+        return view('Admin.sale.index', compact('sales'))
+            ->with('i', (request()->input('page', 1) - 1) * $sales->perPage());
+    }
+
+    public function create()
+    {
+        $products = Product::all();
+        $sale = new Sale();
+
+        return view('Admin.Sale.create', compact('sale', 'products'));
+    }
+
+    public function store(Request $request)
+    {
+        $request->validate([
+            'date' => 'required',
+            'product_id.*' => 'required|distinct',
+            'quantity.*' => 'required|numeric',
+            'price.*' => 'required|numeric',
+        ]);
+
+        $sale = Sale::create([
+            'date' => $request->input('date'),
+        ]);
+
+        $productData = [];
+        $productIds = $request->input('product_id');
+        $quantities = $request->input('quantity');
+        $prices = $request->input('price');
+
+        $total = 0;
+
+        foreach ($productIds as $key => $productId) {
+            $quantity = $quantities[$key];
+            $price = $prices[$key];
+
+            $subtotal = $quantity * $price;
+            $total += $subtotal;
+
+            $productData[$productId] = [
+                'quantity' => $quantity,
+                'price' => $price,
+            ];
+        }
+
+        $sale->total = $total;
+        $sale->save();
+
+        $sale->products()->sync($productData);
+
+        return redirect()->route('sales.index')->with('created', 'Venta creada con éxito');
+    }
+
+    public function show($id)
+    {
+        $sale = Sale::find($id);
+        $products = $sale->products;
+
+        return view('Admin.sale.show', compact('sale', 'products'));
+    }
+
+    public function edit($id)
+    {
+        $sale = Sale::find($id);
+        $products = $sale->products;
+
+        return view('Admin.sale.edit', compact('sale', 'products'));
+    }
+
+    public function update(Request $request, $id)
+    {
+        $request->validate([
+            'date' => 'required',
+        ]);
+
+        $sale = Sale::find($id);
+
+        $productData = [];
+        $productIds = $request->input('product_id');
+        $quantities = $request->input('quantity');
+        $prices = $request->input('price');
+
+        $total = 0;
+
+        foreach ($productIds as $key => $productId) {
+            $productData[$productId] = [
+                'quantity' => $quantities[$key],
+                'price' => $prices[$key],
+            ];
+
+            $subtotal = $quantities[$key] * $prices[$key];
+            $total += $subtotal;
+        }
+
+        $sale->products()->sync($productData);
+        $sale->total = $total;
+        $sale->save();
+
+        return redirect()->route('sales.index')->with('updated', 'Venta actualizada con éxito');
+    }
+
+    public function destroy($id)
+    {
+        $sale = Sale::find($id)->delete();
+
+        return redirect()->route('sales.index')->with('deleted', 'Venta eliminada con éxito');
+    }
+}
diff --git a/app/Models/DetailSale.php b/app/Models/DetailSale.php
new file mode 100644
index 0000000..cbee154
--- /dev/null
+++ b/app/Models/DetailSale.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * Class DetailSale
+ *
+ * @property $id
+ * @property $sale_id
+ * @property $product_id
+ * @property $quantity
+ * @property $price
+ * @property $created_at
+ * @property $updated_at
+ *
+ * @property Product $product
+ * @property Sale $sale
+ * @package App
+ * @mixin \Illuminate\Database\Eloquent\Builder
+ */
+class DetailSale extends Model
+{
+
+    static $rules = [
+		'sale_id' => 'required',
+		'product_id' => 'required',
+		'quantity' => 'required',
+		'price' => 'required',
+    ];
+
+    protected $perPage = 20;
+
+    /**
+     * Attributes that should be mass-assignable.
+     *
+     * @var array
+     */
+    protected $fillable = ['sale_id','product_id','quantity','price'];
+
+
+    /**
+     * @return \Illuminate\Database\Eloquent\Relations\HasOne
+     */
+    public function product()
+    {
+        return $this->belongsTo(Product::class);
+    }
+
+    /**
+     * @return \Illuminate\Database\Eloquent\Relations\HasOne
+     */
+    public function sale()
+    {
+        return $this->hasOne('App\Models\Sale', 'id', 'sale_id');
+    }
+}
diff --git a/app/Models/Sale.php b/app/Models/Sale.php
new file mode 100644
index 0000000..fd66344
--- /dev/null
+++ b/app/Models/Sale.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * Class Sale
+ *
+ * @property $id
+ * @property $date
+ * @property $total
+ * @property $created_at
+ * @property $updated_at
+ *
+ * @property DetailSale[] $detailSales
+ * @package App
+ * @mixin \Illuminate\Database\Eloquent\Builder
+ */
+class Sale extends Model
+{
+
+    static $rules = [
+		'date' => 'required',
+		'total' => 'required',
+    ];
+
+    protected $perPage = 20;
+
+    /**
+     * Attributes that should be mass-assignable.
+     *
+     * @var array
+     */
+    protected $fillable = ['date','total'];
+
+
+    /**
+     * @return \Illuminate\Database\Eloquent\Relations\HasMany
+     */
+    public function detailSales()
+    {
+        return $this->hasMany('App\Models\DetailSale', 'sale_id', 'id'); // Un detalle de venta tiene muchos productos y está ligado a una venta
+    }
+
+    public function products()
+    {
+        return $this->belongsToMany(Product::class, 'detail_sale')->withPivot('quantity', 'price');
+    }
+}
diff --git a/database/migrations/2023_12_05_155131_sales.php b/database/migrations/2023_12_05_155131_sales.php
new file mode 100644
index 0000000..bf6a9ef
--- /dev/null
+++ b/database/migrations/2023_12_05_155131_sales.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('sales', function (Blueprint $table) {
+            $table->id();
+            $table->date("date");
+            $table->decimal("total")->default(0.0);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        //
+    }
+};
diff --git a/database/migrations/2023_12_05_155143_detail_sale.php b/database/migrations/2023_12_05_155143_detail_sale.php
new file mode 100644
index 0000000..202c8c4
--- /dev/null
+++ b/database/migrations/2023_12_05_155143_detail_sale.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('detail_sale', function (Blueprint $table) {
+            $table->id();
+            $table->bigInteger('sale_id')->unsigned();
+            $table->bigInteger('product_id')->unsigned();
+            $table->integer('quantity');
+            $table->decimal('price', 10, 2);
+            $table->timestamps();
+
+            $table->foreign('sale_id')->references('id')->on('sales')->onDelete('cascade');
+            $table->foreign('product_id')->references('id')->on('products')->onDelete('cascade');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        //
+    }
+};
diff --git a/public/assets/css/Admin/modules/Sales/form-styles.css b/public/assets/css/Admin/modules/Sales/form-styles.css
index 3261af2..5e56d47 100644
--- a/public/assets/css/Admin/modules/Sales/form-styles.css
+++ b/public/assets/css/Admin/modules/Sales/form-styles.css
@@ -1,3 +1,355 @@
-.tabla-registro-venta{
-    margin: -0.8rem 0 0;
+/* Contenedor de nueva factura */
+.cont-venta{
+    height: auto;
+    margin-top: 2rem;
 }
+
+.cont-venta, .cont-info-venta, .cont-productos-venta{
+    display: flex;
+    width: 100%;
+}
+
+.cont-venta, .cont-info-venta{
+    flex-direction: column;
+}
+
+    /* Contenedor información de factura */
+    .cont-info-venta{
+        height: 130px;
+        background-color: #D9D9D9;
+        border: 1px solid black;
+        justify-content: center;
+        align-items: center;
+        padding: 1rem 0 1rem;
+    }
+
+        /* Label */
+        .lbl-venta{
+            display: flex;
+            width: 95%;
+            height: 35px;
+            font-size: 20px;
+        }
+
+        /* Fecha,  Cliente */
+        #fechaVenta{
+            display: flex;
+            width: 95%;
+            height: 30px;
+            padding: 0 5px 0;
+            font-size: 15px;
+        }
+
+        #fechaVenta{
+            margin-bottom: 8px;
+        }
+
+    /* Tabla lista de productos de factura */
+    .tab-productos-venta{
+        height: auto;
+        margin: 1.5rem 0 2rem;
+    }
+
+        /* Columnas caracteísticas de factura */
+        .columnas-caract, .filas-datos{
+            display: flex;
+            width: 100%;
+            justify-content: space-between;
+        }
+
+        .columnas-caract{
+            height: 35px;
+        }
+
+            .item-columna, .item-fila{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border: 1px solid black;
+            }
+
+            .item-columna{
+                background-color: #212EC2;
+                font-size: 17px;
+                color: white;
+            }
+
+        .filas-datos{
+            height: 30px;
+        }
+
+            .nombre-prod, .nombre-prod-dato{
+                width: 50.7%;
+            }
+
+            .cantidad-prod, .cantidad-prod-dato{
+                width: 20%;
+            }
+
+            .precio-prod, .precio-prod-dato{
+                width: 25%;
+            }
+
+            .elim-fila, .elim-fila-dato{
+                width: 4%;
+            }
+
+            .elim-fila-dato{
+                background-color: #D9D9D9;
+                cursor: pointer;
+            }
+
+            .elim-fila img, .elim-fila-dato img{
+                width: 16.5px;
+                height: 20px;
+            }
+
+        #seleccionarProducto, #cantidadProd, #precioProd{
+            display: flex;
+            width: 100%;
+            height: 100%;
+            background-color: #D9D9D9;
+            font-size: 13.5px;
+            border: none;
+        }
+
+        #seleccionarProducto{
+            padding: 0 7px 0;
+            border: none;
+        }
+
+        .item-fila input{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            border: none;
+        }
+
+/* Contenedor añadir fila */
+.cont-anadir-fila{
+    display: flex;
+    width: 100%;
+    height: 35px;
+    margin: 2rem 0 1.5rem;
+}
+
+    /* Botón */
+    .btn-anadir-fila{
+        display: flex;
+        width: 200px;
+        height: auto;
+        border: 1px solid black;
+        border-radius: 7px;
+        background-color: #36BBFF;
+        font-size: 17px;
+        color: white;
+        align-items: center;
+        justify-content: center;
+        font-weight: bold;
+        cursor: pointer;
+    }
+
+/* Opciones factura */
+.opciones-venta{
+    display: flex;
+    width: 100%;
+    height: 35px;
+    margin-top: 2rem;
+    justify-content: space-between;
+}
+
+    /* Botón: Cancelar */
+    .bott-cancelar{
+        display: flex;
+        width: 165px;
+        background-color: red;
+        border: 1px solid black;
+        border-radius: 7px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .bott-cancelar h2{
+        color: white;
+        font-size: 17px;
+    }
+
+    /* Botón: Crear factura */
+    .bott-guardar-cambios{
+        display: flex;
+        width: 220px;
+        background-color: #2121E3;
+        border: 1px solid black;
+        border-radius: 7px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .bott-guardar-cambios a h2{
+        color: white;
+        font-size: 17px;
+    }
+
+/* @media */
+    /* @media 1024px */
+    @media(max-width: 1024px){
+        .cont-venta{
+            margin-top: 1.5rem;
+        }
+
+        .cont-info-venta{
+            height: 95px;
+        }
+
+        .lbl-venta{
+            font-size: 15px;
+            height: auto;
+            margin: 0 0 10px;
+        }
+
+        #fechaVenta{
+            height: 25px;
+            padding: 0 2.5px 0;
+            font-size: 12px;
+        }
+
+        .tab-productos-venta{
+            margin: 1rem 0 1.5rem;
+        }
+
+        .columnas-caract{
+            height: 30px;
+        }
+
+        .item-columna{
+            font-size: 14px;
+        }
+
+        .nombre-prod, .nombre-prod-dato{
+            width: 47.7%;
+        }
+
+        .cantidad-prod, .cantidad-prod-dato{
+            width: 20%;
+        }
+
+        .precio-prod, .precio-prod-dato{
+            width: 25%;
+        }
+
+        .elim-fila, .elim-fila-dato{
+            width: 7%;
+        }
+
+        .elim-fila-dato{
+            background-color: #D9D9D9;
+            cursor: pointer;
+        }
+
+        .elim-fila img, .elim-fila-dato img{
+            width: 16.5px;
+            height: 20px;
+        }
+
+        .elim-fila img, .elim-fila-dato img{
+            width: 14px;
+            height: 18px;
+        }
+
+        #seleccionarProducto, #cantidadProd, #precioProd{
+            font-size: 12px;
+        }
+
+        .opciones-venta{
+            margin-top: 0.5rem;
+        }
+
+        .bott-guardar-cambios{
+            width: 180px;
+            height: 30px;
+        }
+
+        .btn-anadir-fila, .bott-cancelar{
+            height: 30px;
+            width: 150px;
+        }
+
+        .bott-guardar-cambios a h2, .btn-anadir-fila, .bott-cancelar a h2{
+            font-size: 13.5px;
+        }
+    }
+
+    /* @media 425px */
+    @media(max-width: 425px){
+        .cont-info-venta{
+            height: 85px;
+        }
+
+        .lbl-venta{
+            width: 90%;
+            font-size: 13px;
+        }
+
+        #fechaVenta{
+            width: 90%;
+            height: 35px;
+            padding: 10px 5px 10px;
+        }
+
+        .columnas-caract{
+            height: 27.5px;
+        }
+
+        .item-columna, #seleccionarProducto, #cantidadProd, #precioProd,
+        .btn-anadir-fila, .bott-cancelar a h2, .bott-guardar-cambios a h2,
+        #fechaVenta{
+            font-size: 10px;
+        }
+
+        .filas-datos{
+            height: 25px;
+        }
+
+        .nombre-prod, .nombre-prod-dato{
+            width: 48%;
+        }
+
+        .cantidad-prod, .cantidad-prod-dato{
+            width: 20%;
+        }
+
+        .precio-prod, .precio-prod-dato{
+            width: 22%;
+        }
+
+        .elim-fila, .elim-fila-dato{
+            width: 9%;
+        }
+
+        .elim-fila-dato{
+            background-color: #D9D9D9;
+            cursor: pointer;
+        }
+
+        .elim-fila img, .elim-fila-dato img{
+            width: 11px;
+            height: 13px;
+        }
+
+        .cont-anadir-fila, .opciones-venta{
+            height: 27.5px;
+        }
+
+        .btn-anadir-fila, .bott-cancelar, .bott-guardar-cambios{
+            height: 100%;
+        }
+
+        .bott-cancelar{
+            width: 100px;
+        }
+
+        .bott-guardar-cambios, .btn-anadir-fila{
+            width: 120px;
+        }
+    }
diff --git a/public/assets/css/Admin/modules/Sales/sales-styles.css b/public/assets/css/Admin/modules/Sales/sales-styles.css
new file mode 100644
index 0000000..ee46845
--- /dev/null
+++ b/public/assets/css/Admin/modules/Sales/sales-styles.css
@@ -0,0 +1,486 @@
+/* Filtros de búsqueda */
+.filtros-busqueda{
+    display: flex;
+    width: 100%;
+    height: 30px;
+    justify-content: space-between;
+    margin-top: 25px;
+}
+
+    /* Ordenar por */
+    .ordenar_por{
+        display: flex;
+        width: 45%;
+        height: 100%;
+    }
+
+    #ordenar_por{ /* Input */
+        border-radius: 0;
+        width: 60%;
+        font-size: 14px;
+        border: 1px solid black;
+        padding: 0 7px 0;
+    }
+
+    /* Barra búsqueda */
+    .barra_busqueda{
+        display: flex;
+        width: 55%;
+        height: 100%;
+        justify-content: end;
+        border-radius: 5px;
+    }
+
+    #barra_busqueda{
+        border-radius: 5px;
+        width: 50%;
+        font-size: 14px;
+        border: 1px solid black;
+        padding: 10px;
+    }
+
+/* Contenedor ventas */
+.cont-ventas{
+    display: flex;
+    width: 100%;
+    height: auto;
+    justify-content: space-between;
+    margin: 2.5rem 0 0;
+}
+
+    /* Contenedor lista de ventas */
+    .cont-lista-ventas{
+        width: 70%;
+    }
+
+    /* Contenedor Opciones de ventas */
+    .cont-opciones-venta{
+        width: 30.5%;
+    }
+
+    .cont-ventas, .cont-opciones-venta{
+        display: flex;
+        height: 100%;
+    }
+
+    .cont-opciones-venta, .opciones-venta{
+        flex-direction: column;
+        align-items: end;
+    }
+
+        /* Opciones venta */
+        .opciones-venta{
+            display: flex;
+            width: 90%;
+        }
+
+        /* Contenedor opción venta */
+        .cont-opcion-venta{
+            display: flex;
+            width: 100%;
+            min-height: 150px;
+            max-height: 200px;
+            background-color: #D9D9D9;
+            border: 1px solid black;
+            justify-content: center;
+            align-items: center;
+            margin-bottom: 10px;
+        }
+
+        .link-sect-venta,
+        .cont-opcion-venta a h2{
+            font-size: 22px;
+            margin-left: 10px;
+            font-weight: lighter;
+        }
+
+        .cont-opcion-venta img{
+            width: 70px;
+            height: 70px;
+        }
+
+        .no-records{
+            display: flex;
+            width: 100%;
+            height: auto;
+        }
+
+    /* Tabla ventas */
+    .tabla-ventas{
+        display: flex;
+        width: 100%;
+        height: auto;
+        flex-direction: column;
+    }
+
+        .columnas-caract-venta{
+            display: flex;
+            width: 100%;
+            color: white;
+            justify-content: space-between;
+            height: 35px;
+        }
+
+        .item-columna{
+            display: flex;
+            width: 100%;
+            height: 100%;
+            justify-content: center;
+            align-items: center;
+            font-size: 16.5px;
+            color: white;
+            background-color: #212EC2;
+            border: 1px solid black;
+        }
+
+            .num-venta, .num-venta-dato{
+                display: flex;
+                width: 20%;
+            }
+
+            .fecha-venta, .fecha-venta-dato{
+                display: flex;
+                width: 20%;
+            }
+
+            .total-venta, .total-venta-dato{
+                display: flex;
+                width: 19%;
+            }
+
+            .opciones-venta-tabla, .opciones-venta-tabla-dato{
+                display: flex;
+                width: 40.5%;
+            }
+
+            .opciones-venta-tabla-dato{
+                justify-content: space-between;
+            }
+
+    /* Columnas datos de filas */
+    .filas-datos{
+        display: flex;
+        width: 100%;
+        height: 35px;
+        color: black;
+        margin-top: 3px;
+    }
+
+    .item-fila{
+        display: flex;
+        height: 100%;
+        justify-content: center;
+        align-items: center;
+        font-size: 15px;
+        background-color: #D9D9D9;
+        border: 1px solid black;
+    }
+
+        /* Botones Opciones venta */
+        .btn-venta{
+            display: flex;
+            height: 100%;
+            border: 1px solid black;
+            justify-content: center;
+            align-items: center;
+            font-size: 15px;
+            cursor: pointer;
+        }
+
+        .btn-venta img{
+            width: 13.5px;
+            height: 13.5px;
+            margin-left: 7px;
+        }
+
+            /* Ver */
+            .btn-ver{
+                width: 28.5%;
+                background-color: #36BBFF;
+            }
+
+            .btn-venta a img{
+                margin-top: 5px;
+            }
+
+            /* Editar */
+            .btn-editar{
+                width: 35%;
+                background-color: #1988CF;
+            }
+
+            /* Eliminar */
+            .btn-eliminar{
+                width: 35.5%;
+                background-color: red;
+            }
+
+            .eliminar-venta{
+                display: flex;
+                width: 100%;
+                height: 100%;
+                background-color: red;
+            }
+
+/* @media */
+    /* @media 1024px */
+    @media(max-width: 1024px){
+        .cont-busqueda{
+            margin: 2rem 0 1rem;
+            height: 32.5px;
+        }
+
+        #buscarventa{
+            width: 52.5%;
+        }
+
+        .link-sect-venta{
+            display: none;
+        }
+
+        .cont-lista-ventas{
+            width: 120%;
+        }
+
+        .cont-opcion-venta{
+            width: 120px;
+            height: 120px;
+            min-width: 100px;
+            min-height: 100px;
+        }
+
+        .cont-opcion-venta img{
+            margin: 0;
+            width: 55px;
+            height: 55px;
+        }
+
+        .columnas-caract-venta{
+            height: 32.5px;
+        }
+
+        .item-columna{
+            font-size: 15px;
+        }
+
+        .filas-datos{
+            height: 27.5px;
+        }
+
+        .item-fila, .btn-venta{
+            font-size: 13px;
+        }
+
+        .btn-venta img{
+            width: 10px;
+            height: 10px;
+        }
+
+
+        .btn-venta a img{
+            margin-top: 5px;
+        }
+    }
+
+    /* @media 768px */
+    @media(max-width: 768px){
+        .cont-busqueda{
+            height: 27.5px;
+            margin: 2rem 0 1.5rem;
+        }
+
+        #buscarventa{
+            font-size: 11.7px;
+        }
+
+        .btn-venta img{
+            margin: 0;
+        }
+
+        .link-op-venta{
+            display: none;
+        }
+
+        .columnas-caract-venta{
+            height: 30px;
+        }
+
+        .item-columna{
+            font-size: 12px;
+        }
+
+        .filas-datos{
+            height: 25px;
+        }
+
+        .item-fila, .btn-venta{
+            font-size: 10px;
+        }
+
+        .btn-venta img{
+            width: 12px;
+            height: 12px;
+        }
+
+        .num-venta, .num-venta-dato{
+            width: 20%;
+        }
+
+        .fecha-venta, .fecha-venta-dato{
+            width: 20%;
+        }
+
+        .total-venta, .total-venta-dato{
+            width: 20.5%;
+        }
+
+        .opciones-venta-tabla, .opciones-venta-tabla-dato{
+            width: 38.5%;
+        }
+
+        .opciones-venta-tabla-dato{
+            justify-content: space-between;
+        }
+
+        .btn-editar, .btn-eliminar, .btn-ver{
+            width: 32.8%;
+        }
+
+        .eliminar-venta{
+            font-size: 0;
+        }
+
+        .cont-opcion-venta{
+            width: 70px;
+            height: 70px;
+            min-width: 60px;
+            min-height: 60px;
+        }
+
+        .cont-opcion-venta img{
+            width: 30px;
+            height: 30px;
+        }
+
+        .btn-venta a img{
+            margin-top: 3.5px;
+        }
+    }
+
+    /* @media 425px */
+    @media(max-width: 425px){
+        .cont-busqueda{
+            margin: 1.5rem 0 1rem;
+            height: 26px;
+        }
+
+        /* Filtros de búsqueda */
+        .filtros-busqueda{
+            height: 15px;
+            margin-top: 25px;
+            align-items: center;
+        }
+
+            #ordenar_por, #barra_busqueda{
+                font-size: 9px;
+            }
+
+            #ordenar_por{
+                width: 70%;
+            }
+
+            #barra_busqueda{
+                width: 100%;
+            }
+
+            .ordenar_por, .barra_busqueda{
+                width: 50%;
+                height: 18px;
+            }
+
+        .cont-ventas{
+            flex-direction: column-reverse;
+            margin: 0;
+            height: auto;
+        }
+
+        .cont-lista-ventas{
+            width: 100%;
+            margin: 0;
+        }
+
+        .cont-opciones-venta{
+            width: 100%;
+            max-height: 50px;
+            height: 50px;
+            margin: 1.5rem 0 1rem;
+        }
+
+        .opciones-venta{
+            width: 100%;
+            height: 100%;
+            align-items: start;
+            justify-content: center;
+        }
+
+        .cont-opcion-venta{
+            width: auto;
+            height: 100%;
+            padding: 0 1rem 0;
+            margin: 0;
+        }
+
+        .cont-opcion-venta img{
+            margin: 0;
+            width: 20px;
+            height: 20px;
+        }
+
+        .link-sect-venta,
+        .cont-opcion-venta a h2{
+            display: flex;
+            margin-left: 5px;
+            font-size: 12px;
+        }
+
+        .btn-venta img{
+            width: 10px;
+            height: 10px;
+        }
+
+        .columnas-caract-venta{
+            height: 25px;
+        }
+
+        .item-columna{
+            font-size: 10px;
+        }
+
+        .filas-datos{
+            height: 22.5px;
+        }
+
+        .num-venta, .num-venta-dato{
+            width: 19%;
+        }
+
+        .fecha-venta, .fecha-venta-dato{
+            width: 21%;
+        }
+
+        .total-venta, .total-venta-dato{
+            width: 21.5%;
+        }
+
+        .opciones-venta-tabla, .opciones-venta-tabla-dato{
+            width: 37.5%;
+        }
+
+        .item-fila, .btn-venta{
+            font-size: 9.2px;
+        }
+
+        .eliminar-venta{
+            font-size: 0;
+        }
+    }
diff --git a/public/assets/css/Admin/modules/Sales/sales.css b/public/assets/css/Admin/modules/Sales/sales.css
deleted file mode 100644
index 8bf6b30..0000000
--- a/public/assets/css/Admin/modules/Sales/sales.css
+++ /dev/null
@@ -1,330 +0,0 @@
-/* Contenedor opciones de ventas */
-.cont-ops-ventas{
-    display: flex;
-    width: 100%;
-    height: 65px;
-    margin: 2rem 0 1.5rem;
-}
-
-    /* Contenedor Registrar venta, Contenedor Filtrar venta */
-    .cont-registrar-venta, .cont-filtrar-venta{
-        display: flex;
-        width: 50%;
-        height: 100%;
-    }
-
-    .cont-filtrar-venta{
-        justify-content: end;
-        align-items: center;
-    }
-
-    .btn-registrar-venta{
-        display: flex;
-        width: 45%;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        background-color: #D9D9D9;
-        border: 1px solid black;
-        cursor: pointer;
-    }
-
-    .btn-registrar-venta:hover{
-        background-color: white;
-        transition: 0.3s;
-    }
-
-    .btn-registrar-venta img{
-        display: flex;
-        width: 35px;
-        height: 35px;
-        margin-left: 15px;
-    }
-
-    .btn-registrar-venta a h2{
-        font-size: 20px;
-    }
-
-    #filtrarVenta{
-        display: flex;
-        width: 60%;
-        height: 30px;
-        font-size: 14px;
-        border: 1px solid black;
-        padding: 0 7px;
-    }
-
-/* Tabla Ventas */
-.tabla-ventas{
-    display: flex;
-    width: 100%;
-    height: auto;
-    flex-direction: column;
-}
-
-    /* Columnas */
-    .columnas-caract, .filas-dato{
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        color: white;
-    }
-
-    .columnas-caract{
-        height: 35px;
-    }
-
-    .filas-dato{
-        height: 32px;
-        margin: 4px 0 0;
-    }
-
-        .item-columna, .item-fila{
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            border: 1px solid black;
-        }
-
-        .item-columna{
-            font-size: 16.5px;
-            color: white;
-            background-color: #212EC2;
-        }
-
-        .item-fila{
-            font-size: 15px;
-            color: black;
-            background-color: #D9D9D9;
-        }
-
-        /* No */
-        .no-venta, .no-venta-dato{
-            width: 15.5%;
-        }
-
-        /* Fecha */
-        .fecha-venta, .fecha-venta-dato{
-            width: 25%;
-        }
-
-        /* Total */
-        .total-venta, .total-venta-dato{
-            width: 29%;
-        }
-
-        /* Acciones */
-        .acciones-venta, .acciones-venta-dato{
-            width: 30%;
-        }
-
-        .acciones-venta-dato{
-            justify-content: space-between;
-            border: 0;
-        }
-
-    /* Botones Acciones */
-        .btn-editar-venta, .btn-eliminar-venta{
-            display: flex;
-            width: 49.6%;
-            height: 100%;
-            align-items: center;
-            justify-content: center;
-            border: 1px solid black;
-            cursor: pointer;
-        }
-
-        .btn-editar-venta{
-            background-color: #1988CF;
-        }
-
-        .btn-eliminar-venta{
-            background-color: red;
-        }
-
-        .btn-editar-venta a, .btn-eliminar-venta a{
-            font-size: 15px;
-        }
-
-        .btn-editar-venta a img, .btn-eliminar-venta a img{
-            display: flex;
-            width: 14px;
-            height: 14px;
-            margin-left: 5px;
-        }
-
-/* @media */
-    /* @media 1024px */
-    @media(max-width: 1024px){
-        .cont-ops-ventas{
-            height: 50px;
-            margin: 1rem 0 1rem;
-        }
-
-        .btn-registrar-venta{
-            width: 50%;
-        }
-
-        .btn-registrar-venta a h2{
-            font-size: 0.9rem;
-        }
-
-        .btn-registrar-venta img{
-            width: 22.5px;
-            height: 22.5px;
-        }
-
-        #filtrarVenta{
-            width: 80%;
-            height: 28px;
-            font-size: 14px;
-        }
-
-        .columnas-caract{
-            height: 32.5px;
-        }
-
-        .item-columna{
-            font-size: 15px;
-        }
-
-        .filas-dato{
-            height: 27.5px;
-        }
-
-        .item-fila, .btn-editar-venta a h2, .btn-eliminar-venta a h2{
-            font-size: 13px;
-        }
-
-        .btn-editar-venta a img, .btn-eliminar-venta a img{
-            width: 12px;
-            height: 12px;
-        }
-    }
-
-    /* @media 768px */
-    @media(max-width: 768px){
-        .cont-ops-ventas{
-            height: 45px;
-        }
-
-        .btn-registrar-venta{
-            width: 65%;
-        }
-
-        .btn-registrar-venta a h2{
-            font-size: 12px;
-            font-weight: lighter;
-        }
-
-        #filtrarVenta{
-            width: 85%;
-            height: 25px;
-            font-size: 12px;
-        }
-
-        .columnas-caract{
-            height: 30px;
-        }
-
-        .item-columna{
-            font-size: 12px;
-        }
-
-        .filas-dato{
-            height: 25px;
-        }
-
-        .item-fila, .btn-editar-venta a, .btn-eliminar-venta a{
-            font-size: 10px;
-        }
-
-        .btn-editar-venta a img, .btn-eliminar-venta a img{
-            width: 9px;
-            height: 9px;
-        }
-    }
-
-    /* @media 425px */
-    @media(max-width: 425px){
-        .cont-ops-ventas{
-            flex-direction: column-reverse;
-            height: 100px;
-            margin: 1rem 0 0;
-        }
-
-        .cont-registrar-venta, .cont-filtrar-venta{
-            width: 100%;
-            height: 50%;
-            justify-content: end;
-        }
-
-        .cont-registrar-venta{
-            margin: -0.5rem 0 0;
-        }
-
-        .cont-filtrar-venta{
-            align-items: start;
-        }
-
-        .btn-registrar-venta{
-            width: 60%;
-            height: 90%;
-        }
-
-        .btn-registrar-venta a h2{
-            font-size: 12px;
-            font-weight: bold;
-        }
-
-        .btn-registrar-venta img{
-            margin-left: 8px;
-        }
-
-        #filtrarVenta{
-            width: 70%;
-            height: 25px;
-            padding: 0;
-            padding-left: 5px;
-        }
-
-        .tabla-ventas{
-            margin-top: 0.5rem;
-        }
-
-        .link-btn-opcion{
-            display: none;
-        }
-
-        .columnas-caract{
-            height: 25px;
-        }
-
-        .item-columna{
-            font-size: 10px;
-        }
-
-        .filas-dato{
-            height: 22.5px;
-        }
-
-        .item-fila{
-            font-size: 9.2px;
-        }
-
-        .num-factura, .num-factura-dato{
-            width: 22%;
-        }
-
-        .fecha-factura, .fecha-factura-dato{
-            width: 25%;
-        }
-
-        .opciones-factura-tabla, .opciones-factura-tabla-dato{
-            width: 49.5%;
-        }
-
-        .btn-editar-venta a img, .btn-eliminar-venta a img{
-            margin: 0;
-        }
-    }
diff --git a/public/assets/css/Admin/modules/Sales/show-styles.css b/public/assets/css/Admin/modules/Sales/show-styles.css
new file mode 100644
index 0000000..740057c
--- /dev/null
+++ b/public/assets/css/Admin/modules/Sales/show-styles.css
@@ -0,0 +1,343 @@
+/* Contenedor de nueva venta */
+.cont-venta{
+    height: auto;
+    margin-top: 2rem;
+}
+
+.cont-venta, .cont-info-venta, .cont-productos-venta{
+    display: flex;
+    width: 100%;
+}
+
+.cont-venta, .cont-info-venta{
+    flex-direction: column;
+}
+
+    /* Contenedor información de venta */
+    .cont-info-venta{
+        height: 130px;
+        background-color: #D9D9D9;
+        border: 1px solid black;
+        justify-content: center;
+        align-items: center;
+    }
+
+        /* Número de venta */
+        .num-venta{
+            display: flex;
+            width: 100%;
+            height: 30%;
+            padding: 0 2rem 0;
+        }
+
+            .num-venta h2, .num-venta h3{
+                display: flex;
+                width: auto;
+                height: 100%;
+                font-size: 20px;
+                align-items: center;
+                justify-content: start;
+            }
+
+            .num-venta h3{
+                margin: 0 10px 0;
+                font-weight: lighter;
+            }
+
+        /* Fecha, Cliente */
+        .fecha-venta, .cliente-venta{
+            display: flex;
+            width: 100%;
+            height: 20%;
+            padding: 0 2rem 0;
+            align-items: center;
+            justify-content: start;
+            font-size: 17px;
+        }
+
+        .fecha-venta h2, .cliente-venta h2{
+            display: flex;
+            font-size: 17.5px;
+            font-weight: bold;
+        }
+
+        .fecha-venta h3, .cliente-venta h3{
+            display: flex;
+            margin: 0 5px 0;
+            font-weight: lighter;
+            font-size: 16.5px;
+        }
+
+
+    /* Tabla lista de productos de venta */
+    .tab-productos-venta{
+        height: auto;
+        margin: 1.5rem 0 2rem;
+    }
+
+        /* Columnas caracteísticas de venta */
+        .columnas-caract, .filas-datos{
+            display: flex;
+            width: 100%;
+            justify-content: space-between;
+        }
+
+        .columnas-caract{
+            height: 35px;
+        }
+
+            .item-columna, .item-fila{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border: 1px solid black;
+            }
+
+            .item-columna{
+                background-color: #212EC2;
+                font-size: 17px;
+                color: white;
+            }
+
+            .item-fila{
+                background-color: #D9D9D9;
+                font-size: 14px;
+            }
+
+        .filas-datos{
+            height: 30px;
+        }
+
+            .cols-total{
+                display: flex;
+                margin: 3px 0 0;
+                justify-content: space-between;
+            }
+
+            .nombre-prod, .nombre-prod-dato, .texto-total{
+                width: 54.7%;
+            }
+
+            .cantidad-prod, .cantidad-prod-dato, .cantidad-total{
+                width: 20%;
+            }
+
+            .precio-prod, .precio-prod-dato, .precio-total{
+                width: 25%;
+            }
+
+        #seleccionarProducto, #cantidadProd, #precioProd{
+            display: flex;
+            width: 100%;
+            height: 100%;
+            background-color: #D9D9D9;
+            font-size: 13.5px;
+            border: none;
+        }
+
+        #seleccionarProducto{
+            padding: 0 7px 0;
+            border: none;
+        }
+
+    /* Contenedor Volver */
+    .cont-volver{
+        display: flex;
+        width: 100%;
+        height: 35px;
+    }
+
+    .link-btn-volver{
+        display: flex;
+        width: auto;
+        height: 100%;
+    }
+
+    .btn-volver{
+        display: flex;
+        width: 160px;
+        height: 100%;
+        background-color: #808080;
+        border: 1px solid black;
+        border-radius: 7px;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+    }
+
+    .btn-volver:hover{
+        background-color: #D9D9D9;
+        transition: 0.3s;
+    }
+
+    .btn-volver img{
+        display: flex;
+        width: 14px;
+        height: 14px;
+    }
+
+    .btn-volver h2{
+        font-size: 17px;
+        margin-left: 8px;
+        font-weight: lighter;
+    }
+
+/* @media */
+    /* @media 1024px */
+    @media(max-width: 1024px){
+        .cont-venta{
+            margin-top: 1.5rem;
+        }
+
+        .cont-info-venta{
+            height: 100px;
+        }
+
+        .num-venta h2, .num-venta h3{
+            font-size: 14px;
+        }
+
+        .fecha-venta h2, .fecha-venta h3,
+        .cliente-venta h2, .cliente-venta h3{
+            font-size: 14px;
+        }
+
+        .tab-productos-venta{
+            margin: 1rem 0 1.5rem;
+        }
+
+        .columnas-caract{
+            height: 30px;
+        }
+
+        .item-columna{
+            font-size: 14px;
+        }
+
+        .filas-datos{
+            height: 27.5px;
+        }
+
+        .item-fila{
+            font-size: 12px;
+        }
+
+        .nombre-prod, .nombre-prod-dato, .texto-total{
+            width: 54.7%;
+        }
+
+        .cantidad-prod, .cantidad-prod-dato, .cantidad-total{
+            width: 20%;
+        }
+
+        .precio-prod, .precio-prod-dato, .precio-total{
+            width: 25%;
+        }
+
+        #seleccionarProducto, #cantidadProd, #precioProd{
+            font-size: 12px;
+        }
+
+        .cont-volver{
+            height: 30px;
+        }
+
+        .btn-volver{
+            width: 140px;
+        }
+
+        .btn-volver h2{
+            font-size: 14px;
+        }
+
+        .btn-volver img{
+            width: 12px;
+            height: 12px;
+        }
+    }
+
+    /* @media 768px */
+    @media(max-width: 768px){
+        .cont-volver{
+            height: 27.5px;
+        }
+
+        .btn-volver{
+            width: 125px;
+        }
+
+        .btn-volver h2{
+            font-size: 12.5px;
+        }
+
+        .btn-volver img{
+            width: 10px;
+            height: 10px;
+        }
+
+        .num-venta, .fecha-venta, .cliente-venta{
+            padding: 0 1.5rem 0;
+        }
+    }
+
+    /* @media 425px */
+    @media(max-width: 425px){
+        .cont-info-venta{
+            height: 65px;
+        }
+
+        .columnas-caract{
+            height: 27.5px;
+        }
+
+        .num-venta, .cliente-venta, .fecha-venta{
+            padding: 0 1rem 0;
+        }
+
+        .item-columna, #seleccionarProducto, #cantidadProd, #precioProd,
+        .btn-anadir-fila, .bott-cancelar a h2, .bott-guardar-cambios a h2,
+        .num-venta h2, .num-venta h3, .fecha-venta h2, .fecha-venta h3,
+        .cliente-venta h2, .cliente-venta h3
+        {
+            font-size: 10px;
+        }
+
+        .filas-datos{
+            height: auto;
+        }
+
+        .item-fila{
+            padding: 4px;
+            text-align: center;
+            font-size: 10px;
+        }
+
+        .nombre-prod, .nombre-prod-dato, .texto-total{
+            width: 55%;
+        }
+
+        .cantidad-prod, .cantidad-prod-dato, .cantidad-total{
+            width: 21%;
+        }
+
+        .precio-prod, .precio-prod-dato, .precio-total{
+            width: 23%;
+        }
+
+        .cont-volver{
+            height: 25px;
+        }
+
+        .btn-volver{
+            width: 100px;
+        }
+
+        .btn-volver h2{
+            font-size: 11px;
+        }
+
+        .btn-volver img{
+            width: 8px;
+            height: 8px;
+        }
+    }
diff --git a/public/assets/img/Admin/modules/volver-flecha-icono-negro.png b/public/assets/img/Admin/modules/volver-flecha-icono-negro.png
new file mode 100644
index 0000000..8d9c5c6
Binary files /dev/null and b/public/assets/img/Admin/modules/volver-flecha-icono-negro.png differ
diff --git a/resources/views/Admin/sale/create.blade.php b/resources/views/Admin/sale/create.blade.php
new file mode 100644
index 0000000..a25aeee
--- /dev/null
+++ b/resources/views/Admin/sale/create.blade.php
@@ -0,0 +1,37 @@
+@include("layouts.headerAdmin")
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Ventas | Registrar</title>
+</head>
+<body>
+    <!-- Contenido de página -->
+    <section class="contenido-pag">
+        <!-- Titulo de ventana -->
+        <div class="titulo-ventana">
+            <h1 class="titulo">Registrar Venta</h1>
+        </div>
+
+        @includeif('partials.errors')
+        <form method="POST" action="{{ route('sales.store') }}"  role="form" enctype="multipart/form-data">
+            @csrf
+            @include('Admin.sale.form')
+
+            {{-- Opciones Venta --}}
+            <div class="opciones-venta">
+                <!-- Botón: Cancelar -->
+                <button class="bott-cancelar" type="button">
+                    <a href="{{ route("sales.index") }}"><h2>Cancelar</h2></a>
+                </button>
+                <button class="bott-guardar-cambios" type="submit">
+                    <a href="#"><h2>Registrar Venta</h2></a>
+                </button>
+            </div>
+        </form>
+    </section>
+</body>
+</html>
diff --git a/resources/views/Admin/sale/edit.blade.php b/resources/views/Admin/sale/edit.blade.php
new file mode 100644
index 0000000..36a9b9c
--- /dev/null
+++ b/resources/views/Admin/sale/edit.blade.php
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Editar Venta | No. {{ $sale->id }} </title>
+</head>
+<body>
+    <!-- Contenido de página -->
+    <section class="contenido-pag">
+        <!-- Titulo de ventana -->
+        <div class="titulo-ventana">
+            <h1 class="titulo">Editar Venta</h1>
+        </div>
+
+        @includeif('partials.errors')
+        <form method="POST" action="{{ route('sales.update', $sale->id) }}"  role="form" enctype="multipart/form-data">
+            {{ method_field('PATCH') }}
+            @csrf
+            @include('Admin.sale.form')
+
+            {{-- Opciones Venta --}}
+            <div class="opciones-venta">
+                <!-- Botón: Cancelar -->
+                <button class="bott-cancelar" type="button">
+                    <a href="{{ route("sales.index") }}"><h2>Cancelar</h2></a>
+                </button>
+                <button class="bott-guardar-cambios" type="submit">
+                    <a href="#"><h2>Actualizar Venta</h2></a>
+                </button>
+            </div>
+        </form>
+    </section>
+</body>
+</html>
diff --git a/resources/views/Admin/sale/form.blade.php b/resources/views/Admin/sale/form.blade.php
new file mode 100644
index 0000000..b27164b
--- /dev/null
+++ b/resources/views/Admin/sale/form.blade.php
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    {{-- Estilos para este archivo --}}
+    <link rel="stylesheet" href="{{ asset("assets/css/Admin/modules/Sales/form-styles.css") }}">
+</head>
+<body>
+    <!-- Contenedor de nueva venta -->
+    <div class="cont-venta">
+        <!-- Contenedor información de venta -->
+        <div class="cont-info-venta">
+            <!-- Fecha -->
+            <label for="" class="lbl-venta">Fecha: </label>
+            {{ Form::date('date', $sale->date ?? now()->toDateString(), ['class' => 'inp-venta' . ($errors->has('date') ? ' is-invalid' : ''), 'placeholder' => 'Seleccionar una fecha', "id" => "fechaVenta", "name" => "date"]) }}
+        </div>
+
+        <!-- Tabla lista de productos de venta -->
+        <table class="tab-productos-venta" id="listaProductos">
+            <!-- Columnas características de lista de productos -->
+            <tr class="columnas-caract">
+                <td class="item-columna nombre-prod">Nombre producto</td>
+                <td class="item-columna cantidad-prod">Cantidad</td>
+                <td class="item-columna precio-prod">Precio /u</td>
+                <td class="item-columna elim-fila">
+                    <img src="{{ asset("assets/img/Admin/modules/icono-eliminar-rojo.png") }}" alt="">
+                </td>
+            </tr>
+        </table>
+
+        <!-- Contenedor añadir fila -->
+        <div class="cont-anadir-fila">
+            <!-- Botón -->
+            <div class="btn-anadir-fila" id="btn-anadir-fila">
+                Añadir Producto
+            </div>
+        </div>
+    </div>
+</body>
+</html>
+
+<script>
+    document.getElementById('btn-anadir-fila').addEventListener('click', function() {
+        const table = document.getElementById('listaProductos').getElementsByTagName('tbody')[0]; // Cambia el índice a 0
+        const newRow = table.insertRow(table.rows.length);
+
+        // Agregar la clase "filas-datos" al nuevo elemento <tr>
+        newRow.classList.add("filas-datos");
+        const productName = newRow.insertCell(0);
+        const productQuantity = newRow.insertCell(1);
+        const productPrice = newRow.insertCell(2);
+        const deleteRowBtn = newRow.insertCell(3);
+
+        // Obtener la lista de productos disponibles (puedes pasarla desde el controlador)
+        const productList = {!! json_encode($products) !!};
+
+        // Crear un elemento select y agregar opciones para cada producto
+        const select = document.createElement('select');
+        select.name = 'product_id[]';
+        select.id = "seleccionarProducto";
+        productName.classList.add('item-fila', 'nombre-prod-dato'); // Agregar clases CSS
+
+        // Agregar una opción por defecto "Seleccionar producto" al inicio
+        const defaultOption = document.createElement('option');
+        defaultOption.value = ''; // Valor vacío
+        defaultOption.text = 'Seleccionar producto';
+        select.appendChild(defaultOption);
+
+        for (const product of productList) {
+            const option = document.createElement('option');
+            option.value = product.id; // Asignar el valor del ID del producto
+            option.text = product.name; // Mostrar el nombre del producto en la opción
+            select.appendChild(option);
+        }
+
+        // Agregar el select a la celda
+        productName.appendChild(select);
+
+        // Cantidad de Producto
+        productQuantity.innerHTML = '<td><input type="number" name="quantity[]" id="cantidadProd" placeholder="#"></td>';
+        productQuantity.className = "item-fila cantidad-prod";
+
+        // Precio de Producto
+        productPrice.innerHTML = '<td><input type="number" name="price[]" id="precioProd" placeholder="$$$"></td>';
+        productPrice.className = "item-fila precio-prod";
+
+        // deleteRowBtn.innerHTML = '<td class="item-fila elim-fila-dato"><button type="button" onclick="removeRow(this)">Eliminar</button></td>';
+        deleteRowBtn.innerHTML = '<td><img src="{{ asset("assets/img/Admin/modules/icono-eliminar-rojo.png") }}" alt="Eliminar Producto"></td>';
+        deleteRowBtn.className = "item-fila elim-fila-dato";
+    });
+
+    // Función para eliminar filas
+    function removeRow(button){
+        // Obtén la fila actual a través del botón
+        const row = button.parentElement.parentElement;
+        // Elimina la fila
+        row.remove();
+    }
+    // Agregar un evento de cambio al select generado dinámicamente
+    document.addEventListener('change', function(event) {
+        const target = event.target;
+        // Verificar si el elemento cambiado es un select de producto
+        if (target && target.tagName === 'SELECT' && target.name === 'product_id[]') {
+            const selectedProductId = target.value;
+            const priceField = target.parentNode.nextElementSibling.nextElementSibling.querySelector('input[name="price[]"]');
+            // Buscar el producto seleccionado en la lista de productos disponibles
+            const selectedProduct = {!! json_encode($products) !!}.find(product => product.id == selectedProductId);
+            // Actualizar el campo de precio con el precio del producto seleccionado
+            if (selectedProduct) {
+                priceField.value = selectedProduct.price;
+            } else {
+                priceField.value = ''; // Si el producto no se encuentra, se limpia el campo de precio
+            }
+        }
+    });
+</script>
diff --git a/resources/views/Admin/sale/index.blade.php b/resources/views/Admin/sale/index.blade.php
new file mode 100644
index 0000000..581f798
--- /dev/null
+++ b/resources/views/Admin/sale/index.blade.php
@@ -0,0 +1,148 @@
+@include("layouts.headerAdmin")
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Admin | Ventas</title>
+
+    <link rel="stylesheet" href="{{ asset("assets/css/Admin/modules/Sales/sales-styles.css") }}">
+</head>
+<body>
+    <!-- Contenido de página -->
+    <section class="contenido-pag">
+        <!-- Titulo de ventana -->
+        <div class="titulo-ventana">
+            <h1 class="titulo">Ventas</h1>
+        </div>
+
+        <!-- Buscar ventas-->
+        <div class="filtros-busqueda">
+            <div class="ordenar_por">
+                <select name="ordenar_por" id="ordenar_por">
+                    <option value="Ordenar Por">Ordenar Por</option>
+                    <option value="A-Z">A-Z</option>
+                    <option value="Precio">Total</option>
+                </select>
+            </div>
+            <div class="barra_busqueda">
+                <input type="search" name="buscarVenta" id="barra_busqueda" placeholder="Buscar venta por su número">
+            </div>
+        </div>
+
+        <!-- Contenedor Ventas -->
+        <div class="cont-ventas">
+            <!-- Contenedor Lista de ventas -->
+            <div class="cont-lista-ventas">
+                <!-- Tabla Ventas -->
+                <table class="tabla-ventas" id="tabla-ventas">
+                    <!-- Columnas características de Venta -->
+                    <tr class="columnas-caract-venta">
+                        <td class="item-columna num-venta">No</td>
+                        <td class="item-columna fecha-venta">Fecha</td>
+                        <td class="item-columna total-venta">Total</td>
+                        <td class="item-columna opciones-venta-tabla">Opciones</td>
+                    </tr>
+
+                    <!-- Filas Datos de Venta -->
+                    @forelse ($sales as $sale)
+                        <tr class="filas-datos">
+                            <td class="item-fila num-venta-dato">{{ $sale->id }}</td>
+                            <td class="item-fila fecha-venta-dato">{{ $sale->date }}</td>
+                            <td class="item-fila total-venta-dato">{{ $sale->total }} $</td>
+                            <td class="opciones-venta-tabla-dato">
+                                <a href="{{ route('sales.show', $sale->id) }}"><button class="btn-venta btn-ver"><a href="{{ route('sales.show', $sale->id) }}" class="link-op-venta">Ver</a><a href="{{ route('sales.show', $sale->id) }}"><img src="{{ asset("assets/img/Admin/modules/ver-factura-icono.png") }}" alt="Ver Icono" class="icono-op-venta"></button></a>
+                                <a href="{{ route('sales.edit', $sale->id) }}"><button class="btn-venta btn-editar"><a href="#" class="link-op-venta">Editar</a><a href="#"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt="Editar Icono"></a></button></a>
+                                <form action="{{ route('sales.destroy', $sale->id) }}" method="POST" class="btn-eliminar">
+                                    @csrf
+                                    @method('DELETE')
+                                    <button class="btn-venta eliminar-venta" onclick="return confirm('¿Estás seguro de que deseas eliminar esta venta?')"> Eliminar
+                                        <img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt="Eliminar Icono">
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+
+                    {{-- No hay registros de Ventas --}}
+                    @empty
+                        <tr class="filas-datos">
+                            <td class="no-records item-fila">No hay Registros de Ventas</td>
+                        </tr>
+                    @endforelse
+                </table>
+            </div>
+
+            <!-- Contenedor Opciones de venta/s -->
+            <div class="cont-opciones-venta">
+                <!-- Opciones de venta -->
+                <div class="opciones-venta">
+                    <!-- Registrar Venta  -->
+                    <button class="cont-opcion-venta">
+                        <a href="{{ route("sales.create") }}"><img src="{{ asset("assets/img/Admin/modules/anadir-icono.png") }}" alt="Registrar Venta Icono"></a>
+                        <a href="{{ route("sales.create") }}" class="link-sect-venta"><h2>Registrar Venta</h2></a>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    {{-- Alertas de acciones de venta --}}
+        {{-- Alerta de venta creada --}}
+        @if (session('created'))
+            <script>
+                alert("{{ session('created') }}");
+            </script>
+        @endif
+        {{-- Alerta de venta actualizada --}}
+        @if (session('updated'))
+            <script>
+                alert("{{ session('updated') }}");
+            </script>
+        @endif
+        {{-- Alerta de venta eliminada --}}
+        @if (session('deleted'))
+            <script>
+                alert("{{ session('deleted') }}");
+            </script>
+        @endif
+
+        @section('content')
+        <canvas id="myChart" width="400" height="150"></canvas>
+        <script>
+            document.addEventListener('DOMContentLoaded', function () {
+
+                const ctx = document.getElementById('myChart');
+                const myChart = new Chart(ctx, {
+                    type: 'bar',
+                    data: {
+                        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+                        datasets: [{
+                            label: '# of Votes',
+                            data: [12, 19, 3, 5, 2, 3],
+                            backgroundColor: [
+                                'rgba(255, 99, 132, 0.2)',
+                                'rgba(54, 162, 235, 0.2)',
+                                'rgba(255, 206, 86, 0.2)',
+                                'rgba(75, 192, 192, 0.2)',
+                                'rgba(153, 102, 255, 0.2)',
+                                'rgba(255, 159, 64, 0.2)'
+                            ],
+                            borderColor: [
+                                'rgba(255, 99, 132, 1)',
+                                'rgba(54, 162, 235, 1)',
+                                'rgba(255, 206, 86, 1)',
+                                'rgba(75, 192, 192, 1)',
+                                'rgba(153, 102, 255, 1)',
+                                'rgba(255, 159, 64, 1)'
+                            ],
+                            borderWidth: 1
+                        }]
+                    }
+                });
+            }, true);
+        </script>
+    @endsection
+</body>
+</html>
diff --git a/resources/views/Admin/sale/show.blade.php b/resources/views/Admin/sale/show.blade.php
new file mode 100644
index 0000000..36255c5
--- /dev/null
+++ b/resources/views/Admin/sale/show.blade.php
@@ -0,0 +1,74 @@
+@include("layouts.headerAdmin")
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Ver Venta | No {{ $sale->id }} </title>
+
+    {{-- Estilos para este archivo --}}
+    <link rel="stylesheet" href="{{ asset("assets/css/Admin/modules/sales/show-styles.css") }}">
+</head>
+<body>
+    <!-- Contenido de página -->
+    <section class="contenido-pag">
+        <!-- Titulo de ventana -->
+        <div class="titulo-ventana">
+            <h1 class="titulo">Ver Venta</h1>
+        </div>
+
+        <!-- Contenedor de nueva venta -->
+        <div class="cont-venta">
+            <!-- Contenedor información de venta -->
+            <div class="cont-info-venta">
+                {{-- Número de la venta --}}
+                <div class="num-venta">
+                    <h2>Número de la venta:</h2> <h3>{{ $sale->id }}</h3>
+                </div>
+                <!-- Fecha -->
+                <div class="fecha-venta">
+                    <h2>Fecha:</h2> <h3>{{ $sale->date }}</h3>
+                </div>
+            </div>
+
+            <!-- Tabla lista de productos de venta -->
+            <table class="tab-productos-venta" id="listaProductos">
+                <!-- Columnas características de lista de productos -->
+                <tr class="columnas-caract">
+                    <td class="item-columna nombre-prod">Nombre producto</td>
+                    <td class="item-columna cantidad-prod">Cantidad</td>
+                    <td class="item-columna precio-prod">Precio /u</td>
+                </tr>
+
+                <!-- Filas datos -->
+                @foreach ($products as $product)
+                    <tr class="filas-datos">
+                        <td class="item-fila nombre-prod-dato">{{ $product->name }}</td>
+                        <td class="item-fila cantidad-prod-dato">{{ $product->pivot->quantity }}</td>
+                        <td class="item-fila precio-prod-dato">{{ $product->pivot->price }} $</td>
+                    </tr>
+                @endforeach
+
+                {{-- Total --}}
+                <tr class="columnas-caract cols-total">
+                    <td class="item-columna texto-total">Total</td>
+                    <td class="item-columna cantidad-total"></td>
+                    <td class="item-columna precio-total">{{ $sale->total }} $</td>
+                </tr>
+            </table>
+        </div>
+
+        <!-- Contenedor Botón Volver -->
+        <div class="cont-volver">
+            <a href="{{ route("sales.index") }}" class="link-btn-volver">
+                <button class="btn-volver">
+                    <img src="{{ asset("assets/img/Admin/modules/volver-flecha-icono-negro.png") }}" alt="Volver icono">
+                    <h2>Volver</h2>
+                </button>
+            </a>
+        </div>
+    </section>
+</body>
+</html>
diff --git a/resources/views/Admin/sales/index.blade.php b/resources/views/Admin/sales/index.blade.php
deleted file mode 100644
index 0aa2eb9..0000000
--- a/resources/views/Admin/sales/index.blade.php
+++ /dev/null
@@ -1,188 +0,0 @@
-@include("layouts.headerAdmin")
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Administrador | Ventas</title>
-
-    {{-- Hoja de estilos para este archivo --}}
-    <link rel="stylesheet" href="{{ asset("assets/css/Admin/modules/Sales/sales.css") }}">
-</head>
-<body>
-    <!-- Contenido de página -->
-    <!-- Contenido de página -->
-    <section class="contenido-pag">
-        <!-- Titulo de ventana -->
-        <div class="titulo-ventana">
-            <h1 class="titulo">Ventas</h1>
-        </div>
-
-        <!-- Contenedor opciones de ventas -->
-        <div class="cont-ops-ventas">
-            <!-- Contenedor Registrar Venta -->
-            <div class="cont-registrar-venta">
-                <!-- Botón -->
-                <button class="btn-registrar-venta">
-                    <a href="#"><h2>Registrar venta</h2></a>
-                    <a href="#"><img src="{{ asset("assets/img/Admin/modules/anadir-icono.png") }}" alt="Botón Registrar Venta"></a>
-                </button>
-            </div>
-
-            <!-- Contenedor Filtrar venta -->
-            <div class="cont-filtrar-venta">
-                <select name="filtrarVenta" id="filtrarVenta">
-                    <option value="">Filtrar ventas por</option>
-                    <option value="">Filtrar por fecha de creación</option>
-                    <option value="">Filtrar por fecha de última actualización</option>
-                </select>
-            </div>
-        </div>
-
-        <!-- Tabla Ventas -->
-        <table class="tabla-ventas">
-            <!-- Columnas -->
-            <tr class="columnas-caract">
-                <td class="item-columna no-venta">Número</td>
-                <td class="item-columna fecha-venta">Fecha</td>
-                <td class="item-columna total-venta">Total</td>
-                <td class="item-columna acciones-venta">Acciones</td>
-            </tr>
-
-            <!-- Filas -->
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">1</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">2</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">3</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">4</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">5</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">6</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">7</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">8</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">9</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-            <tr class="filas-dato">
-                <td class="item-fila no-venta-dato">10</td>
-                <td class="item-fila fecha-venta-dato">01/01/2023</td>
-                <td class="item-fila total-venta-dato">7500 $</td>
-                <td class="item-fila acciones-venta-dato">
-                    <button class="btn-editar-venta">
-                        <a href="editarventa.html" class="link-btn-opcion">Editar </a><a href="editarventa.html"><img src="{{ asset("assets/img/Admin/modules/editar-icono.png") }}" alt=""></a>
-                    </button>
-                    <button class="btn-eliminar-venta">
-                        <a href="ventas.html" class="link-btn-opcion">Eliminar </a><a href="ventas.html"><img src="{{ asset("assets/img/Admin/modules/eliminar-icono.png") }}" alt=""></a>
-                    </button>
-                </td>
-            </tr>
-        </table>
-    </section>
-</body>
-</html>
diff --git a/resources/views/layouts/headerAdmin.blade.php b/resources/views/layouts/headerAdmin.blade.php
index dbe0de8..fb36e6a 100644
--- a/resources/views/layouts/headerAdmin.blade.php
+++ b/resources/views/layouts/headerAdmin.blade.php
@@ -56,7 +56,7 @@
                 <ul class="lista_nav-inicio">
                     <li class="item_nav-inicio"><a href="{{ route("home") }}">Inicio</a></li>
                     <li class="item_nav-inicio"><a href="{{ route("statistics.index") }}">Estadísticas</a></li>
-                    <li class="item_nav-inicio"><a href="#">Ventas</a></li>
+                    <li class="item_nav-inicio"><a href="{{ route("sales.index") }}">Ventas</a></li>
                     <li class="item_nav-inicio li-facturas"><a href="{{ route("factures.index") }}">Facturas</a></li>
                     <li class="item_nav-inicio"><a href="{{ route("products.index") }}">Productos</a></li>
                     <li class="item_nav-inicio li-inventarios"><a href="{{ route("inventories.index") }}">Inventarios</a></li>
diff --git a/routes/web.php b/routes/web.php
index 1a57cce..8cbce02 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -10,7 +10,7 @@
 use App\Http\Controllers\CustomerController; // Roles
 use App\Http\Controllers\Statistics; // Estadísticas
 use App\Http\Controllers\InventoryController; // Inventarios
-use App\Http\Controllers\Sales; // Ventas
+use App\Http\Controllers\SaleController; // Ventas
 use App\Http\Controllers\FactureController; // Facturas
 
 /*
@@ -57,4 +57,4 @@
 Route::resource('inventories', InventoryController::class)->middleware("auth");
 
 // Ruta Ventas
-Route::resource('sales', Sales::class)->middleware("auth");
+Route::resource('sales', SaleController::class)->middleware("auth");