FIX: find ventas por proyecto y unidad

.env.sample

@@ -1,3 +1,6 @@
-COMPOSE_PROFILES=app,db
+COMPOSE_PATH_SEPARATOR=:
+COMPOSE_FILE=./docker-compose.yml:./adminer-compose.yml
+COMPOSE_PROFILES=app,db,cli,cache
 APP_PATH=./app
+CLI_PATH=./cli
 APP_PORT=8080

.gitignore

@@ -8,3 +8,4 @@
 **/cache/
 **/modules/
 **/.idea/
+**/upload?/

.key.env.sample

@@ -0,0 +1 @@
+API_KEY=

CLI.Dockerfile

@@ -0,0 +1,16 @@
+FROM php:8.2-fpm
+
+ENV TZ "America/Santiago"
+
+RUN apt-get update && apt-get install -y --no-install-recommends cron && rm -r /var/lib/apt/lists/*
+
+RUN pecl install xdebug-3.2.2 \
+    && docker-php-ext-enable xdebug
+
+COPY ./php-errors.ini /usr/local/etc/php/conf.d/docker-php-errors.ini
+
+WORKDIR /code/bin
+
+COPY ./cli/crontab /var/spool/cron/crontabs/root
+
+CMD ["cron", "-f"]

Dockerfile

@@ -1,6 +1,6 @@
 FROM php:8.1-fpm
 
-RUN apt-get update && apt-get install -y libzip-dev libicu-dev git libpng-dev unzip tzdata \
+RUN apt-get update && apt-get install -y --no-install-recommends libzip-dev libicu-dev git libpng-dev unzip tzdata \
     && rm -r /var/lib/apt/lists/*
 
 RUN docker-php-ext-install pdo pdo_mysql zip intl gd bcmath

app/.adminer.env.sample

@@ -0,0 +1 @@
+ADMINER_DESIGN=dracula

app/.db.env.sample

@@ -1,4 +1,4 @@
-MYSQL_DATABASE=
-MYSQL_PASSWORD=
 MYSQL_ROOT_PASSWORD=
+MYSQL_DATABASE=
 MYSQL_USER=
+MYSQL_PASSWORD=

app/.env.sample

@@ -0,0 +1,11 @@
+APP_URL=
+
+MYSQL_HOST=db
+
+COOKIE_NAME=
+COOKIE_DOMAIN=
+COOKIE_PATH=/
+MAX_LOGIN_HOURS=120
+
+REDIS_HOST=redis
+REDIS_PORT=6379

app/common/Define/Cartola/Banco.php

@@ -0,0 +1,10 @@
+<?php
+namespace Incoviba\Common\Define\Cartola;
+
+use Psr\Http\Message\UploadedFileInterface;
+
+interface Banco
+{
+    public function process(UploadedFileInterface $file): array;
+
+}

app/common/Define/Connection.php

@@ -11,4 +11,5 @@ interface Connection
     public function prepare(string $query): PDOStatement;
     public function execute(string $query, ?array $data = null): PDOStatement;
     public function getPDO(): PDO;
+    public function getQueryBuilder(): Query\Builder;
 }

app/common/Define/Contabilidad/Exporter.php

@@ -0,0 +1,10 @@
+<?php
+namespace Incoviba\Common\Define\Contabilidad;
+
+use DateTimeInterface;
+use Incoviba\Model;
+
+interface Exporter
+{
+    public function export(Model\Inmobiliaria $inmobiliaria, Model\Banco $banco, DateTimeInterface $mes, array $movimientos): string;
+}

app/common/Define/Model.php

@@ -5,4 +5,5 @@ use JsonSerializable;
 
 interface Model extends JsonSerializable
 {
+    public function addFactory(string $property, Repository\Factory $factory): Model;
 }

app/common/Define/Query.php

@@ -0,0 +1,15 @@
+<?php
+namespace Incoviba\Common\Define;
+
+interface Query
+{
+    /**
+     * @return string
+     */
+    public function build(): string;
+
+    /**
+     * @return string
+     */
+    public function __toString(): string;
+}

app/common/Define/Query/Builder.php

@@ -0,0 +1,33 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+interface Builder
+{
+    /**
+     * @param string $table_name
+     * @return Create
+     */
+    public function create(string $table_name): Create;
+
+    /**
+     * @param string|array $columns
+     * @return Select
+     */
+    public function select(string|array $columns = '*'): Select;
+
+    /**
+     * @return Insert
+     */
+    public function insert(): Insert;
+
+    /**
+     * @param string $table
+     * @return Update
+     */
+    public function update(string $table): Update;
+
+    /**
+     * @return Delete
+     */
+    public function delete(): Delete;
+}

app/common/Define/Query/Create.php

@@ -0,0 +1,31 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+use Incoviba\Common\Define;
+
+interface Create extends Define\Query
+{
+    /**
+     * @param string $name
+     * @return Create
+     */
+    public function table(string $name): Create;
+
+    /**
+     * @param string|Create\CreateDefinition|array $create_definitions
+     * @return Create
+     */
+    public function definitions(string|Create\CreateDefinition|array $create_definitions): Create;
+
+    /**
+     * @param string|array $table_options
+     * @return Create
+     */
+    public function options(string|array $table_options): Create;
+
+    /**
+     * @param string|array $partition_options
+     * @return Create
+     */
+    public function partition(string|array $partition_options): Create;
+}

app/common/Define/Query/Create/CreateDefinition.php

@@ -0,0 +1,59 @@
+<?php
+namespace Incoviba\Common\Define\Query\Create;
+
+interface CreateDefinition
+{
+    const RESTRICT = 0;
+    const CASCADE = 1;
+    const SET_NULL = 2;
+    const NO_ACTION = 3;
+    const SET_DEFAULT = 4;
+
+    /**
+     * @param string $name
+     * @return CreateDefinition
+     */
+    public function name(string $name): CreateDefinition;
+
+    /**
+     * @param string $type
+     * @param int|null $size
+     * @return CreateDefinition
+     */
+    public function type(string $type, ?int $size = null): CreateDefinition;
+
+    /**
+     * @return CreateDefinition
+     */
+    public function primary(): CreateDefinition;
+
+    /**
+     * @return CreateDefinition
+     */
+    public function autoIncrement(): CreateDefinition;
+
+    /**
+     * @return CreateDefinition
+     */
+    public function unsigned(): CreateDefinition;
+
+    /**
+     * @param mixed $value
+     * @return CreateDefinition
+     */
+    public function default(mixed $value): CreateDefinition;
+
+    /**
+     * @param string $reference_table
+     * @param string $reference_column
+     * @param int $on_delete
+     * @param int $on_update
+     * @return CreateDefinition
+     */
+    public function foreign(string $reference_table, string $reference_column = 'id', int $on_delete = CreateDefinition::CASCADE, int $on_update = CreateDefinition::CASCADE): CreateDefinition;
+
+    /**
+     * @return string
+     */
+    public function __toString(): string;
+}

app/common/Define/Query/Delete.php

@@ -0,0 +1,12 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+use Incoviba\Common\Define;
+
+interface Delete extends Define\Query
+{
+    public function from(string $table): Delete;
+    public function where(string|array $conditions): Delete;
+    public function order(string|array $sorting): Delete;
+    public function limit(int $limit): Delete;
+}

app/common/Define/Query/Insert.php

@@ -0,0 +1,32 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+use Incoviba\Common\Define;
+
+interface Insert extends Define\Query
+{
+    /**
+     * @param string $table
+     * @param array|null $columns
+     * @return Insert
+     */
+    public function into(string $table, ?array $columns = null): Insert;
+
+    /**
+     * @param array $columns
+     * @return Insert
+     */
+    public function columns(array $columns): Insert;
+
+    /**
+     * @param array $values
+     * @return Insert
+     */
+    public function values(array $values): Insert;
+
+    /**
+     * @param Select $select
+     * @return Insert
+     */
+    public function select(Select $select): Insert;
+}

app/common/Define/Query/Select.php

@@ -0,0 +1,62 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+use Incoviba\Common\Define;
+
+interface Select extends Define\Query
+{
+    /**
+     * @param string|array $expressions
+     * @return Select
+     */
+    public function columns(string|array $expressions): Select;
+
+    /**
+     * @param string $table
+     * @return Select
+     */
+    public function from(string $table): Select;
+
+    /**
+     * @param string|array $joins
+     * @return Select
+     */
+    public function joined(string|array $joins): Select;
+
+    /**
+     * @param string|array $conditions
+     * @return Select
+     */
+    public function where(string|array $conditions): Select;
+
+    /**
+     * @param string|array $grouping
+     * @return Select
+     */
+    public function group(string|array $grouping): Select;
+
+    /**
+     * @param string|array $conditions
+     * @return Select
+     */
+    public function having(string|array $conditions): Select;
+
+    /**
+     * @param string|array $sorting
+     * @return Select
+     */
+    public function order(string|array $sorting): Select;
+
+    /**
+     * @param int $limit
+     * @param int|null $offset
+     * @return Select
+     */
+    public function limit(int $limit, ?int $offset = null): Select;
+
+    /**
+     * @param int $offset
+     * @return Select
+     */
+    public function offset(int $offset): Select;
+}

app/common/Define/Query/Update.php

@@ -0,0 +1,13 @@
+<?php
+namespace Incoviba\Common\Define\Query;
+
+use Incoviba\Common\Define;
+
+interface Update extends Define\Query
+{
+    public function table(string $table): Update;
+    public function set(string|array $column_pairs): Update;
+    public function where(string|array $conditions): Update;
+    public function order(string|array $ordering): Update;
+    public function limit(int $limit): Update;
+}

app/common/Define/Repository/Mapper.php

@@ -1,6 +1,8 @@
 <?php
 namespace Incoviba\Common\Define\Repository;
 
+use Incoviba\Common\Define\Model;
+
 interface Mapper
 {
     public function setProperty(string $property): Mapper;
@@ -12,4 +14,6 @@ interface Mapper
     public function hasFunction(): bool;
     public function hasFactory(): bool;
     public function hasDefault(): bool;
+
+    public function parse(Model &$model, string $column, ?array $data): bool;
 }

app/common/Ideal/Cartola/Banco.php

@@ -0,0 +1,26 @@
+<?php
+namespace Incoviba\Common\Ideal\Cartola;
+
+use Incoviba\Common\Define;
+use Psr\Http\Message\UploadedFileInterface;
+
+abstract class Banco implements Define\Cartola\Banco
+{
+    public function process(UploadedFileInterface $file): array
+    {
+        $data = $this->parseFile($file);
+        $temp = [];
+        $columns = $this->columnMap();
+        foreach ($data as $row) {
+            $r = [];
+            foreach ($columns as $old => $new) {
+                $r[$new] = $row[$old];
+            }
+            $temp []= $r;
+        }
+        return $temp;
+    }
+
+    abstract protected function columnMap(): array;
+    abstract protected function parseFile(UploadedFileInterface $uploadedFile): array;
+}

app/common/Ideal/Controller.php

@@ -0,0 +1,9 @@
+<?php
+namespace Incoviba\Common\Ideal;
+
+use Psr\Log\LoggerInterface;
+
+abstract class Controller
+{
+    public function __construct(protected LoggerInterface $logger) {}
+}

app/common/Ideal/Query.php

@@ -0,0 +1,12 @@
+<?php
+namespace Incoviba\Common\Ideal;
+
+use Incoviba\Common\Define;
+
+abstract class Query implements Define\Query
+{
+    public function __toString(): string
+    {
+        return $this->build();
+    }
+}

app/common/Ideal/Repository.php

@@ -31,18 +31,28 @@ abstract class Repository implements Define\Repository
 
     public function remove(Define\Model $model): void
     {
-        $query = "DELETE FROM `{$this->getTable()}` WHERE `{$this->getKey()}` = ?";
-        $this->connection->execute($query, [$model->getId()]);
+        $query = $this->connection->getQueryBuilder()
+            ->delete()->from($this->getTable())
+            ->where("{$this->getKey()} = ?");
+        $this->connection->execute($query, [$model->id]);
     }
 
     public function fetchById(int $id): Define\Model
     {
-        $query = "SELECT * FROM `{$this->getTable()}` WHERE `{$this->getKey()}` = ?";
+        $query = $this->connection->getQueryBuilder()
+            ->select()
+            ->from($this->getTable())
+            ->where("{$this->getKey()} = ?");
         return $this->fetchOne($query, [$id]);
     }
-    public function fetchAll(): array
+    public function fetchAll(null|string|array $ordering = null): array
     {
-        $query = "SELECT * FROM `{$this->getTable()}`";
+        $query = $this->connection->getQueryBuilder()
+            ->select()
+            ->from($this->getTable());
+        if ($ordering !== null) {
+            $query->order($ordering);
+        }
         return $this->fetchMany($query);
     }
 
@@ -96,9 +106,11 @@ abstract class Repository implements Define\Repository
     }
     protected function saveNew(array $columns, array $values): int
     {
-        $columns_string = implode(', ', array_map(function($column) {return "`{$column}`";}, $columns));
-        $columns_questions = implode(', ', array_fill(0, count($columns), '?'));
-        $query = "INSERT INTO `{$this->getTable()}` ({$columns_string}) VALUES ($columns_questions)";
+        $query = $this->connection->getQueryBuilder()
+            ->insert()
+            ->into($this->getTable())
+            ->columns($columns)
+            ->values(array_fill(0, count($columns), '?'));
         $this->connection->execute($query, $values);
         return $this->connection->getPDO()->lastInsertId();
     }
@@ -107,7 +119,7 @@ abstract class Repository implements Define\Repository
         $changes = [];
         $values = [];
         foreach ($columns as $column) {
-            if (isset($data[$column])) {
+            if (in_array($column, array_keys($data))) {
                 $changes []= $column;
                 $values []= $data[$column];
             }
@@ -117,7 +129,10 @@ abstract class Repository implements Define\Repository
             return $model;
         }
         $columns_string = implode(', ', array_map(function($property) {return "`{$property}` = ?";}, $changes));
-        $query = "UPDATE `{$this->getTable()}` SET {$columns_string} WHERE `{$this->getKey()}` = ?";
+        $query = $this->connection->getQueryBuilder()
+            ->update($this->getTable())
+            ->set($columns_string)
+            ->where("{$this->getKey()} = ?");
         $values []= $model->{$this->getKey()};
         $this->connection->execute($query, $values);
         return $this->fetchById($model->{$this->getKey()});

app/common/Ideal/Service.php

@@ -0,0 +1,9 @@
+<?php
+namespace Incoviba\Common\Ideal;
+
+use Psr\Log\LoggerInterface;
+
+abstract class Service
+{
+    public function __construct(protected LoggerInterface $logger) {}
+}

app/common/Implement/Connection.php

@@ -8,7 +8,7 @@ use Incoviba\Common\Define;
 
 class Connection implements Define\Connection
 {
-    public function __construct(protected Define\Database $database) {}
+    public function __construct(protected Define\Database $database, protected Database\Query\Builder $queryBuilder) {}
 
     protected PDO $connection;
     public function connect(): Define\Connection
@@ -27,6 +27,10 @@ class Connection implements Define\Connection
         $this->connect();
         return $this->connection;
     }
+    public function getQueryBuilder(): Database\Query\Builder
+    {
+        return $this->queryBuilder;
+    }
 
     public function query(string $query): PDOStatement
     {

app/common/Implement/Database/Query/Builder.php

@@ -0,0 +1,29 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+
+class Builder implements Define\Query\Builder
+{
+    public function create(string $table_name): Create
+    {
+        return (new Create())->table($table_name);
+    }
+
+    public function select(array|string $columns = '*'): Select
+    {
+        return (new Select())->columns($columns);
+    }
+    public function insert(): Insert
+    {
+        return new Insert();
+    }
+    public function update(string $table): Update
+    {
+        return (new Update())->table($table);
+    }
+    public function delete(): Delete
+    {
+        return new Delete();
+    }
+}

app/common/Implement/Database/Query/Create.php

@@ -0,0 +1,102 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+use Incoviba\Common\Ideal;
+
+class Create extends Ideal\Query implements Define\Query\Create
+{
+    protected string $name;
+    protected array $definitions;
+    protected array $options;
+    protected array $partitions;
+
+    public function table(string $name): Define\Query\Create
+    {
+        $this->name = $name;
+        return $this;
+    }
+    public function definitions(Define\Query\Create\CreateDefinition|array|string $create_definitions): Define\Query\Create
+    {
+        if (is_array($create_definitions)) {
+            foreach ($create_definitions as $definition) {
+                $this->addDefinition($definition);
+            }
+            return $this;
+        }
+        return $this->addDefinition($create_definitions);
+    }
+    public function options(array|string $table_options): Define\Query\Create
+    {
+        if (is_string($table_options)) {
+            return $this->addOption($table_options);
+        }
+        foreach ($table_options as $option) {
+            $this->addOption($option);
+        }
+        return $this;
+    }
+    public function partition(array|string $partition_options): Define\Query\Create
+    {
+        if (is_string($partition_options)) {
+            return $this->addPartition($partition_options);
+        }
+        foreach ($partition_options as $option) {
+            $this->addPartition($option);
+        }
+        return $this;
+    }
+    public function build(): string
+    {
+        $query = [
+            "CREATE TABLE {$this->name}",
+            $this->getDefinitions(),
+            $this->getOptions(),
+            $this->getPartitions()
+        ];
+        return implode('', $query);
+    }
+
+    protected function addDefinition(string $definition): Create
+    {
+        if (!isset($this->definitions)) {
+            $this->definitions = [];
+        }
+        $this->definitions []= $definition;
+        return $this;
+    }
+    protected function addOption(string $option): Create
+    {
+        if (!isset($this->options)) {
+            $this->options = [];
+        }
+        $this->options []= $option;
+        return $this;
+    }
+    protected function addPartition(string $partition): Create
+    {
+        if (!isset($this->partitions)) {
+            $this->partitions = [];
+        }
+        $this->partitions []= $partition;
+        return $this;
+    }
+    protected function getDefinitions(): string
+    {
+        return ' (' . implode(', ', $this->definitions) . ')';
+    }
+    protected function getOptions(): string
+    {
+        if (!isset($this->options) or count($this->options) <= 0) {
+            return '';
+        }
+        return ' ' . implode(' ', $this->options);
+    }
+    protected function getPartitions(): string
+    {
+        if (!isset($this->partitions) or count($this->partitions) <= 0) {
+            return '';
+        }
+        return ' PARTITION BY (' . implode(', ', $this->partitions) . ')';
+    }
+}

app/common/Implement/Database/Query/Create/Definition.php

@@ -0,0 +1,104 @@
+<?php
+namespace ProVM\Implement\Data\Query\Create;
+
+use ProVM\Define\Query\Create\CreateDefinition;
+
+class Definition implements CreateDefinition
+{
+    protected string $name;
+    protected string $type;
+    protected int $size;
+    protected bool $primary;
+    protected bool $auto_increment;
+    protected bool $unsigned;
+    protected mixed $default;
+    protected string $foreign_table;
+    protected string $foreign_key;
+    protected int $foreign_delete;
+    protected int $foreign_update;
+
+    public function name(string $name): CreateDefinition
+    {
+        $this->name = $name;
+        return $this;
+    }
+    public function type(string $type, ?int $size = null): CreateDefinition
+    {
+        $this->type = $type;
+        if ($size !== null) {
+            $this->size = $size;
+        }
+        return $this;
+    }
+    public function primary(): CreateDefinition
+    {
+        $this->primary = true;
+        return $this;
+    }
+    public function autoIncrement(): CreateDefinition
+    {
+        $this->auto_increment = true;
+        return $this;
+    }
+    public function unsigned(): CreateDefinition
+    {
+        $this->unsigned = true;
+        return $this;
+    }
+    public function default(mixed $value): CreateDefinition
+    {
+        $this->default = $value;
+        return $this;
+    }
+    public function foreign(string $reference_table, string $reference_column = 'id', int $on_delete = CreateDefinition::CASCADE, int $on_update = CreateDefinition::CASCADE): CreateDefinition
+    {
+        $this->foreign_table = $reference_table;
+        $this->foreign_key = $reference_column;
+        $this->foreign_delete = $on_delete;
+        $this->foreign_update = $on_update;
+        return $this;
+    }
+
+    public function __toString(): string
+    {
+        $type = $this->type ?? 'int';
+        if (isset($this->size)) {
+            $type = "{$type}({$this->size})";
+        } elseif (in_array($type, ['varchar'])) {
+            $type = "{$type}(255)";
+        }
+        $output = [
+            "`{$this->name}`",
+            $type
+        ];
+        if (isset($this->unsigned)) {
+            $output []= 'UNSIGNED';
+        }
+        if (isset($this->default)) {
+            $default = $this->default;
+            if (in_array($this->type, ['varchar', 'text', 'char'])) {
+                $default = "'{$default}'";
+            }
+            $output []= "DEFAULT {$default}";
+        }
+        if (isset($this->auto_increment)) {
+            $output []= 'AUTO_INCREMENT';
+        }
+        if (isset($this->primary)) {
+            $output []= 'PRIMARY KEY';
+        }
+        if (isset($this->foreign_table)) {
+            $output []= "REFERENCES `{$this->foreign_table}` (`{$this->foreign_key}`)";
+            $on = [
+                'RESTRICT',
+                'CASCADE',
+                'SET_NULL',
+                'NO_ACTION',
+                'SET_DEFAULT'
+            ];
+            $output []= "ON DELETE {$on[$this->foreign_delete]}";
+            $output []= "ON UPDATE {$on[$this->foreign_update]}";
+        }
+        return implode(' ', $output);
+    }
+}

app/common/Implement/Database/Query/Delete.php

@@ -0,0 +1,89 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+use Incoviba\Common\Ideal;
+
+class Delete extends Ideal\Query implements Define\Query\Delete
+{
+    protected string $table;
+    protected array $conditions;
+    protected array $sorts;
+    protected int $limit;
+
+    public function from(string $table): Delete
+    {
+        $this->table = $table;
+        return $this;
+    }
+    public function where(array|string $conditions): Delete
+    {
+        if (is_string($conditions)) {
+            return $this->addCondition($conditions);
+        }
+        foreach ($conditions as $condition) {
+            $this->addCondition($condition);
+        }
+        return $this;
+    }
+    public function order(array|string $sorting): Delete
+    {
+        if (is_string($sorting)) {
+            return $this->addOrder($sorting);
+        }
+        foreach ($sorting as $order) {
+            $this->addOrder($order);
+        }
+        return $this;
+    }
+    public function limit(int $limit): Delete
+    {
+        $this->limit = $limit;
+        return $this;
+    }
+    public function build(): string
+    {
+        $query = [
+            "DELETE FROM {$this->table}",
+            $this->getConditions(),
+            $this->getSorting(),
+            $this->getLimit()
+        ];
+        return implode('', $query);
+    }
+
+    protected function addCondition(string $condition): Delete
+    {
+        if (!isset($this->conditions)) {
+            $this->conditions = [];
+        }
+        $this->conditions []= $condition;
+        return $this;
+    }
+    protected function getConditions(): string
+    {
+        return ' WHERE ' . implode(' AND ', $this->conditions);
+    }
+    protected function addOrder(string $order): Delete
+    {
+        if (!isset($this->sorts)) {
+            $this->sorts = [];
+        }
+        $this->sorts []= $order;
+        return $this;
+    }
+    protected function getSorting(): string
+    {
+        if (!isset($this->sorts) or count($this->sorts) === 0) {
+            return '';
+        }
+        return ' ORDER BY ' . implode(', ', $this->sorts);
+    }
+    protected function getLimit(): string
+    {
+        if (!isset($this->limit) or $this->limit <= 0) {
+            return '';
+        }
+        return " LIMIT {$this->limit}";
+    }
+}

app/common/Implement/Database/Query/Insert.php

@@ -0,0 +1,87 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+use Incoviba\Common\Ideal;
+
+class Insert extends Ideal\Query implements Define\Query\Insert
+{
+    protected string $table;
+    protected array $columns;
+    protected array $values;
+    protected Define\Query\Select $select;
+
+    public function into(string $table, ?array $columns = null): Insert
+    {
+        $this->table = $table;
+        if ($columns !== null) {
+            return $this->columns($columns);
+        }
+        return $this;
+    }
+    public function columns(array $columns): Insert
+    {
+        foreach ($columns as $column) {
+            $this->addColumn($column);
+        }
+        return $this;
+    }
+    public function values(array $values): Insert
+    {
+        foreach ($values as $value) {
+            $this->addValue($value);
+        }
+        return $this;
+    }
+    public function select(Define\Query\Select $select): Insert
+    {
+        $this->select = $select;
+        return $this;
+    }
+    public function build(): string
+    {
+        $query = [
+            "INSERT INTO {$this->table}"
+        ];
+        if (isset($this->select)) {
+            $query []= " {$this->select}";
+            return implode('', $query);
+        }
+        $query []= $this->getColumns();
+        $query []= $this->getValues();
+        return implode('', $query);
+    }
+
+    protected function addColumn(string $column): Insert
+    {
+        if (!isset($this->columns)) {
+            $this->columns = [];
+        }
+        $this->columns []= $column;
+        return $this;
+    }
+    protected function addValue(mixed $value): Insert
+    {
+        if (!isset($this->values)) {
+            $this->values = [];
+        }
+        $this->values []= $value;
+        return $this;
+    }
+    protected function getColumns(): string
+    {
+        return ' (' . implode(', ', array_map(function(string $column) {return "`{$column}`";}, $this->columns)) . ')';
+    }
+    protected function getValues(): string
+    {
+        return ' VALUES (' . implode(', ', array_map(function($value) {
+            if ($value === '?') {
+                return $value;
+            }
+            if ($value === (int) $value) {
+                return $value;
+            }
+            return "'{$value}'";
+        }, $this->values)) . ')';
+    }
+}

app/common/Implement/Database/Query/Select.php

@@ -0,0 +1,215 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+use Incoviba\Common\Ideal;
+
+class Select extends Ideal\Query implements Define\Query\Select
+{
+    protected array $columns;
+    protected string $table;
+    protected array $joins;
+    protected array $conditions;
+    protected array $groups;
+    protected array $haves;
+    protected array $orders;
+    protected int $limit;
+    protected int $offset;
+
+    public function columns(array|string $expressions): Select
+    {
+        if (is_string($expressions)) {
+            return $this->addColumn($expressions);
+        }
+        foreach ($expressions as $expression) {
+            $this->addColumn($expression);
+        }
+        return $this;
+    }
+    public function from(string $table): Select
+    {
+        $this->table = $table;
+        return $this;
+    }
+    public function joined(array|string $joins): Select
+    {
+        if (is_string($joins)) {
+            return $this->addJoin($joins);
+        }
+        foreach ($joins as $join) {
+            $this->addJoin($join);
+        }
+        return $this;
+    }
+    public function where(array|string $conditions): Select
+    {
+        if (is_string($conditions)) {
+            return $this->addCondition($conditions);
+        }
+        foreach ($conditions as $condition) {
+            $this->addCondition($condition);
+        }
+        return $this;
+    }
+    public function group(array|string $grouping): Select
+    {
+        if (is_string($grouping)) {
+            return $this->addGroup($grouping);
+        }
+        foreach ($grouping as $group) {
+            $this->addGroup($group);
+        }
+        return $this;
+    }
+    public function having(array|string $conditions): Select
+    {
+        if (is_string($conditions)) {
+            return $this->addCondition($conditions);
+        }
+        foreach ($conditions as $condition) {
+            $this->addCondition($condition);
+        }
+        return $this;
+    }
+    public function order(array|string $sorting): Select
+    {
+        if (is_string($sorting)) {
+            return $this->addOrder($sorting);
+        }
+        foreach ($sorting as $order) {
+            $this->addOrder($order);
+        }
+        return $this;
+    }
+    public function limit(int $limit, ?int $offset = null): Select
+    {
+        $this->limit = $limit;
+        if ($offset !== null) {
+            return $this->offset($offset);
+        }
+        return $this;
+    }
+    public function offset(int $offset): Select
+    {
+        $this->offset = $offset;
+        return $this;
+    }
+    public function build(): string
+    {
+        $query = [
+            "SELECT {$this->getColumns()} FROM {$this->table}",
+            $this->getJoins(),
+            $this->getConditions(),
+            $this->getGroups(),
+            $this->getHaving(),
+            $this->getOrder(),
+            $this->getLimit()
+        ];
+        return implode('', $query);
+    }
+
+    protected function addColumn(string $expression): Select
+    {
+        if (!isset($this->columns)) {
+            $this->columns = [];
+        }
+        $this->columns []= $expression;
+        return $this;
+    }
+    protected function addJoin(string $join): Select
+    {
+        if (!isset($this->joins)) {
+            $this->joins = [];
+        }
+        $this->joins []= $join;
+        return $this;
+    }
+    protected function addCondition(string $condition): Select
+    {
+        if (!isset($this->coditions)) {
+            $this->conditions = [];
+        }
+        $this->conditions []= $condition;
+        return $this;
+    }
+    protected function addGroup(string $group): Select
+    {
+        if (!isset($this->groups)) {
+            $this->groups = [];
+        }
+        $this->groups []= $group;
+        return $this;
+    }
+    protected function addHaving(string $having): Select
+    {
+        if (!isset($this->haves)) {
+            $this->haves = [];
+        }
+        $this->haves []= $having;
+        return $this;
+    }
+    protected function addOrder(string $order): Select
+    {
+        if (!isset($this->orders)) {
+            $this->orders = [];
+        }
+        $this->orders []= $order;
+        return $this;
+    }
+    protected function getColumns(): string
+    {
+        if (!isset($this->columns) or count($this->columns) === 0) {
+            return '*';
+        }
+        return implode(', ', $this->columns);
+    }
+    protected function getJoins(): string
+    {
+        if (!isset($this->joins) or count($this->joins) === 0) {
+            return '';
+        }
+        return ' ' . implode(' ', $this->joins);
+    }
+    protected function getConditions(): string
+    {
+        if (!isset($this->conditions) or count($this->conditions) === 0) {
+            return '';
+        }
+        return ' WHERE ' . implode(' AND ', $this->conditions);
+    }
+    protected function getGroups(): string
+    {
+        if (!isset($this->groups) or count($this->groups) === 0) {
+            return '';
+        }
+        return ' GROUP BY ' . implode(', ', $this->groups);
+    }
+    protected function getHaving(): string
+    {
+        if (!isset($this->haves) or count($this->haves) === 0) {
+            return '';
+        }
+        return ' HAVING ' . implode(' AND ', $this->haves);
+    }
+    protected function getOrder(): string
+    {
+        if (!isset($this->orders) or count($this->orders) === 0) {
+            return '';
+        }
+        return ' ORDER BY ' . implode(', ', $this->orders);
+    }
+    protected function getLimit(): string
+    {
+        if (!isset($this->limit) or $this->limit <= 0) {
+            return '';
+        }
+        return " LIMIT {$this->limit}{$this->getOffset()}";
+    }
+    protected function getOffset(): string
+    {
+        if (!isset($this->offset) or $this->offset <= 0) {
+            return '';
+        }
+        return " OFFSET {$this->offset}";
+    }
+}

app/common/Implement/Database/Query/Update.php

@@ -0,0 +1,113 @@
+<?php
+namespace Incoviba\Common\Implement\Database\Query;
+
+use Incoviba\Common\Define;
+use Incoviba\Common\Ideal;
+
+class Update extends Ideal\Query implements Define\Query\Update
+{
+    protected string $table;
+    protected array $setPairs;
+    protected array $conditions;
+    protected array $orders;
+    protected int $limit;
+
+    public function table(string $table): Define\Query\Update
+    {
+        $this->table = $table;
+        return $this;
+    }
+    public function set(array|string $column_pairs): Define\Query\Update
+    {
+        if (is_string($column_pairs)) {
+            return $this->addSet($column_pairs);
+        }
+        foreach ($column_pairs as $pair) {
+            $this->addSet($pair);
+        }
+        return $this;
+    }
+    public function where(array|string $conditions): Define\Query\Update
+    {
+        if (is_string($conditions)) {
+            return $this->addCondition($conditions);
+        }
+        foreach ($conditions as $condition) {
+            $this->addCondition($condition);
+        }
+        return $this;
+    }
+    public function order(array|string $ordering): Define\Query\Update
+    {
+        if (is_string($ordering)) {
+            return $this->addOrder($ordering);
+        }
+        foreach ($ordering as $order) {
+            $this->addOrder($order);
+        }
+        return $this;
+    }
+    public function limit(int $limit): Define\Query\Update
+    {
+        $this->limit = $limit;
+        return $this;
+    }
+    public function build(): string
+    {
+        $query = [
+            "UPDATE {$this->table}",
+            $this->getSet(),
+            $this->getConditions(),
+            $this->getOrder(),
+            $this->getLimit()
+        ];
+        return implode('', $query);
+    }
+
+    protected function addSet(string $pair): Update
+    {
+        if (!isset($this->setPairs)) {
+            $this->setPairs = [];
+        }
+        $this->setPairs []= $pair;
+        return $this;
+    }
+    protected function addCondition(string $condition): Update
+    {
+        if (!isset($this->conditions)) {
+            $this->conditions = [];
+        }
+        $this->conditions []= $condition;
+        return $this;
+    }
+    protected function addOrder(string $order): Update
+    {
+        if (!isset($this->orders)) {
+            $this->orders = [];
+        }
+        $this->orders []= $order;
+        return $this;
+    }
+    protected function getSet(): string
+    {
+        return ' SET ' . implode(', ', $this->setPairs);
+    }
+    protected function getConditions(): string
+    {
+        return ' WHERE ' . implode(' AND ', $this->conditions);
+    }
+    protected function getOrder(): string
+    {
+        if (!isset($this->orders) or count($this->orders) === 0) {
+            return '';
+        }
+        return ' ORDER BY ' . implode(', ', $this->orders);
+    }
+    protected function getLimit(): string
+    {
+        if (!isset($this->limit) or $this->limit <= 0) {
+            return '';
+        }
+        return " LIMIT {$this->limit}";
+    }
+}

app/common/Implement/Repository/Mapper.php

@@ -55,14 +55,18 @@ class Mapper implements Define\Repository\Mapper
         if ($this->hasProperty()) {
             $property = $this->property;
         }
-        if (isset($data[$column])) {
+        if (in_array($column, array_keys($data))) {
             if ($this->hasFactory()) {
                 $model->addFactory($property, $this->factory);
                 return true;
             }
             $value = $data[$column];
             if ($this->hasFunction()) {
-                $value = ($this->function)($data);
+                if ($value !== null) {
+                    $value = ($this->function)($data);
+                } elseif ($this->hasDefault()) {
+                    $value = $this->default;
+                }
             }
             $model->{$property} = $value;
             return true;

app/common/Implement/Repository/Mapper/DateTime.php

@@ -9,7 +9,7 @@ class DateTime extends Mapper
     public function __construct(string $column, ?string $property = null)
     {
         $this->setFunction(function($data) use ($column) {
-            return new DateTimeImmutable($data[$column]);
+            return new DateTimeImmutable($data[$column] ?? '');
         });
         if ($property !== null) {
             $this->setProperty($property);

app/composer.json

@@ -9,10 +9,12 @@
         "nyholm/psr7-server": "^1.0",
         "php-di/php-di": "^7.0",
         "php-di/slim-bridge": "^3.4",
+        "phpoffice/phpspreadsheet": "^1.29",
         "predis/predis": "^2.2",
         "slim/slim": "^4.11"
     },
     "require-dev": {
+        "kint-php/kint": "^5.1",
         "phpunit/phpunit": "^10.2"
     },
     "authors": [

app/resources/routes/01_api.php

@@ -10,4 +10,4 @@ $app->group('/api', function($app) {
             include_once $file->getRealPath();
         }
     }
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\API::class));

app/resources/routes/02_inmobiliarias.php

@@ -3,4 +3,4 @@ use Incoviba\Controller\Inmobiliarias;
 
 $app->group('/inmobiliarias', function($app) {
     $app->get('[/]', Inmobiliarias::class);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/03_proyectos.php

@@ -4,4 +4,7 @@ use Incoviba\Controller\Proyectos;
 $app->group('/proyectos', function($app) {
     $app->get('/unidades[/]', [Proyectos::class, 'unidades']);
     $app->get('[/]', Proyectos::class);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));
+$app->group('/proyecto/{proyecto_id}', function($app) {
+    $app->get('[/]', [Proyectos::class, 'show']);
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/04_ventas.php

@@ -11,10 +11,10 @@ $app->group('/ventas', function($app) {
     }
     $app->get('/add[/]', [Ventas::class, 'add']);
     $app->get('[/]', Ventas::class);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));
 $app->group('/venta/{proyecto_nombre:[A-za-zÑñ\+\ %0-9]+}/{unidad_descripcion:[0-9]+}', function($app) {
     $app->get('[/]', [Ventas::class, 'showUnidad']);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));
 $app->group('/venta/{venta_id:[0-9]+}', function($app) {
     $app->group('/propietario', function($app) {
         $app->get('[/]', [Ventas::class, 'propietario']);
@@ -26,7 +26,11 @@ $app->group('/venta/{venta_id:[0-9]+}', function($app) {
         $app->group('/cuotas', function($app) {
             $app->get('[/]', [Ventas::class, 'cuotas']);
         });
+        $app->get('[/]', [Ventas::class, 'pie']);
     });
+    $app->get('/escriturar[/]', [Ventas::class, 'escriturar']);
+    $app->get('/desistir[/]', [Ventas::class, 'desistir']);
+    $app->get('/desistida[/]', [Ventas::class, 'desistida']);
     $app->get('/edit[/]', [Ventas::class, 'edit']);
     $app->get('[/]', [Ventas::class, 'show']);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/05_contabilidad.php

@@ -0,0 +1,10 @@
+<?php
+$app->group('/contabilidad', function($app) {
+    $files = new FilesystemIterator(implode(DIRECTORY_SEPARATOR, [__DIR__, 'contabilidad']));
+    foreach ($files as $file) {
+        if ($file->isDir()) {
+            continue;
+        }
+        include_once $file->getRealPath();
+    }
+});

app/resources/routes/97_search.php

@@ -4,4 +4,4 @@ use Incoviba\Controller\Search;
 $app->group('/search', function($app) {
     $app->get('[/{query}[/{tipo}[/]]]', Search::class);
     $app->post('[/]', Search::class);
-});
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/98_login.php

@@ -4,5 +4,5 @@ use Incoviba\Controller\Login;
 $app->group('/login', function($app) {
     $app->post('[/]', [Login::class, 'login']);
     $app->get('[/]', [Login::class, 'form']);
-});
-$app->get('/logout', [Login::class, 'logout']);
+})->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));
+$app->get('/logout', [Login::class, 'logout'])->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/99_base.php

@@ -2,4 +2,4 @@
 use Incoviba\Controller\Base;
 
 $app->get('/construccion', [Base::class, 'construccion'])->setName('construccion');
-$app->get('[/]', Base::class);
+$app->get('[/]', Base::class)->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/resources/routes/api/contabilidad.php

@@ -0,0 +1,10 @@
+<?php
+$app->group('/contabilidad', function($app) {
+    $files = new FilesystemIterator(implode(DIRECTORY_SEPARATOR, [__DIR__, 'contabilidad']));
+    foreach ($files as $file) {
+        if ($file->isDir()) {
+            continue;
+        }
+        include_once $file->getRealPath();
+    }
+});

app/resources/routes/api/contabilidad/cartolas.php

@@ -0,0 +1,9 @@
+<?php
+use Incoviba\Controller\API\Contabilidad;
+
+$app->group('/cartolas', function($app) {
+    $app->post('/procesar[/]', [Contabilidad::class, 'procesarCartola']);
+});
+$app->group('/cartola', function($app) {
+    $app->post('/exportar[/]', [Contabilidad::class, 'exportarCartola']);
+});

app/resources/routes/api/contabilidad/centros_costos.php

@@ -0,0 +1,10 @@
+<?php
+use Incoviba\Controller\API\CentrosCostos;
+
+$app->group('/centros_costos', function($app) {
+    $app->post('/add[/]', [CentrosCostos::class, 'add']);
+});
+$app->group('/centro_costo/{centro_costo_id}', function($app) {
+    $app->post('/edit[/]', [CentrosCostos::class, 'edit']);
+    $app->delete('[/]', [CentrosCostos::class, 'remove']);
+});

app/resources/routes/api/contabilidad/nubox.php

@@ -0,0 +1,11 @@
+<?php
+use Incoviba\Controller\API\Nubox;
+
+$app->group('/nubox/{inmobiliaria_rut}', function($app) {
+    $app->get('/token[/]', [Nubox::class, 'token']);
+    $app->get('/sistemas[/]', [Nubox::class, 'sistemas']);
+    $app->group('/libro', function($app) {
+        $app->post('/mayor[/]', [Nubox::class, 'libroMayor']);
+        $app->post('/diario[/]', [Nubox::class, 'libroDiario']);
+    });
+});

app/resources/routes/api/direcciones.php

@@ -1,5 +1,5 @@
 <?php
-use Incoviba\Controller\Direcciones;
+use Incoviba\Controller\API\Direcciones;
 
 $app->group('/direcciones', function($app) {
     $app->group('/region/{region_id:[0-9]+}', function($app) {

app/resources/routes/api/inmobiliarias.php

@@ -0,0 +1,10 @@
+<?php
+use Incoviba\Controller\API\Inmobiliarias;
+
+$app->group('/inmobiliarias', function($app) {
+    $app->get('[/]', Inmobiliarias::class);
+});
+$app->group('/inmobiliaria/{inmobiliaria_rut}', function($app) {
+    $app->get('/cuentas[/]', [Inmobiliarias::class, 'cuentas']);
+    $app->get('/proyectos[/]', [Inmobiliarias::class, 'proyectos']);
+});

app/resources/routes/api/money.php

@@ -0,0 +1,8 @@
+<?php
+use Incoviba\Controller\API\Money;
+
+$app->group('/money', function($app) {
+    $app->post('/ipc[/]', [Money::class, 'ipc']);
+    $app->post('/uf[/]', [Money::class, 'uf']);
+    $app->post('[/]', [Money::class, 'get']);
+});

app/resources/routes/api/provincias.php

@@ -1,5 +1,5 @@
 <?php
-use Incoviba\Controller\Provincias;
+use Incoviba\Controller\API\Provincias;
 
 $app->group('/provincia/{provincia_id}', function($app) {
     $app->get('/comunas', [Provincias::class, 'comunas']);

app/resources/routes/api/proyectos.php

@@ -9,4 +9,15 @@ $app->group('/proyecto/{proyecto_id}', function($app) {
     $app->get('/estados[/]', [Proyectos\EstadosProyectos::class, 'byProyecto']);
     $app->get('/estado[/]', [Proyectos\EstadosProyectos::class, 'currentByProyecto']);
     $app->get('/inicio[/]', [Proyectos\EstadosProyectos::class, 'firstByProyecto']);
+    $app->get('/recepcion[/]', [Proyectos\EstadosProyectos::class, 'recepcionByProyecto']);
+    $app->group('/superficies', function($app) {
+        $app->get('/vendible[/]', [Proyectos::class, 'superficies']);
+    });
+    $app->group('/unidades', function($app) {
+        $app->get('/disponibles[/]', [Proyectos::class, 'disponibles']);
+        $app->get('[/]', [Proyectos::class, 'unidades']);
+    });
+    $app->group('/terreno', function($app) {
+        $app->post('/edit[/]', [Proyectos::class, 'terreno']);
+    });
 });

app/resources/routes/api/regiones.php

@@ -1,5 +1,6 @@
 <?php
-use Incoviba\Controller\Regiones;
+
+use Incoviba\Controller\API\Regiones;
 
 //$app->group('/regiones', function($app) {});
 $app->group('/region/{region_id}', function($app) {

app/resources/routes/api/search.php

@@ -1,4 +1,4 @@
 <?php
-use Incoviba\Controller\Search;
+use Incoviba\Controller\API\Search;
 
 $app->post('/search', [Search::class, 'query']);

app/resources/routes/api/ventas.php

@@ -22,6 +22,13 @@ $app->group('/ventas', function($app) {
     $app->post('[/]', [Ventas::class, 'proyecto']);
 });
 $app->group('/venta/{venta_id}', function($app) {
-    $app->get('/comentarios', [Ventas::class, 'comentarios']);
+    $app->get('/unidades[/]', [Ventas::class, 'unidades']);
+    $app->get('/comentarios[/]', [Ventas::class, 'comentarios']);
+    $app->post('/escriturar[/]', [Ventas::class, 'escriturar']);
+    $app->group('/desistir', function($app) {
+        $app->get('/eliminar[/]', [Ventas::class, 'insistir']);
+        $app->post('[/]', [Ventas::class, 'desistir']);
+    });
+    $app->post('[/]', [Ventas::class, 'edit']);
     $app->get('[/]', [Ventas::class, 'get']);
 });

app/resources/routes/api/ventas/escrituras.php

@@ -0,0 +1,6 @@
+<?php
+use Incoviba\Controller\API\Ventas\Escrituras;
+
+$app->group('/escritura/{venta_id}', function($app) {
+    $app->post('/edit[/]', [Escrituras::class, 'edit']);
+});

app/resources/routes/api/ventas/facturacion.php

@@ -0,0 +1,6 @@
+<?php
+use Incoviba\Controller\API\Ventas\Facturacion;
+
+$app->group('/facturacion', function($app) {
+    $app->get('/proyecto/{proyecto_id}[/]', [Facturacion::class, 'proyecto']);
+});

app/resources/routes/api/ventas/pagos.php

@@ -1,5 +1,5 @@
 <?php
-use Incoviba\Controller\Ventas\Pagos;
+use Incoviba\Controller\API\Ventas\Pagos;
 
 $app->group('/pagos', function($app) {
     $app->get('/pendientes', [Pagos::class, 'para_pendientes']);
@@ -7,6 +7,9 @@ $app->group('/pagos', function($app) {
     $app->get('/rebotes', [Pagos::class, 'rebotes']);
 });
 $app->group('/pago/{pago_id:[0-9]+}', function($app) {
-    $app->put('/depositar[/]', [Pagos::class, 'depositar']);
-    $app->put('/abonar[/]', [Pagos::class, 'abonar']);
+    $app->post('/depositar[/]', [Pagos::class, 'depositar']);
+    $app->post('/abonar[/]', [Pagos::class, 'abonar']);
+    $app->post('/devolver[/]', [Pagos::class, 'devolver']);
+    $app->get('/anular[/]', [Pagos::class, 'anular']);
+    $app->post('[/]', [Pagos::class, 'edit']);
 });

app/resources/routes/api/ventas/pies.php

@@ -0,0 +1,6 @@
+<?php
+use Incoviba\Controller\API\Ventas\Pies;
+
+$app->group('/pie/{pie_id}', function($app) {
+    $app->post('/edit[/]', [Pies::class, 'edit']);
+});

app/resources/routes/api/ventas/precios.php

@@ -1,5 +1,5 @@
 <?php
-use Incoviba\Controller\Ventas\Precios;
+use Incoviba\Controller\API\Ventas\Precios;
 
 $app->group('/precios', function($app) {
     $app->post('[/]', [Precios::class, 'proyecto']);

app/resources/routes/api/ventas/propiedades.php

@@ -0,0 +1,10 @@
+<?php
+$app->group('/propiedades', function($app) {
+    $files = new FilesystemIterator(implode(DIRECTORY_SEPARATOR, [__DIR__, 'propiedades']));
+    foreach ($files as $file) {
+        if ($file->isDir()) {
+            continue;
+        }
+        include_once $file->getRealPath();
+    }
+});

app/resources/routes/api/ventas/propiedades/unidades.php

@@ -0,0 +1,10 @@
+<?php
+use Incoviba\Controller\API\Ventas\PropiedadesUnidades;
+
+$app->group('/unidades', function($app) {
+    $app->post('/add[/]', [PropiedadesUnidades::class, 'add']);
+});
+$app->group('/unidad/{pu_id}', function($app) {
+    $app->post('/edit[/]', [PropiedadesUnidades::class, 'edit']);
+    $app->delete('[/]', [PropiedadesUnidades::class, 'remove']);
+});

app/resources/routes/api/ventas/unidades.php

@@ -4,3 +4,9 @@ use Incoviba\Controller\API\Ventas\Unidades;
 $app->group('/unidades', function($app) {
     $app->post('/disponibles', [Unidades::class, 'disponibles']);
 });
+$app->group('/unidad/{unidad_id}', function($app) {
+    $app->group('/prorrateo', function($app) {
+        $app->post('[/]', [Unidades::class, 'prorrateo']);
+    });
+    $app->get('[/]', [Unidades::class, 'get']);
+});

app/resources/routes/contabilidad/centros_costos.php

@@ -0,0 +1,7 @@
+<?php
+use Incoviba\Controller\CentrosCostos;
+
+$app->group('/centros_costos', function($app) {
+    $app->get('/asignar[/]', [CentrosCostos::class, 'asignar']);
+    $app->get('[/]', CentrosCostos::class);
+});

app/resources/routes/ventas/escrituras.php

@@ -0,0 +1,7 @@
+<?php
+use Incoviba\Controller\Ventas\Escrituras;
+
+$app->group('/escritura/{venta_id}', function($app) {
+    $app->get('/informe[/]', [Escrituras::class, 'informe']);
+    $app->get('[/]', [Escrituras::class, 'show']);
+});

app/resources/routes/ventas/facturacion.php

@@ -0,0 +1,9 @@
+<?php
+use Incoviba\Controller\Ventas\Facturacion;
+
+$app->group('/facturacion', function($app) {
+    $app->get('[/]', Facturacion::class);
+});
+$app->group('/factura/{venta_id}', function($app) {
+    $app->get('[/]', [Facturacion::class, 'show']);
+});

app/resources/views/contabilidad/centros_costos.blade.php

@@ -0,0 +1,330 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h1 class="ui header">
+            Centros de Costos
+        </h1>
+        {{--<div class="ui top attached right aligned basic segment">
+            <button class="ui tiny green icon button" id="add_button">
+                Agregar
+                <i class="plus icon"></i>
+            </button>
+        </div>--}}
+        <table class="ui table" id="centros_costos">
+            <thead>
+            <tr>
+                <th>Tipo de Centro</th>
+                <th>Categoría</th>
+                <th>Tipo de Cuenta</th>
+                <th>Cuenta Contable</th>
+                <th>Centro de Costo</th>
+                <th>Descripción</th>
+                {{--<th>
+                </th>--}}
+            </tr>
+            </thead>
+            <tbody>
+            @foreach ($centrosCostos as $centroCosto)
+                <tr data-id="{{$centroCosto->id}}">
+                    <td data-id="{{$centroCosto->tipoCentro->id}}">{{$centroCosto->tipoCentro->descripcion}}</td>
+                    <td data-id="{{$centroCosto->categoria->id}}">{{$centroCosto->categoria->descripcion}}</td>
+                    <td data-id="{{$centroCosto->tipoCuenta?->id}}">{{$centroCosto->tipoCuenta?->descripcion}}</td>
+                    <td>{{$centroCosto->cuentaContable}}</td>
+                    <td>{{$centroCosto->id}}</td>
+                    <td>{{$centroCosto->descripcion}}</td>
+                    {{--<td>
+                        <div class="ui mini buttons">
+                            <button class="ui icon button edit_button" data-id="{{$centroCosto->id}}">
+                                <i class="edit icon"></i>
+                            </button>
+                            <button class="ui red icon button remove_button" data-id="{{$centroCosto->id}}">
+                                <i class="remove icon"></i>
+                            </button>
+                        </div>
+                    </td>--}}
+                </tr>
+            @endforeach
+            </tbody>
+        </table>
+    </div>
+    <div class="ui modal" id="modal_add">
+        <div class="content">
+            <form class="ui form" id="add_form">
+                <div class="fields">
+                    <div class="three wide field">
+                        <label for="tipo_centro">Tipo de Centro</label>
+                        <div class="ui selection search dropdown" id="tipo_centro">
+                            <input type="hidden" name="tipo_centro_id" />
+                            <i class="dropdown icon"></i>
+                            <div class="default text">Tipo</div>
+                            <div class="menu">
+                            @foreach ($tiposCentros as $tipoCentro)
+                                <div class="item" data-value="{{$tipoCentro->id}}">{{$tipoCentro->descripcion}}</div>
+                            @endforeach
+                            </div>
+                        </div>
+                    </div>
+                    <div class="three wide field">
+                        <label for="tipo_cuenta">Tipo de Cuenta</label>
+                        <div class="ui selection search dropdown" id="tipo_cuenta">
+                            <input type="hidden" name="tipo_cuenta_id" />
+                            <i class="dropdown icon"></i>
+                            <div class="default text">Tipo de Cuenta</div>
+                            <div class="menu">
+                                <div class="item" data-value="">---</div>
+                                @foreach ($tiposCuentas as $tipoCuenta)
+                                    <div class="item" data-value="{{$tipoCuenta->id}}">{{$tipoCuenta->descripcion}}</div>
+                                @endforeach
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="five wide field">
+                    <label for="categoria">Categoría</label>
+                    <div class="ui selection search dropdown" id="categoria">
+                        <input type="hidden" name="categoria_id" />
+                        <i class="dropdown icon"></i>
+                        <div class="default text">Categoría</div>
+                        <div class="menu">
+                        @foreach ($categorias as $categoria)
+                            <div class="item" data-value="{{$categoria->id}}">{{$categoria->descripcion}}</div>
+                        @endforeach
+                        </div>
+                    </div>
+                </div>
+                <div class="three wide field">
+                    <label for="cuenta_contable">Cuenta Contable</label>
+                    <input type="text" name="cuenta_contable" id="cuenta_contable" />
+                </div>
+                <div class="two wide field">
+                    <label for="identificador">Centro de Costo</label>
+                    <input type="number" name="id" id="identificador" maxlength="3" />
+                </div>
+                <div class="field">
+                    <label for="descripcion">Descripción</label>
+                    <textarea id="descripcion" name="descripcion" class="ui textarea" rows="1" cols="10"></textarea>
+                </div>
+            </form>
+        </div>
+        <div class="actions">
+            <button class="ui positive icon button">
+                <i class="plus icon"></i>
+                Agregar
+            </button>
+        </div>
+    </div>
+    <div class="ui modal" id="modal_edit">
+        <div class="header">
+            Centro de Costo <span id="id"></span>
+        </div>
+        <div class="content">
+            <form class="ui form" id="edit_form">
+                <input type="hidden" name="id" id="identificador" />
+                <div class="fields">
+                    <div class="three wide field">
+                        <label for="tipo_centro">Tipo de Centro</label>
+                        <div class="ui selection search dropdown" id="tipo_centro">
+                            <input type="hidden" name="tipo_centro_id" />
+                            <i class="dropdown icon"></i>
+                            <div class="default text">Tipo</div>
+                            <div class="menu">
+                                @foreach ($tiposCentros as $tipoCentro)
+                                    <div class="item" data-value="{{$tipoCentro->id}}">{{$tipoCentro->descripcion}}</div>
+                                @endforeach
+                            </div>
+                        </div>
+                    </div>
+                    <div class="three wide field">
+                        <label for="tipo_cuenta">Tipo de Cuenta</label>
+                        <div class="ui selection search dropdown" id="tipo_cuenta">
+                            <input type="hidden" name="tipo_cuenta_id" />
+                            <i class="dropdown icon"></i>
+                            <div class="default text">Tipo de Cuenta</div>
+                            <div class="menu">
+                                <div class="item" data-value="">---</div>
+                                @foreach ($tiposCuentas as $tipoCuenta)
+                                    <div class="item" data-value="{{$tipoCuenta->id}}">{{$tipoCuenta->descripcion}}</div>
+                                @endforeach
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="five wide field">
+                    <label for="categoria">Categoría</label>
+                    <div class="ui selection search dropdown" id="categoria">
+                        <input type="hidden" name="categoria_id" />
+                        <i class="dropdown icon"></i>
+                        <div class="default text">Categoría</div>
+                        <div class="menu">
+                            @foreach ($categorias as $categoria)
+                                <div class="item" data-value="{{$categoria->id}}">{{$categoria->descripcion}}</div>
+                            @endforeach
+                        </div>
+                    </div>
+                </div>
+                <div class="three wide field">
+                    <label for="cuenta_contable">Cuenta Contable</label>
+                    <input type="text" name="cuenta_contable" id="cuenta_contable" />
+                </div>
+                <div class="field">
+                    <label for="descripcion">Descripción</label>
+                    <textarea id="descripcion" name="descripcion" class="ui textarea" rows="1" cols="10"></textarea>
+                </div>
+            </form>
+        </div>
+        <div class="actions">
+            <button class="ui positive icon button">
+                <i class="plus icon"></i>
+                Editar
+            </button>
+        </div>
+    </div>
+@endsection
+
+@include('layout.head.styles.datatables')
+@include('layout.body.scripts.datatables')
+
+@push('page_scripts')
+    <script>
+        const centros = {
+            ids: {
+                table: '',
+                modals: {
+                    add: '',
+                    edit: ''
+                },
+                buttons: {
+                    add: '',
+                    edit: '',
+                    remove: ''
+                },
+                forms: {
+                    add: '',
+                    edit: ''
+                }
+            },
+            setup: function({ids}) {
+                this.ids = ids
+
+                Object.keys(this.ids.modals).forEach(name => {
+                    $(this.ids.modals[name]).modal({
+                        onApprove: ($element) => {
+                            this.actions()[name]()
+                        },
+                        onHidden: (modal) => {
+                            document.getElementById(this.ids.forms[name]).reset()
+                        }
+                    })
+                    $(this.ids.modals[name]).find('.dropdown').each((idx, item) => {
+                        $(item).dropdown()
+                    })
+                })
+                Object.keys(this.ids.buttons).forEach(name => {
+                    if (name === 'remove') {
+                        return
+                    }
+                    $(this.ids.buttons[name]).click(event => {
+                        if (name === 'edit') {
+                            const id = $(event.currentTarget).data('id')
+                            const row = $("tr[data-id='" + id + "']")
+                            const data = {
+                                id,
+                                tipo_centro_id: row.find(':nth-child(1)').data('id'),
+                                categoria_id: row.find(':nth-child(2)').data('id'),
+                                tipo_cuenta_id: row.find(':nth-child(3)').data('id'),
+                                cuenta_contable: row.find(':nth-child(4)').html(),
+                                descripcion: row.find(':nth-child(6)').html()
+                            }
+                            $(this.ids.modals[name]).find('#id').html(id)
+                            const form = $('#' + this.ids.forms[name])
+                            form.find("[name='id']").val(data.id)
+                            form.find('#tipo_centro').dropdown('set selected', data.tipo_centro_id)
+                            form.find('#categoria').dropdown('set selected', data.categoria_id)
+                            form.find('#tipo_cuenta').dropdown('set selected', data.tipo_cuenta_id)
+                            form.find('#cuenta_contable').val(data.cuenta_contable)
+                            form.find('#descripcion').val(data.descripcion)
+                        }
+                        $(this.ids.modals[name]).modal('show')
+                    })
+                })
+                $(this.ids.buttons.remove).click(event => {
+                    const id = $(event.currentTarget).data('id')
+                    this.actions().remove(id)
+                })
+                $(this.ids.table).dataTable({
+                    order: [
+                        [0, 'desc'],
+                        [2, 'asc'],
+                        [1, 'asc'],
+                        [4, 'asc']
+                    ]
+                })
+            },
+            actions: function() {
+                return {
+                    add: () => {
+                        const body = new FormData(document.getElementById(this.ids.forms.add))
+                        const url = '{{$urls->api}}/contabilidad/centros_costos/add'
+                        fetchAPI(url, {method: 'post', body}).then(response => {
+                            if (!response) {
+                                return
+                            }
+                            response.json().then(json => {
+                                if (json.added) {
+                                    window.location.reload()
+                                }
+                            })
+                        })
+                    },
+                    edit: () => {
+                        const body = new FormData(document.getElementById(this.ids.forms.edit))
+                        const url = '{{$urls->api}}/contabilidad/centro_costo/' + body.get('id') + '/edit'
+                        fetchAPI(url, {method: 'post', body}).then(response => {
+                            if (!response) {
+                                return
+                            }
+                            response.json().then(json => {
+                                if (json.edited) {
+                                    window.location.reload()
+                                }
+                            })
+                        })
+                    },
+                    remove: id => {
+                        const url = '{{$urls->api}}/contabilidad/centro_costo/' + id
+                        fetchAPI(url, {method: 'delete'}).then(response => {
+                            if (!response) {
+                                return
+                            }
+                            response.json().then(json => {
+                                if (json.removed) {
+                                    window.location.reload()
+                                }
+                            })
+                        })
+                    }
+                }
+            }
+        }
+        $(document).ready(() => {
+            centros.setup({ids: {
+                    table: '#centros_costos',
+                    modals: {
+                        add: '#modal_add',
+                        edit: '#modal_edit'
+                    },
+                    buttons: {
+                        add: '#add_button',
+                        edit: '.edit_button',
+                        remove: '.remove_button'
+                    },
+                    forms: {
+                        add: 'add_form',
+                        edit: 'edit_form'
+                    }
+                }
+            })
+        })
+    </script>
+@endpush

app/resources/views/contabilidad/centros_costos/asignar.blade.php

@@ -0,0 +1,399 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h1 class="ui header">Asignar Centros de Costos</h1>
+        <form class="ui form" id="asignar_form">
+            <div class="ui grid">
+                <div class="fourteen wide column">
+                    <div class="fields">
+                        <div class="five wide field">
+                            <label>Inmobiliaria</label>
+                            <div class="ui selection search dropdown" id="inmobiliaria">
+                                <input type="hidden" name="inmobiliaria"/>
+                                <i class="dropdown icon"></i>
+                                <div class="default text">Inmobiliaria</div>
+                                <div class="menu">
+                                @foreach ($inmobiliarias as $inmobiliaria)
+                                    <div class="item" data-value="{{$inmobiliaria->rut}}">{{$inmobiliaria->razon}}</div>
+                                @endforeach
+                                </div>
+                            </div>
+                        </div>
+                        <div class="two wide field">
+                            <label>Banco</label>
+                            <div class="ui selection search dropdown" id="banco">
+                                <input type="hidden" name="banco"/>
+                                <i class="dropdown icon"></i>
+                                <div class="default text">Banco</div>
+                                <div class="menu"></div>
+                            </div>
+                        </div>
+                        <div class="field">
+                            <label>Mes</label>
+                            <div class="ui calendar" id="mes">
+                                <div class="ui icon input">
+                                    <i class="calendar icon"></i>
+                                    <input type="text" name="mes"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="field">
+                            <label for="file">Cartola</label>
+                            <input type="file" name="file" id="file" class="ui invisible file input" />
+                            <label for="file" class="ui icon button">
+                                <i class="file icon"></i>
+                                Cargar
+                            </label>
+                        </div>
+                    </div>
+                </div>
+                <div class="two wide middle aligned column">
+                    <button class="ui icon button">
+                        Procesar
+                        <i class="sync icon"></i>
+                    </button>
+                </div>
+            </div>
+        </form>
+        <div class="ui two columns grid">
+            <div class="column">
+                <button class="ui icon button" id="export_button">
+                    <i class="file excel icon"></i>
+                    Exportar
+                </button>
+            </div>
+            <div class="right aligned column">
+                <div class="ui inline active loader" id="loader"></div>
+            </div>
+        </div>
+    </div>
+    <div class="ui fluid container">
+        <table class="ui table" id="tabla_movimientos">
+            <thead>
+            <tr>
+                <th>Fecha</th>
+                <th>Glosa</th>
+                <th>Documento</th>
+                <th class="right aligned">Cargo</th>
+                <th class="right aligned">Abono</th>
+                <th>Centro de Costo</th>
+                <th>Detalle</th>
+                <th>Orden</th>
+            </tr>
+            </thead>
+            <tbody id="movimientos"></tbody>
+        </table>
+    </div>
+@endsection
+
+@include('layout.head.styles.datatables')
+@include('layout.body.scripts.datatables')
+
+@push('page_scripts')
+    <script>
+        const cartola = {
+            ids: {
+                table: {
+                    base: '',
+                    body: ''
+                },
+                form: {
+                    base: '',
+                    inmobiliaria: '',
+                    banco: '',
+                    mes: '',
+                },
+                button: '',
+                loader: '',
+            },
+            data: {
+                inmobiliaria: {
+                    rut: 0,
+                    razon: ''
+                },
+                banco: {
+                    id: 0,
+                    nombre: ''
+                },
+                mes: '',
+                movimientos: [],
+                centrosCostos: {
+                    ingresos: JSON.parse('{!! json_encode(array_values(array_map(function(\Incoviba\Model\CentroCosto $centroCosto) {
+                            return [
+                                'id' => $centroCosto->id,
+                                'descripcion' => $centroCosto->descripcion
+                            ];
+                        }, array_filter($centrosCostos, function(\Incoviba\Model\CentroCosto $centroCosto) {
+                            return $centroCosto->tipoCentro->descripcion === 'Ingreso';
+                        })))) !!}'),
+                    egresos: JSON.parse('{!! json_encode(array_values(array_map(function(\Incoviba\Model\CentroCosto $centroCosto) {
+                            return [
+                                'id' => $centroCosto->id,
+                                'descripcion' => $centroCosto->descripcion
+                            ];
+                        }, array_filter($centrosCostos, function(\Incoviba\Model\CentroCosto $centroCosto) {
+                            return $centroCosto->tipoCentro->descripcion === 'Egreso';
+                        })))) !!}'),
+                }
+            },
+            dataTableConfig: {
+                pageLength: 100,
+                order: [[7, 'asc']],
+                columnDefs: [
+                    {
+                        targets: [0, 2, 3, 4],
+                        width: '10%'
+                    },
+                    {
+                        targets: [1],
+                        width: '20%'
+                    },
+                    {
+                        targets: [7],
+                        visible: false
+                    }
+                ],
+            },
+            get() {
+                return {
+                    bancos: inmobiliaria_rut => {
+                        const url = '{{$urls->api}}/inmobiliaria/' + inmobiliaria_rut + '/cuentas'
+                        $(this.ids.loader).show()
+                        return fetchAPI(url).then(response => {
+                            $(this.ids.loader).hide()
+                            if (!response) {
+                                return
+                            }
+                            return response.json().then(json => {
+                                if (json.cuentas.length === 0) {
+                                    return
+                                }
+                                $(this.ids.form.banco).dropdown('change values', json.cuentas.map(cuenta => {
+                                    return {value: cuenta.banco.id, text: cuenta.banco.nombre, name: cuenta.banco.nombre}
+                                })).dropdown('refresh')
+                            })
+                        })
+                    },
+                    firstDate: inmobiliaria_rut => {
+                        const url = '{{$urls->api}}/inmobiliaria/' + inmobiliaria_rut + '/proyectos'
+                        $(this.ids.loader).show()
+                        return fetchAPI(url).then(response => {
+                            $(this.ids.loader).hide()
+                            if (!response) {
+                                return
+                            }
+                            return response.json().then(json => {
+                                if (json.proyectos.length === 0) {
+                                    return
+                                }
+                                const min = json.proyectos.reduce((min, proyecto) => {
+                                    const date = new Date(proyecto.current_estado.fecha.date)
+                                    if (min > date.getTime()) {
+                                        return date.getTime()
+                                    }
+                                    return min
+                                }, (new Date()).getTime())
+                                $(this.ids.form.mes).calendar('set minDate', new Date(min))
+                            })
+                        })
+                    }
+                }
+            },
+            parse() {
+                return {
+                    cartola: event => {
+                        event.preventDefault()
+                        const body = new FormData(document.getElementById('asignar_form'))
+                        body.set('mes', $('#mes').calendar('get date').toISOString())
+                        const url = '{{$urls->api}}/contabilidad/cartolas/procesar'
+                        $(this.ids.loader).show()
+                        fetchAPI(url, {method: 'post', body}).then(response => {
+                            $(this.ids.loader).hide()
+                            if (!response) {
+                                return
+                            }
+                            return response.json().then(json => {
+                                if (json.movimientos.length === 0) {
+                                    return
+                                }
+                                this.data.movimientos = []
+                                json.movimientos.forEach((row, idx) => {
+                                    const fecha = new Date(row.fecha)
+                                    fecha.setDate(fecha.getDate() + 1)
+                                    this.data.movimientos[idx] = {
+                                        fecha: fecha,
+                                        glosa: row.glosa,
+                                        documento: row.documento,
+                                        cargo: row.cargo,
+                                        abono: row.abono,
+                                    }
+                                })
+                                this.draw().cartola()
+                            })
+                        })
+                        return false
+                    }
+                }
+            },
+            export() {
+                return {
+                    cartola: event => {
+                        const url = '{{$urls->api}}/contabilidad/cartola/exportar'
+                        const body = new FormData()
+                        body.set('inmobiliaria', $(this.ids.form.inmobiliaria).dropdown('get value'))
+                        body.set('banco', $(this.ids.form.banco).dropdown('get value'))
+                        body.set('mes', $(this.ids.form.mes).calendar('get date').toISOString())
+                        const movimientos = this.data.movimientos.map((movimiento, idx) => {
+                            const temp = structuredClone(movimiento)
+                            temp.fecha = movimiento.fecha.toISOString()
+                            let centro = $(".centro[data-index='" + (idx+1) + "']").dropdown('get value')
+                            if (centro.length === 0) {
+                                centro = ''
+                            }
+                            temp.centro_costo = centro
+                            let detalle = $("[name='detalle" + (idx+1) + "']").val()
+                            if (typeof detalle === 'undefined') {
+                                detalle = ''
+                            }
+                            temp.detalle = detalle
+                            return temp
+                        })
+                        body.set('movimientos', JSON.stringify(movimientos))
+                        $(this.ids.loader).show()
+                        fetchAPI(url, {method: 'post', body}).then(response => {
+                            $(this.ids.loader).hide()
+                            if (!response) {
+                                return
+                            }
+                            response.json().then(json => {
+                                if (json.filename === '') {
+                                    return
+                                }
+                                const anchor = document.createElement('a')
+                                anchor.href = ['/uploads/', json.filename].join('/')
+                                anchor.download = 'Cartola ' + this.data.banco.nombre + ' - ' + this.data.inmobiliaria.razon + ' - ' + this.data.mes + '.xlsx'
+                                document.body.appendChild(anchor)
+                                anchor.click()
+                                anchor.remove()
+                            })
+                        })
+                    }
+                }
+            },
+            draw() {
+                return {
+                    cartola: () => {
+                        const table = $(this.ids.table.base)
+                        table.DataTable().clear()
+                        table.DataTable().destroy()
+                        const tbody = $(this.ids.table.body)
+                        tbody.html('')
+                        const dateFormatter = new Intl.DateTimeFormat('es-CL', {
+                            year: 'numeric',
+                            month: 'numeric',
+                            day: 'numeric'
+                        })
+                        const numberFormatter = new Intl.NumberFormat('es-CL', {minimumFractionDigits: 0, maximumFractionDigits: 0})
+                        this.data.movimientos.forEach((row, idx) => {
+                            tbody.append(
+                                $('<tr></tr>').append(
+                                    $('<td></td>').html(dateFormatter.format(row.fecha))
+                                ).append(
+                                    $('<td></td>').html(row.glosa)
+                                ).append(
+                                    $('<td></td>').html(row.documento)
+                                ).append(
+                                    $('<td></td>').addClass('right aligned').html(row.cargo === 0 ? '' : numberFormatter.format(row.cargo))
+                                ).append(
+                                    $('<td></td>').addClass('right aligned').html(row.abono === 0 ? '' : numberFormatter.format(row.abono))
+                                ).append(
+                                    $('<td></td>').append(this.draw().centrosDropdown(idx + 1, row.cargo === 0))
+                                ).append(
+                                    $('<td></td>').append(
+                                        $('<div></div>').addClass('ui fluid input').append(
+                                            $('<input />').attr('type', 'text').attr('name', 'detalle' + (idx + 1))
+                                        )
+                                    )
+                                ).append(
+                                    $('<td></td>').html(idx + 1)
+                                )
+                            )
+                        })
+                        table.DataTable(this.dataTableConfig)
+                    },
+                    centrosDropdown: (idx, ingreso=true) => {
+                        const menu = $('<div></div>').addClass('menu')
+                        let centros = this.data.centrosCostos.ingresos
+                        if (!ingreso) {
+                            centros = this.data.centrosCostos.egresos
+                        }
+                        centros.forEach(centro => {
+                            menu.append(
+                                $('<div></div>').addClass('item').attr('data-value', centro.id).html(centro.id + ' - ' + centro.descripcion)
+                            )
+                        })
+                        return $('<div></div>').addClass('ui selection search dropdown centro').attr('data-index', idx).css('width', '80%').append(
+                            $('<input />').attr('type', 'hidden').attr('name', 'centro' + idx)
+                        ).append(
+                            $('<i></i>').addClass('dropdown icon')
+                        ).append(
+                            $('<div></div>').addClass('default text').html('Centro de Costos')
+                        ).append(menu).dropdown()
+                    }
+                }
+            },
+            setup({ids}) {
+                this.ids = ids
+                $(this.ids.form.inmobiliaria).dropdown({
+                    fireOnInit: true,
+                    onChange: (value, text, $choice) => {
+                        this.data.inmobiliaria.rut = value
+                        this.data.inmobiliaria.razon = text
+                        this.get().bancos(value)
+                        this.get().firstDate(value)
+                    },
+                })
+                $(this.ids.form.banco).dropdown({
+                    fireOnInit: true,
+                    onChange: (value, text, $choice) => {
+                        this.data.banco.id = value
+                        this.data.banco.nombre = text
+                    }
+                })
+                $(this.ids.loader).hide()
+
+                calendar_date_options['type'] = 'month'
+                const lastMonth = new Date()
+                lastMonth.setDate(0)
+                calendar_date_options['maxDate'] = lastMonth
+                calendar_date_options['onChange'] = (date, text, mode) => {
+                    this.data.mes = text
+                }
+                $(this.ids.form.mes).calendar(calendar_date_options)
+                $(this.ids.form.base).submit(this.parse().cartola)
+                $(this.ids.table.base).DataTable(this.dataTableConfig)
+
+                $(this.ids.button).click(this.export().cartola)
+            }
+        }
+        $(document).ready(() => {
+            cartola.setup({
+                ids: {
+                    table: {
+                        base: '#tabla_movimientos',
+                        body: '#movimientos'
+                    },
+                    form: {
+                        base: '#asignar_form',
+                        inmobiliaria: '#inmobiliaria',
+                        banco: '#banco',
+                        mes: '#mes',
+                    },
+                    button: '#export_button',
+                    loader: '#loader'
+                }
+            })
+        })
+    </script>
+@endpush

app/resources/views/home.blade.php

@@ -28,7 +28,7 @@
                 return {
                     hoy: () => {
                         const span = $('#cuotas_hoy')
-                        return fetch('{{$urls->api}}/ventas/cuotas/hoy').then(response => {
+                        return fetchAPI('{{$urls->api}}/ventas/cuotas/hoy').then(response => {
                             span.html('')
                             if (response.ok) {
                                 return response.json()
@@ -48,7 +48,7 @@
                     },
                     pendiente: () => {
                         const span = $('#cuotas_pendientes')
-                        return fetch('{{$urls->api}}/ventas/cuotas/pendiente').then(response => {
+                        return fetchAPI('{{$urls->api}}/ventas/cuotas/pendiente').then(response => {
                             span.html('')
                             if (response.ok) {
                                 return response.json()

app/resources/views/home/alertas.blade.php

@@ -13,7 +13,7 @@
                     proyectos: () => {
                         this.draw().loading()
                         const url = '{{$urls->api}}/proyectos/escriturando'
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -38,7 +38,7 @@
                     },
                     unidades: proyecto_id => {
                         const url = '{{$urls->api}}/ventas/unidades/disponibles'
-                        return fetch(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
+                        return fetchAPI(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -49,7 +49,7 @@
                     },
                     promesas: proyecto_id => {
                         const url = '{{$urls->api}}/ventas/estados/firmar'
-                        return fetch(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
+                        return fetchAPI(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -60,7 +60,7 @@
                     },
                     escrituras: proyecto_id => {
                         const url = '{{$urls->api}}/ventas/escrituras/estados';
-                        return fetch(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
+                        return fetchAPI(url, {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }

app/resources/views/home/cierres_vigentes.blade.php

@@ -10,7 +10,7 @@
                 list.append(
                     $('<div><div>').addClass('ui inline active loader')
                 )
-                fetch('{{$urls->api}}/ventas/cierres/vigentes').then(response => {
+                fetchAPI('{{$urls->api}}/ventas/cierres/vigentes').then(response => {
                     list.html('')
                     if (response.ok) {
                         return response.json()

app/resources/views/home/cuotas_por_vencer.blade.php

@@ -10,7 +10,7 @@
                 list.append(
                     $('<div><div>').addClass('ui inline active loader')
                 )
-                return fetch('{{$urls->api}}/ventas/cuotas/vencer').then(response => {
+                return fetchAPI('{{$urls->api}}/ventas/cuotas/vencer').then(response => {
                     list.html('')
                     if (response.ok) {
                         return response.json()

app/resources/views/layout/body/header/menu.blade.php

@@ -4,7 +4,7 @@
         @include('layout.body.header.menu.ventas')
         @include('layout.body.header.menu.proyectos')
         @include('layout.body.header.menu.inmobiliarias')
-        {{--@include('layout.body.header.menu.contabilidad')--}}
+        @include('layout.body.header.menu.contabilidad')
         {{--@include('layout.body.header.menu.operadores')--}}
         {{--@include('layout.body.header.menu.herramientas')--}}
     <div class="right aligned menu">

app/resources/views/layout/body/header/menu/contabilidad.blade.php

@@ -2,7 +2,12 @@
     Contabilidad
     <i class="dropdown icon"></i>
     <div class="menu">
-        <a class="item" href="{{$urls->base}}/contabilidad/pagos/mes">Pagos Mes</a>
-        <a class="item" href="{{$urls->base}}/contabilidad/resumen">Resumen</a>
+        <div class="item">
+            <i class="dropdown icon"></i>
+            <a class="text" href="{{$urls->base}}/contabilidad/centros_costos">Centros de Costos</a>
+            <div class="menu">
+                <a class="item" href="{{$urls->base}}/contabilidad/centros_costos/asignar">Asignar en Cartola</a>
+            </div>
+        </div>
     </div>
 </div>

app/resources/views/layout/body/header/menu/ventas.blade.php

@@ -8,7 +8,7 @@
             <div class="menu">
                 <a class="item" href="{{$urls->base}}/ventas/precios">Precios</a>
                 <a class="item" href="{{$urls->base}}/ventas/cierres">Cierres</a>
-                <a class="item" href="{{$urls->base}}/ventas">Ventas</a>
+                <a class="item" href="{{$urls->base}}/ventas/">Ventas</a>
                 <div class="item">
                     Cuotas
                     <i class="dropdown icon"></i>

app/resources/views/layout/body/scripts.blade.php

@@ -2,6 +2,25 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.2/semantic.min.js" integrity="sha512-5cguXwRllb+6bcc2pogwIeQmQPXEzn2ddsqAexIBhh7FO1z5Hkek1J9mrK2+rmZCTU6b6pERxI7acnp1MpAg4Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
 <script type="text/javascript">
+    function fetchAPI(url, options=null) {
+        if (options === null) {
+            options = {}
+        }
+        if (!Object.hasOwn(options, 'headers')) {
+            options['headers'] = {}
+        }
+        if (!Object.hasOwn(options['headers'], 'Authorization')) {
+            options['headers']['Authorization'] = 'Bearer {{md5($API_KEY)}}'
+        }
+        return fetch(url, options).then(response => {
+            if (response.ok) {
+                return response
+            }
+            throw new Error(JSON.stringify({code: response.status, message: response.statusText, url}))
+        }).catch(error => {
+            console.error(error)
+        })
+    }
     const calendar_date_options = {
         type: 'date',
         firstDayOfWeek: 1,

app/resources/views/login/form.blade.php

@@ -8,7 +8,7 @@
                 <input type="text" id="name" name="name" />
             </div>
             <div class="six wide field">
-                <label for="password">Clave</label>
+                <label for="password">Contraseña</label>
                 <input type="password" id="password" name="password" />
             </div>
             <button class="ui button" id="enter">Ingresar</button>
@@ -34,11 +34,11 @@
                 }
             }).then(data => {
                 if (data.login === true) {
-                    @if(isset($redirect_uri))
-                        window.location = '{{$redirect_uri}}'
-                    @else
-                        window.location = '{{$urls->base}}'
-                    @endif
+                @if(isset($redirect_uri))
+                    window.location = '{{$redirect_uri}}'
+                @else
+                    window.location = '{{$urls->base}}'
+                @endif
                 }
             })
         }

app/resources/views/proyectos/list.blade.php

@@ -11,16 +11,22 @@
                 <th>Etapa</th>
                 <th>Estado</th>
                 <th>Tiempo Total</th>
+                <th>Tiempo RF</th>
             </tr>
             </thead>
             <tbody>
             @foreach ($proyectos as $proyecto)
                 <tr class="proyecto" data-id="{{$proyecto->id}}">
-                    <td>{{$proyecto->descripcion}}</td>
+                    <td>
+                        <a href="{{$urls->base}}/proyecto/{{$proyecto->id}}">
+                            {{$proyecto->descripcion}}
+                        </a>
+                    </td>
                     <td>{{$proyecto->inmobiliaria()->nombreCompleto()}}</td>
                     <td class="etapa"></td>
                     <td class="estado"></td>
                     <td class="tiempo"></td>
+                    <td class="recepcion"></td>
                 </tr>
             @endforeach
             </tbody>
@@ -38,13 +44,14 @@
                 this.id = id
                 this.estados = {
                     start: null,
-                    current: null
+                    current: null,
+                    recepcion: null
                 }
             }
             get() {
                 return {
                     start: () => {
-                        return fetch('{{$urls->api}}/proyecto/' + this.id + '/inicio').then(response => {
+                        return fetchAPI('{{$urls->api}}/proyecto/' + this.id + '/inicio').then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -53,13 +60,28 @@
                         })
                     },
                     current: () => {
-                        return fetch('{{$urls->api}}/proyecto/' + this.id + '/estado').then(response => {
+                        return fetchAPI('{{$urls->api}}/proyecto/' + this.id + '/estado').then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
                         }).then(data => {
                             this.estados.current = data.estado
                         })
+                    },
+                    recepcion: () => {
+                        return fetchAPI('{{$urls->api}}/proyecto/' + this.id + '/recepcion').then(response => {
+                            if (response.ok) {
+                                if (response.status === 204) {
+                                    return null
+                                }
+                                return response.json()
+                            }
+                        }).then(data => {
+                            if (data === null) {
+                                return
+                            }
+                            this.estados.recepcion = data.estado
+                        })
                     }
                 }
             }
@@ -87,10 +109,10 @@
                         if (diff >= 30) {
                             diff /= 30
                             frame = 'meses'
-                        }
-                        if (diff >= 12) {
-                            diff /= 12
-                            frame = 'años'
+                            if (diff >= 12) {
+                                diff /= 12
+                                frame = 'años'
+                            }
                         }
                         if (diff > 0) {
                             estado += ' (hace ' + Math.floor(diff) + ' ' + frame + ')'
@@ -111,83 +133,55 @@
                         if (diff >= 30) {
                             diff /= 30
                             frame = 'meses'
-                        }
-                        if (diff >= 12) {
-                            diff /= 12
-                            frame = 'años'
+                            if (diff >= 12) {
+                                diff /= 12
+                                frame = 'años'
+                            }
                         }
 
-                        row.find('.tiempo').html('Hace ' + Math.floor(diff) + ' ' + frame)
+                        row.find('.tiempo').html(Math.floor(diff) + ' ' + frame)
+                    },
+                    recepcion: () => {
+                        if (this.estados.recepcion === null) {
+                            return
+                        }
+                        let diff = (today - new Date(this.estados.recepcion.fecha.date)) / (1000 * 60 * 60 * 24)
+                        if (isNaN(diff) || diff === 0) {
+                            return
+                        }
+
+                        let frame = 'dias'
+                        if (diff >= 30) {
+                            diff /= 30
+                            frame = 'meses'
+                            if (diff >= 12) {
+                                diff /= 12
+                                frame = 'años'
+                            }
+                        }
+
+                        row.find('.recepcion').html(Math.floor(diff) + ' ' + frame)
                     }
                 }
             }
         }
-        function showTiempo(proyecto_id, tiempo) {
-            if (tiempo.trim() === '') {
-                return
-            }
-            const row = $(".proyecto[data-id='" + proyecto_id + "']")
-            row.find('.tiempo').html(tiempo)
-        }
-        function getEstados(proyecto_id) {
-            return fetch('{{$urls->api}}/proyecto/' + proyecto_id + '/estados').then(response => {
-                if (response.ok) {
-                    return response.json()
-                }
-            }).then(data => {
-                let tiempo = 0
-                const current = new Date(data.estados.at(-1).fecha.date)
-                const start = new Date(data.estados[0].fecha.date)
-                tiempo = (current - start) / (1000 * 60 * 60 * 24)
-                if (isNaN(tiempo) || tiempo === 0) {
-                    return
-                }
-                let frame = 'días'
-                if (tiempo > 30) {
-                    tiempo /= 30
-                    frame = 'meses'
-                }
-                if (tiempo > 12) {
-                    tiempo /= 12
-                    frame = 'años'
-                }
-                showTiempo(data.proyecto_id, 'Hace ' + Math.ceil(tiempo) + ' ' + frame)
-            })
-        }
-        function showEtapa(proyecto_id, etapa) {
-            const row = $(".proyecto[data-id='" + proyecto_id + "']")
-            row.find('.etapa').html(etapa)
-        }
-        function showEstado(proyecto_id, estado) {
-            const row = $(".proyecto[data-id='" + proyecto_id + "']")
-            row.find('.estado').html(estado)
-        }
-        function getEstado(proyecto_id) {
-            return fetch('{{$urls->api}}/proyecto/' + proyecto_id + '/estado').then(response => {
-                if (response.ok) {
-                    return response.json()
-                }
-            }).then(data => {
-                showEtapa(data.proyecto_id, data.estado.tipo_estado_proyecto.etapa.descripcion)
-                showEstado(data.proyecto_id, data.estado.tipo_estado_proyecto.descripcion)
-            })
-        }
+
         function loadEstados(proyecto_id) {
             const proyecto = new Proyecto(proyecto_id)
             const promises = []
             promises.push(proyecto.get().start())
             promises.push(proyecto.get().current())
+            promises.push(proyecto.get().recepcion())
             Promise.all(promises).then(() => {
                 proyecto.show().etapa()
                 proyecto.show().current()
                 proyecto.show().tiempo()
+                proyecto.show().recepcion()
             })
         }
         $(document).ready(() => {
             @foreach ($proyectos as $proyecto)
                 loadEstados('{{$proyecto->id}}')
-                /*getEstado('{{$proyecto->id}}')
-                getEstados('{{$proyecto->id}}')*/
             @endforeach
         })
     </script>

app/resources/views/proyectos/show.blade.php

@@ -0,0 +1,490 @@
+@extends('layout.base')
+
+@section('page_title')
+    Proyecto {{$proyecto->descripcion}}
+@endsection
+
+@section('page_content')
+    <div class="ui container">
+        <h2 class="ui header">
+            Proyecto {{$proyecto->descripcion}} - {{$proyecto->inmobiliaria()->razon}}
+        </h2>
+        @php
+        $today = new DateTimeImmutable();
+        @endphp
+        <table class="ui striped table">
+            <tr>
+                <td>Dirección</td>
+                <td>{{$proyecto->direccion()}}</td>
+            </tr>
+            <tr>
+                <td>Inmobiliaria</td>
+                <td>{{$proyecto->inmobiliaria()->nombreCompleto()}}</td>
+            </tr>
+            <tr>
+                <td>Inicio</td>
+                <td>
+                    {{$proyecto->estados()[0]->tipoEstadoProyecto->descripcion}}
+                    [{{$proyecto->estados()[0]->tipoEstadoProyecto->etapa->descripcion}}]
+                    ({{$proyecto->estados()[0]->fecha->format('d-m-Y')}})
+                    ({{$today->diff($proyecto->estados()[0]->fecha)->format('%y años antes')}})
+                </td>
+            </tr>
+            <tr>
+                <td>Estado</td>
+                <td>
+                    {{$proyecto->currentEstado()->tipoEstadoProyecto->descripcion}}
+                    [{{$proyecto->currentEstado()->tipoEstadoProyecto->etapa->descripcion}}]
+                    ({{$proyecto->currentEstado()->fecha->format('d-m-Y')}})
+                    ({{$today->diff($proyecto->currentEstado()->fecha)->format('%y años antes')}})
+                    <span class="ui blue text" id="estados_avanzar" style="cursor: pointer;">
+                        <i class="right chevron icon"></i>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td>Terreno</td>
+                <td>
+                    <table class="ui very basic striped table">
+                        <tr>
+                            <td>
+                                {{$format->number($proyecto->terreno->superficie, 2)}}m&#0178;
+                            </td>
+                            <td>
+                                {{$format->pesos($proyecto->terreno->valor)}} ({{$proyecto->terreno->fecha?->format('d-m-Y')}})
+                            </td>
+                            <td>
+                                <a href="{{$urls->base}}/proyecto/{{$proyecto->id}}/terreno">
+                                    <i class="edit icon"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+            <tr>
+                <td>Superficies</td>
+                <td>
+                    <table class="ui very basic striped table">
+                        <tr>
+                            <td>
+                                <strong>
+                                    Total
+                                </strong>
+                            </td>
+                            <td>
+                                <strong>
+                                    {{$format->number($proyecto->superficie->total(), 2)}}m&#0178;
+                                </strong>
+                            </td>
+                            <td rowspan="6" id="chart_superficies" class="six wide"></td>
+                        </tr>
+                        <tr>
+                            <td>Bajo Nivel</td>
+                            <td>{{$format->number($proyecto->superficie->bajo_nivel, 2)}}m&#0178;</td>
+                        </tr>
+                        <tr>
+                            <td>Sobre Nivel</td>
+                            <td>{{$format->number($proyecto->superficie->sobre_nivel, 2)}}m&#0178;</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <strong>
+                                    Vendible
+                                </strong>
+                            </td>
+                            <td>
+                                <strong id="superficie_vendible"></strong>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>Vendido</td>
+                            <td id="superficie_vendido"></td>
+                        </tr>
+                        <tr>
+                            <td>Por Vender</td>
+                            <td id="superficie_por_vender"></td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+            <tr>
+                <td>Unidades</td>
+                <td id="unidades"></td>
+            </tr>
+            <tr>
+                <td>Ventas</td>
+                <td id="ventas"></td>
+            </tr>
+            <tr>
+                <td>Stock</td>
+                <td id="stock"></td>
+            </tr>
+            <tr>
+                <td>Proyección</td>
+                <td id="proyeccion"></td>
+            </tr>
+            <tr>
+                <td colspan="2" id="chart_venta_general"></td>
+            </tr>
+            <tr>
+                <td colspan="2" id="chart_venta_tipologias"></td>
+            </tr>
+            <tr>
+                <td colspan="2" id="chart_venta_velocidad"></td>
+            </tr>
+        </table>
+    </div>
+@endsection
+
+@include('layout.body.scripts.chartjs')
+
+@push('page_scripts')
+    <script type="text/javascript">
+        const superficies = {
+            ids: {
+                vendible: '',
+                vendido: '',
+                por_vender: '',
+                chart: ''
+            },
+            data: {},
+            chart_obj: null,
+            get: function() {
+                return {
+                    superficies: () => {
+                        const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/superficies/vendible'
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(data => {
+                            this.data = data
+                            this.fill()
+                            this.chart()
+                        })
+                    }
+                }
+            },
+            fill: function() {
+                $(this.ids.vendible).html(this.data.formatted.vendible)
+                $(this.ids.vendido).html(this.data.formatted.vendido)
+                $(this.ids.por_vender).html(this.data.formatted.por_vender)
+            },
+            chart: function() {
+                const container = $(this.ids.chart)
+                container.html('')
+                this.chart_obj = null
+                const ctx = $('<canvas></canvas>').attr('width', '100')
+                container.append(ctx)
+                const data = {
+                    labels: [
+                        'Vendida',
+                        'Por Vender'
+                    ],
+                    datasets: [
+                        {
+                            label: 'Superficies',
+                            data: [
+                                this.data.superficies.vendido,
+                                this.data.superficies.por_vender
+                            ],
+                            backgroundColor: [
+                                'green',
+                                'red'
+                            ]
+                        }
+                    ]
+                }
+                const options = {
+                    type: 'pie',
+                    data
+                }
+
+                this.chart_obj = new Chart(ctx, options)
+            },
+            setup: function({id_vendible, id_vendido, id_por_vender, id_chart}) {
+                this.ids.vendible = id_vendible
+                this.ids.vendido = id_vendido
+                this.ids.por_vender = id_por_vender
+                this.ids.chart = id_chart
+
+                this.get().superficies()
+            }
+        }
+        const unidades = {
+            id: '',
+            data: {},
+            get: function() {
+                const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/unidades'
+                return fetchAPI(url).then(response => {
+                    if (response.ok) {
+                        return response.json()
+                    }
+                }).then(data => {
+                    this.data = data
+                    this.draw()
+                })
+            },
+            draw: function() {
+                const parent = $(this.id)
+                const table = $('<table></table>').addClass('ui very basic striped table')
+                Object.entries(this.data.unidades).forEach(([tipo, unidades]) => {
+                    tipo = tipo.charAt(0).toUpperCase() + tipo.slice(1) + 's'
+                    table.append(
+                        $('<tr></tr>').append(
+                            $('<td></td>').html(tipo)
+                        ).append(
+                            $('<td></td>').html(unidades.length)
+                        )
+                    )
+                })
+                parent.append(table)
+            },
+            setup: function(id) {
+                this.id = id
+                this.get()
+            }
+        }
+        const ventas = {
+            ids: {
+                ventas: '',
+                stock: '',
+                proyeccion: '',
+                charts: {
+                    general: '',
+                    tipologias: '',
+                    velocidad: ''
+                }
+            },
+            data: {
+                ventas: {
+                    unidades: {},
+                    valores: {
+                        total: 0,
+                        promedio: 0,
+                        bonos: 0,
+                        promociones: 0,
+                        operadores: 0,
+                        metro: 0,
+                    },
+                    superficies: {
+                        total: 0,
+                        promedio: 0
+                    }
+                },
+                stock: {
+                    unidades: {},
+                    valores: {
+                        total: 0,
+                        promedio: 0,
+                        bonos: 0,
+                        promociones: 0,
+                        operadores: 0,
+                        metro: 0,
+                    },
+                    superficies: {
+                        total: 0,
+                        promedio: 0
+                    }
+                }
+            },
+            get: function() {
+                return {
+                    ventas: () => {
+                        const url = '{{$urls->api}}/ventas'
+                        return fetchAPI(url, {method: 'post', headers: {'Content-Type': 'application/json'},
+                            body: JSON.stringify({proyecto_id: '{{$proyecto->id}}'})}).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(data => {
+                            const promises = []
+                            data.ventas.forEach(venta_id => {
+                                promises.push(this.get().venta(venta_id))
+                            })
+                            return Promise.all(promises).then(() => {
+                                const cantidad_total = Object.values(this.data.ventas.unidades).reduce((sum, cantidad) => sum + cantidad, 0)
+                                this.data.ventas.valores.promedio = this.data.ventas.valores.total / cantidad_total
+                                this.data.ventas.superficies.promedio = this.data.ventas.superficies.total / cantidad_total
+                                this.data.ventas.valores.metro = this.data.ventas.valores.total / this.data.ventas.superficies.total
+                                this.draw().ventas()
+                            })
+                        })
+                    },
+                    stock: () => {
+                        const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/unidades/disponibles'
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(data => {
+                            const promises = []
+                            data.unidades.forEach(unidad => {
+                                this.add().unidad(unidad)
+                                promises.push(this.get().precio(unidad.id))
+                            })
+                            return Promise.all(promises).then(() => {
+                                const cantidad_total = Object.values(this.data.stock.unidades).reduce((sum, cantidad) => sum + cantidad, 0)
+                                this.data.stock.valores.promedio = this.data.stock.valores.total / cantidad_total
+                                this.data.stock.superficies.promedio = this.data.stock.superficies.total / cantidad_total
+                                this.data.stock.valores.metro = this.data.stock.valores.total / this.data.stock.superficies.total
+                                this.draw().stock()
+                            })
+                        })
+                    },
+                    venta: venta_id => {
+                        const url = '{{$urls->api}}/venta/' + venta_id
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(data => {
+                            this.add().venta(data.venta)
+                        })
+                    },
+                    precio: unidad_id => {
+                        const url = '{{$urls->api}}/ventas/precio/unidad/' + unidad_id
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                if (response.status === 204) {
+                                    return null
+                                }
+                                return response.json()
+                            }
+                        }).then(data => {
+                            if (data === null) {
+                                return
+                            }
+                            this.add().precio(data.precio)
+                        })
+                    }
+                }
+            },
+            add: function() {
+                return {
+                    venta: venta => {
+                        Object.entries(venta.propiedad).forEach(([tipo, unidades]) => {
+                            if (tipo === 'summary') {
+                                return
+                            }
+                            tipo = tipo.charAt(0).toUpperCase() + tipo.slice(1)
+                            if (typeof this.data.ventas.unidades[tipo] === 'undefined') {
+                                this.data.ventas.unidades[tipo] = 0
+                            }
+                            this.data.ventas.unidades[tipo] ++
+                            this.data.ventas.superficies.total += unidades.reduce((sum, unidad) => sum + unidad.proyecto_tipo_unidad.vendible, 0)
+                            this.data.ventas.valores.total += venta.valor
+                            if (venta.forma_pago.bono_pie !== null) {
+                                this.data.ventas.valores.bonos += venta.forma_pago.bono_pie
+                            }
+                        })
+                    },
+                    unidad: unidad => {
+                        let tipo = unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
+                        tipo = tipo.charAt(0).toUpperCase() + tipo.slice(1) + 's'
+                        if (typeof this.data.stock.unidades[tipo] === 'undefined') {
+                            this.data.stock.unidades[tipo] = 0
+                        }
+                        this.data.stock.unidades[tipo] ++
+                        this.data.ventas.superficies.total += unidad.proyecto_tipo_unidad.vendible
+                    },
+                    precio: precio => {
+                        this.data.stock.valores.total += precio.valor
+                    }
+                }
+            },
+            draw: function() {
+                return {
+                    loading: parent => {
+                        parent.html('')
+                        parent.append(
+                            $('<div></div>').addClass('ui active inline loader')
+                        )
+                    },
+                    ventas: () => {
+                        const parent = $(this.ids.ventas)
+                        parent.html('')
+                        this.draw().table(parent, this.data.ventas)
+                    },
+                    stock: () => {
+                        const parent = $(this.ids.stock)
+                        parent.html('')
+                        this.draw().table(parent, this.data.stock)
+                    },
+                    proyeccion: () => {
+
+                    },
+                    table: (parent, data) => {
+                        const formatter = new Intl.NumberFormat('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2})
+                        const table = $('<table></table>').addClass('ui very basic striped table')
+                        let row = $('<tr></tr>')
+                        let row2 = $('<tr></tr>')
+                        Object.entries(data.unidades).forEach(([tipo, cantidad]) => {
+                            row.append(
+                                $('<td></td>').html(tipo)
+                            )
+                            row2.append(
+                                $('<td></td>').html(cantidad)
+                            )
+                        })
+                        table.append(row).append(row2)
+                        row = $('<tr></tr>').append(
+                            $('<td></td>').html('Valor Total [UF]')
+                        ).append(
+                            $('<td></td>').html('Valor Promedio [UF]')
+                        ).append(
+                            $('<td></td>').html('Valor Metro [UF/m²]')
+                        )
+                        table.append(row)
+                        row = $('<tr></tr>').append(
+                            $('<td></td>').html(formatter.format(data.valores.total))
+                        ).append(
+                            $('<td></td>').html(formatter.format(data.valores.promedio))
+                        ).append(
+                            $('<td></td>').html(formatter.format(data.valores.metro))
+                        )
+                        table.append(row)
+                        parent.append(table)
+                    }
+                }
+            },
+            chart: function() {
+                return {
+                    general: () => {},
+                    tipologias: () => {},
+                    velocidad: () => {}
+                }
+            },
+            setup: function({id_ventas, id_stock, id_proyeccion, id_chart_general, id_chart_tipologias, id_chart_velocidad}) {
+                this.ids.ventas = id_ventas
+                this.ids.stock = id_stock
+                this.ids.proyeccion = id_proyeccion
+                this.ids.charts.general = id_chart_general
+                this.ids.charts.tipologias = id_chart_tipologias
+                this.ids.charts.velocidad = id_chart_velocidad
+
+                const promises = []
+                promises.push(this.get().ventas())
+                promises.push(this.get().stock())
+                Promise.all(promises).then(() => {
+                    this.draw().proyeccion()
+                    this.chart().general()
+                    this.chart().tipologias()
+                    this.chart().velocidad()
+                })
+            }
+        }
+        $(document).ready(() => {
+            $('#estados_avanzar').click(event => {
+                alert('Avanzar')
+            })
+            superficies.setup({id_vendible: '#superficie_vendible', id_vendido: '#superficie_vendido',
+                id_por_vender: '#superficie_por_vender', id_chart: '#chart_superficies'})
+            unidades.setup('#unidades')
+            ventas.setup({id_ventas: '#ventas', id_stock: '#stock', id_proyeccion: '#proyeccion',
+                id_chart_general: '#chart_venta_general', id_chart_tipologias: '#chart_venta_tipologia',
+                id_chart_velocidad: '#chart_venta_velocidad'})
+        })
+    </script>
+@endpush

app/resources/views/proyectos/terreno/edit.blade.php

@@ -0,0 +1,5 @@
+@extends('layout.base')
+
+@push('page_content')
+    
+@endpush

app/resources/views/proyectos/unidades.blade.php

@@ -203,7 +203,7 @@
                 return {
                     tipos: proyecto_id => {
                         const url = '{{$urls->api}}/proyecto/' + proyecto_id + '/unidades/tipos'
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -224,6 +224,7 @@
                     const proyecto_id = element.data('proyecto')
                     this.get().tipos(proyecto_id)
                 })
+                $('#data').hide()
             }
         }
         $(document).ready(() => {

app/resources/views/search.blade.php

@@ -6,7 +6,7 @@
 
         <form id="search_form" class="ui form" action="{{$urls->base}}/search" method="post">
             <div class="field">
-                <div class="ui fluid input">
+                <div class="ui fluid input" data-tooltip="Para buscar frases se deben encerrar entre comillas. ej, 'portal la viña' o &quot;portal la viña&quot;" data-position="bottom left">
                     <input type="text" name="query" />
                 </div>
             </div>
@@ -45,6 +45,7 @@
             draw() {
                 const tipo = this.unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
                 let unidad = tipo.charAt(0).toUpperCase() + tipo.slice(1) + ' ' + this.unidad.descripcion
+                let precio = 0
                 let propietario = ''
                 let fecha = ''
                 let fecha_entrega = ''
@@ -61,10 +62,15 @@
                     if (typeof this.venta.entrega !== 'undefined') {
                         fecha_entrega = dateFormatter.format(new Date(this.venta.entrega.fecha))
                     }
+                    precio = this.venta.valor
                 } else {
                     unidad += '<i class="ban icon"></i>'
+                    precio = this.unidad.current_precio.valor
                 }
 
+                const numberFormat = new Intl.NumberFormat('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2})
+                const superficie = numberFormat.format(Math.round(this.unidad.proyecto_tipo_unidad.superficie * 100) / 100)
+
                 return $('<tr></tr>').append(
                     $('<td></td>').append(
                         $('<a></a>').attr('href', '{{$urls->base}}/proyecto/' + this.proyecto.id).html(this.proyecto.descripcion)
@@ -76,9 +82,9 @@
                 ).append(
                     $('<td></td>').append(propietario)
                 ).append(
-                    $('<td></td>').addClass('right aligned').html(Math.round(this.unidad.proyecto_tipo_unidad.superficie * 100) / 100 + ' m&#0178;')
+                    $('<td></td>').addClass('right aligned').html(superficie + ' m&#0178;')
                 ).append(
-                    $('<td></td>').addClass('right aligned').html(this.unidad.precio)
+                    $('<td></td>').addClass('right aligned').html(numberFormat.format(precio))
                 ).append(
                     $('<td></td>').html(fecha)
                 ).append(
@@ -100,30 +106,90 @@
                         const data = new FormData(document.getElementById('search_form'))
                         const uri = '{{$urls->api}}/search'
                         this.data = []
-                        return fetch(uri, {method: 'post', body: data}).then(response => {
+                        return fetchAPI(uri, {method: 'post', body: data}).then(response => {
+                            if (!response) {
+                                return
+                            }
+                            return response.json()
+                        }).catch(error => {
                             this.draw().clear()
+                            this.draw().error(error)
+                        }).then(data => {
+                            this.draw().clear()
+                            if (typeof data.results === 'undefined' || data.results.length === 0) {
+                                this.draw().empty()
+                                return
+                            }
+                            const progress = this.draw().progress(data.results.length)
+                            const promises = []
+                            data.results.forEach(row => {
+                                if (row.tipo === 'venta') {
+                                    return promises.push(this.get().venta(row.id).then(json => {
+                                        if (json.venta === null) {
+                                            console.debug(json)
+                                            return
+                                        }
+                                        const venta = json.venta
+                                        progress.progress('increment')
+                                        const r = new Row({unidad: venta.propiedad.unidades[0], proyecto: venta.proyecto})
+                                        r.venta = venta
+                                        this.data.push(r)
+                                    }).catch(error => {
+                                        progress.progress('increment')
+                                        console.error(row)
+                                        console.error(error)
+                                    }))
+                                }
+                                promises.push(this.get().unidad(row.id).then(json => {
+                                    const unidad = json.unidad
+                                    progress.progress('increment')
+                                    this.data.push(new Row({unidad: unidad, proyecto: unidad.proyecto_tipo_unidad.proyecto}))
+                                }).catch(error => {
+                                    progress.progress('increment')
+                                    console.error(row)
+                                    console.error(error)
+                                }))
+                            })
+                            Promise.all(promises).then(() => {
+                                this.sort()
+                                this.draw().clear()
+                                this.draw().table()
+                            })
+                        })
+                    },
+                    unidad: id => {
+                        const url = '{{$urls->api}}/ventas/unidad/' + id
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
-                        }).then(data => {
-                            if (typeof data.results !== 'undefined' && data.results.length > 0) {
-                                data.results.forEach(row => {
-                                    if (typeof row.proyecto_tipo_unidad === 'undefined') {
-                                        const r = new Row({unidad: row.propiedad.departamentos[0], proyecto: row.proyecto})
-                                        r.venta = row
-                                        this.data.push(r)
-                                    } else {
-                                        this.data.push(new Row({unidad: row, proyecto: row.proyecto_tipo_unidad.proyecto}))
-                                    }
-                                })
-                                this.draw().table()
+                        })
+                    },
+                    venta: id => {
+                        const url = '{{$urls->api}}/venta/' + id
+                        return fetchAPI(url).then(response => {
+                            if (!response) {
                                 return
                             }
-                            this.draw().empty()
+                            return response.json()
                         })
                     }
                 }
             },
+            sort: function() {
+                this.data.sort((a, b) => {
+                    const p = a.proyecto.descripcion.localeCompare(b.proyecto.descripcion)
+                    if (p === 0) {
+                        const t = a.unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
+                            .localeCompare(b.unidad.proyecto_tipo_unidad.tipo_unidad.descripcion)
+                        if (t === 0) {
+                            return a.unidad.descripcion.localeCompare(b.unidad.descripcion)
+                        }
+                        return t
+                    }
+                    return p
+                })
+            },
             draw: function() {
                 return {
                     clear: () => {
@@ -163,6 +229,7 @@
                         parent.append(table)
 
                         this.table = new DataTable(table, {
+                            pageLength: 25,
                             order: [
                                 [0, 'asc'],
                                 [2, 'asc']
@@ -210,6 +277,35 @@
                                 $('<div></div>').addClass('content').html('No se han encontrado resultados.')
                             )
                         )
+                    },
+                    error: error => {
+                        this.draw().separator()
+                        $(this.id).append(
+                            $('<div></div>').addClass('ui icon error message').append(
+                                $('<i></i>').addClass('exclamation triangle icon')
+                            ).append(
+                                $('<div></div>').addClass('content').html(error)
+                            )
+                        )
+                    },
+                    progress: cantidad => {
+                        this.draw().separator()
+                        const progress = $('<div></div>').addClass('ui active progress').append(
+                            $('<div></div>').addClass('bar').append(
+                                $('<div></div>').addClass('centered progress')
+                            )
+                        ).append(
+                            $('<div></div>').addClass('label').html('Cargando datos')
+                        )
+                        progress.progress({
+                            total: cantidad,
+                            label: 'ratio',
+                            text: {
+                                ratio: '{value} de {total} ({percent}%)'
+                            }
+                        })
+                        $(this.id).append(progress)
+                        return progress
                     }
                 }
             },
@@ -217,23 +313,25 @@
                 this.id = id
                 this.get().results()
 
+                $('#tipo').dropdown().dropdown('set selected', '*')
+                @if (trim($post) !== '')
+                $("[name='query']").val('{{$post}}')
+                @elseif (trim($query) !== '')
+                $("[name='query']").val('{{$query}}')
+                @endif
+                @if (trim($tipo) !== '')
+                $('#tipo').dropdown('set selected', '{{$tipo}}')
+                @endif
+
                 $('#search_form').submit(event => {
                     event.preventDefault()
                     this.get().results()
                     return false
                 })
+                $("[name='query']").focus()
             }
         }
         $(document).ready(() => {
-            $('#tipo').dropdown().dropdown('set selected', '*')
-            @if (trim($post) !== '')
-                $("[name='query']").val('{{$post}}')
-            @elseif (trim($query) !== '')
-                $("[name='query']").val('{{$query}}')
-            @endif
-            @if (trim($tipo) !== '')
-                $('#tipo').dropdown('set selected', '{{$tipo}}')
-            @endif
             results.setup('#results')
         })
     </script>

app/resources/views/ventas/add.blade.php

@@ -3,7 +3,7 @@
 @section('page_content')
     <div class="ui container">
         <h2 class="ui header">Nueva Venta</h2>
-        <form class="ui form" id="add_form" action="{{$urls->api}}/ventas/add" method="post">
+        <form class="ui form" id="add_form" method="post">
             <label for="fecha_venta">Fecha de Venta</label>
             <div class="inline field">
                 <div class="ui calendar" id="fecha_venta_calendar">
@@ -269,7 +269,7 @@
                 return {
                     provincias: () => {
                         const uri = '{{$urls->api}}/region/' + this.data.region + '/provincias'
-                        return fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -286,7 +286,7 @@
                     },
                     comunas: provincia_id => {
                         const uri = '{{$urls->api}}/provincia/' + provincia_id + '/comunas'
-                        return fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -581,7 +581,7 @@
                 return {
                     propietario: rut => {
                         const uri = '{{$urls->api}}/ventas/propietario/' + rut.split('-')[0]
-                        return fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -664,7 +664,7 @@
                 return {
                     unidades: () => {
                         const uri = '{{$urls->api}}/proyecto/' + this.data.id + '/unidades'
-                        return fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -686,7 +686,7 @@
                         $('<div></div>').addClass('content').append(tipo.charAt(0).toUpperCase() + tipo.slice(1) + ' ').append(
                             unidad.draw(this.unidades[tipo])
                         ).append(
-                            $('<button></button>').addClass('ui icon button').attr('type', 'button').attr('data-number', number).append(
+                            $('<button></button>').addClass('ui basic red icon button').attr('type', 'button').attr('data-number', number).append(
                                 $('<i></i>').addClass('remove icon')
                             ).click(event => {
                                 const number = $(event.currentTarget).attr('data-number')
@@ -766,7 +766,7 @@
         }
 
         function showErrors(errors) {
-            console.debug(errors)
+            console.error(errors)
         }
 
         $(document).ready(() => {
@@ -789,20 +789,21 @@
 
             $('#add_form').submit(event => {
                 event.preventDefault()
-                const data = new FormData(event.currentTarget)
-                const uri = $(event.currentTarget).attr('action')
-                fetch(uri, {method: 'post', body: data}).then(response => {
-                    if (response.ok) {
-                        return response.json()
+                const body = new FormData(event.currentTarget)
+                const uri = '{{$urls->api}}/ventas/add'
+                return fetchAPI(uri, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return false
                     }
-                }).then(data => {
-                    if (data.status) {
-                        window.location = '{{$urls->base}}'
-                        return true
-                    }
-                    showErrors(data.errors)
+                    return response.json().then(data => {
+                        if (data.status) {
+                            window.location = '{{$urls->base}}/venta/' + data.venta_id
+                            return true
+                        }
+                        showErrors(data.errors)
+                        return false
+                    })
                 })
-                return false
             })
         })
     </script>

app/resources/views/ventas/base.blade.php

@@ -0,0 +1,36 @@
+@extends('layout.base')
+
+@section('page_title')
+    Venta {{$venta->proyecto()->descripcion}} {{$venta->propiedad()->summary()}}
+@endsection
+
+@section('page_content')
+    <div class="ui container">
+        <div class="ui two column grid">
+            <div class="row">
+                <h1 class="four wide column header">
+                    <div class="content">
+                        <div class="ui dividing sub header">{{$venta->proyecto()->descripcion}}</div>
+                        <a href="{{$urls->base}}/venta/{{$venta->id}}">
+                            {{$venta->propiedad()->summary()}}
+                        </a>
+                    </div>
+                </h1>
+                @if (isset($showPropietario) and $showPropietario)
+                <div class="right floated column">
+                    @include('ventas.show.propietario')
+                </div>
+                @endif
+            </div>
+            @hasSection('venta_subtitle')
+            <div class="row">
+                <h2 class="ui sub header column">
+                    @yield('venta_subtitle')
+                </h2>
+            </div>
+            @endif
+        </div>
+        <br />
+        @yield('venta_content')
+    </div>
+@endsection

app/resources/views/ventas/cierres/list.blade.php

@@ -201,7 +201,7 @@
 
                         this.draw().loading()
 
-                        return fetch('{{$urls->api}}/proyectos').then(response => {
+                        return fetchAPI('{{$urls->api}}/proyectos').then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -223,7 +223,7 @@
                         })
                     },
                     cierres: proyecto_id => {
-                        return fetch('{{$urls->api}}/ventas/cierres',
+                        return fetchAPI('{{$urls->api}}/ventas/cierres',
                             {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}).then(response => {
                             if (response.ok) {
                                 return response.json()

app/resources/views/ventas/cuotas/abonar.blade.php

@@ -105,7 +105,7 @@
                 const cuota_id = button.data('cuota')
                 const calendar = $(".ui.calendar[data-cuota='" + cuota_id + "']").calendar('get date')
                 const fecha = [calendar.getFullYear(), calendar.getMonth()+1, calendar.getDate()].join('-')
-                fetch('{{$urls->api}}/ventas/cuota/abonar', {
+                return fetchAPI('{{$urls->api}}/ventas/cuota/abonar', {
                     method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({cuota_id, fecha})
                 }).then(response => {
                     if (response.ok) {
@@ -125,7 +125,7 @@
                 const cuota_id = button.data('cuota')
                 const calendar = $(".ui.calendar[data-cuota='" + cuota_id + "']").calendar('get date')
                 const fecha = [calendar.getFullYear(), calendar.getMonth()+1, calendar.getDate()].join('-')
-                fetch('{{$urls->api}}/ventas/cuota/devolver', {
+                return fetchAPI('{{$urls->api}}/ventas/cuota/devolver', {
                     method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({cuota_id, fecha})
                 }).then(response => {
                     if (response.ok) {

app/resources/views/ventas/cuotas/pendientes.blade.php

@@ -105,7 +105,7 @@
                 const cuota_id = button.data('cuota')
                 const calendar = $(".ui.calendar[data-cuota='" + cuota_id + "']").calendar('get date')
                 const fecha = [calendar.getFullYear(), calendar.getMonth()+1, calendar.getDate()].join('-')
-                fetch('{{$urls->api}}/ventas/cuota/depositar', {
+                return fetchAPI('{{$urls->api}}/ventas/cuota/depositar', {
                     method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({cuota_id, fecha})
                 }).then(response => {
                     if (response.ok) {

app/resources/views/ventas/desistida.blade.php

@@ -0,0 +1,110 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Desistida
+@endsection
+
+@section('venta_content')
+    <form class="ui form" id="desistida_form">
+        <div class="fields">
+            <div class="three wide field">
+                <label for="fecha">Fecha</label>
+                <div class="ui calendar" id="fecha">
+                    <div class="ui left icon input">
+                        <i class="calendar icon"></i>
+                        <input type="text" />
+                    </div>
+                </div>
+            </div>
+            <div class="one wide field">
+                <div id="loading-spinner-fecha" class="ui tiny blue active inline elastic loader" style="display: none;"></div>
+            </div>
+        </div>
+        <div class="fields">
+            <div class="three wide field">
+                <label for="devolucion">Devolución</label>
+                <div class="ui left labeled input">
+                    <div class="ui basic label">$</div>
+                    <input type="text" id="devolucion" value="{{$venta->resciliacion()->valor}}" />
+                </div>
+            </div>
+            <div class="one wide field">
+                <div id="loading-spinner-devolucion" class="ui tiny blue active inline elastic loader" style="display: none;"></div>
+            </div>
+        </div>
+        <button class="ui red icon button" type="button" id="eliminar_desistimiento">
+            <i class="ban icon"></i>
+            Elmininar desistimiento
+        </button>
+        <div id="loading-spinner-eliminar" class="ui tiny blue active inline elastic loader" style="display: none;"></div>
+    </form>
+@endsection
+
+@push('page_scripts')
+    <script>
+        function alertResponse(message, {color = 'green', icon = 'check circle'}={}) {
+            $.toast({
+                message,
+                showProgress: 'bottom',
+                progressUp: true,
+                class: color,
+                showIcon: icon,
+                classProgress: 'blue'
+            })
+        }
+        $(document).ready(() => {
+            const url = '{{$urls->api}}/ventas/pago/{{$venta->resciliacion()->id}}'
+            let old = new Date({{$venta->resciliacion()->fecha->format('Y')}},
+                    {{$venta->resciliacion()->fecha->format('n')}}-1, {{$venta->resciliacion()->fecha->format('j')}})
+            calendar_date_options['initialDate'] = old
+            calendar_date_options['onChange'] = function(date, text, mode) {
+                if (date.getTime() === old.getTime()) {
+                    return
+                }
+                const body = new FormData()
+                body.set('fecha', date.toISOString())
+                $('#loading-spinner-fecha').show()
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    $('#loading-spinner-fecha').hide()
+                    if (!response) {
+                        return
+                    }
+                    old = date
+                    alertResponse('Fecha cambiada correctamente.')
+                })
+            }
+            $('#fecha').calendar(calendar_date_options)
+            $('#devolucion').change(event => {
+                const val = $(event.currentTarget).val()
+                const body = new FormData()
+                body.set('valor', val)
+                $('#loading-spinner-devolucion').show()
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    $('#loading-spinner-devolucion').hide()
+                    if (!response) {
+                        return
+                    }
+                    alertResponse('Devolución cambiada correctamente.')
+                })
+            })
+            $('#eliminar_desistimiento').click(event => {
+                const url = '{{$urls->api}}/venta/{{$venta->id}}/desistir/eliminar'
+                $('#loading-spinner-eliminar').show()
+                fetchAPI(url).then(response => {
+                    $('#loading-spinner-eliminar').hide()
+                    if (!response) {
+                        alertResponse('No se pudo eliminar el desistimiento', {color: 'red', icon: 'triangle exclamation'})
+                        return
+                    }
+                    response.json().then(json => {
+                        if (!json.eliminado) {
+                            alertResponse('No se pudo eliminar el disistimiento', {color: 'red', icon: 'triangle exclamation'})
+                            return
+                        }
+                        window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+                    })
+                })
+            })
+        })
+    </script>
+@endpush

app/resources/views/ventas/desistir.blade.php

@@ -0,0 +1,73 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Desistir
+@endsection
+
+@section('venta_content')
+    <div class="ui list">
+        <div class="item">
+            <div class="header">Valor Pagado</div>
+            <div class="content">
+                {{$format->pesos($venta->formaPago()->pie->pagado('pesos'))}}
+                <div class="ui left pointing small label">
+                    {{$format->number($venta->formaPago()->pie->pagado() / $venta->valor * 100)}}% de la venta
+                </div>
+            </div>
+        </div>
+        <div class="item">
+            <div class="header">
+                Multa Estandar
+                <div class="ui left pointing small label">5%</div>
+            </div>
+            <div class="content">
+                {{$format->pesos($venta->valor * 0.05 * $UF->get())}}
+            </div>
+        </div>
+    </div>
+    <form class="ui form" id="desistir_form">
+        <div class="three wide field">
+            <label for="fecha">Fecha</label>
+            <div class="ui calendar" id="fecha">
+                <div class="ui left icon input">
+                    <i class="calendar icon"></i>
+                    <input type="text" />
+                </div>
+            </div>
+        </div>
+        <div class="three wide field">
+            <label for="devolucion">Devolución [$]</label>
+            <div class="ui left labeled input">
+                <div class="ui basic label">$</div>
+                <input type="text" name="devolucion" />
+            </div>
+        </div>
+        <button class="ui button">Desistir</button>
+    </form>
+@endsection
+
+@push('page_scripts')
+    <script>
+        $(document).ready(() => {
+            $('#fecha').calendar(calendar_date_options)
+            $('#desistir_form').submit(event => {
+                event.preventDefault()
+                const body = new FormData(event.currentTarget)
+                const fecha = $('#fecha').calendar('get date')
+                body.set('fecha', fecha.toISOString())
+                const url = '{{$urls->api}}/venta/{{$venta->id}}/desistir'
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    response.json().then(json => {
+                        if (json.desistida) {
+                            window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+                        }
+                    })
+                })
+                return false
+            })
+        })
+    </script>
+@endpush

app/resources/views/ventas/edit.blade.php

@@ -1,94 +1,82 @@
-@extends('layout.base')
+@extends('ventas.base')
 
-@section('page_content')
-    <div class="ui container">
-        <h2 class="ui header">Editar Venta</h2>
-        <form class="ui form" id="edit_form">
-            <div class="inline field">
-                <label for="valor">Valor</label>
-                <div class="ui right labeled input">
-                    <input type="text" id="valor" name="valor" value="{{$venta->valor}}" />
-                    <div class="ui label">UF</div>
+@section('venta_subtitle')
+    Editar Venta
+@endsection
+
+@section('venta_content')
+    <form class="ui form" id="edit_form">
+        <div class="inline field">
+            <label for="valor">Valor</label>
+            <div class="ui right labeled input">
+                <input type="text" id="valor" name="valor" value="{{$venta->valor}}" />
+                <div class="ui label">UF</div>
+            </div>
+        </div>
+        <div class="inline field">
+            <label for="fecha">Fecha Promesa</label>
+            <div class="ui calendar" id="fecha_calendar">
+                <div class="ui icon input">
+                    <input type="text" name="fecha" id="fecha" />
+                    <i class="calendar icon"></i>
                 </div>
             </div>
-            <div class="inline field">
-                <label for="fecha">Fecha Promesa</label>
-                <div class="ui calendar" id="fecha_calendar">
-                    <div class="ui icon input">
-                        <input type="text" name="fecha" id="fecha" />
-                        <i class="calendar icon"></i>
-                    </div>
-                </div>
-            </div>
-            <button class="ui button">
-                Guardar
-            </button>
-        </form>
-    </div>
+        </div>
+        <button class="ui button">
+            Guardar
+        </button>
+    </form>
 @endsection
 
 @push('page_scripts')
     <script type="text/javascript">
-        function getMonthsList() {
-            const formatter = new Intl.DateTimeFormat('es-CL', {month: 'long'})
-            const months = []
-            let m = ''
-            for (let i = 0; i < 12; i ++) {
-                m = formatter.format((new Date()).setMonth(i))
-                months.push(m.charAt(0).toUpperCase() + m.slice(1))
-            }
-            return months
-        }
-        function redirect() {
-            const uri = '{{$urls->base}}/venta/{{$venta->id}}'
-            window.location = uri
-        }
-        function editVenta() {
-            const original = {
-                valor: {{$venta->valor}},
-                fecha: new Date('{{$venta->fecha->format('Y-m-d')}}T00:00:00')
-            }
-            const collator = new Intl.Collator('es-CL')
-            const data = {}
-            Object.keys(original).forEach(name => {
-                let val = $("[name='" + name + "']").val()
-                if (name === 'fecha') {
-                    val = $('#fecha_calendar').calendar('get date')
-                    if (val.getTime() !== original[name].getTime()) {
-                        data[name] = [val.getFullYear(), (''+(val.getMonth()+1)).padStart(2, '0'), (''+val.getDate()).padStart(2, '0')].join('-')
+        const editVenta = {
+            getMonthsList() {
+                const formatter = new Intl.DateTimeFormat('es-CL', {month: 'long'})
+                const months = []
+                let m = ''
+                for (let i = 0; i < 12; i ++) {
+                    m = formatter.format((new Date()).setMonth(i))
+                    months.push(m.charAt(0).toUpperCase() + m.slice(1))
+                }
+                return months
+            },
+            redirect() {
+                window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+            },
+            edit() {
+                const uri = '{{$urls->api}}/venta/{{$venta->id}}'
+                const data = new FormData()
+                data.set('valor', $('#valor').val())
+                data.set('fecha', $('#fecha_calendar').calendar('get date').toISOString())
+                return fetchAPI(uri, {method: 'post', body: data}).then(response => {
+                    if (response.ok) {
+                        return response.json()
                     }
-                    return
-                }
-                if (collator.compare(val, original[name]) !== 0) {
-                    data[name] = val
-                }
-            })
-            if (Object.keys(data).length === 0) {
-                redirect()
-                return
+                }).then(json => {
+                    if (!json.edited) {
+                        return
+                    }
+                    this.redirect()
+                })
+            },
+            setup() {
+                $('#fecha_calendar').calendar({
+                    type: 'date',
+                    initialDate: '{{$venta->fecha->format('Y-m-d')}}',
+                    text: {
+                        months: this.getMonthsList()
+                    }
+                })
+                $('#edit_form').submit(event => {
+                    event.preventDefault()
+                    this.edit()
+                    return false
+                })
             }
-            const uri = '{{$urls->api}}/venta/{{$venta->id}}'
-            return fetch(uri,
-                {method: 'put', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data)}
-            ).then(response => {
-                if (response.ok) {
-                    redirect()
-                }
-            })
         }
         $(document).ready(() => {
-            $('#fecha_calendar').calendar({
-                type: 'date',
-                initialDate: '{{$venta->fecha->format('Y-m-d')}}',
-                text: {
-                    months: getMonthsList()
-                }
-            })
-            $('#edit_form').submit(event => {
-                event.preventDefault()
-                editVenta()
-                return false
-            })
+            editVenta.setup()
         })
     </script>
 @endpush

app/resources/views/ventas/escriturar.blade.php

@@ -0,0 +1,276 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Escriturar
+@endsection
+
+@section('venta_content')
+    <div class="ui basic segment">
+        <div class="ui four columns grid">
+            <div class="column">Faltante</div>
+            <div class="column">{{$format->pesos($venta->saldo('pesos'))}}</div>
+            <div class="column">{{$format->ufs($venta->saldo())}}</div>
+        </div>
+    </div>
+    <div class="ui divider"></div>
+    <form class="ui form" id="escriturar_form">
+        <div class="three wide field">
+            <label for="fecha">Fecha</label>
+            <div class="ui calendar" id="fecha">
+                <div class="ui left icon input">
+                    <i class="calendar icon"></i>
+                    <input type="text" name="fecha" />
+                </div>
+            </div>
+        </div>
+        @if ($venta->formaPago()->pie->reajuste === null)
+            <h4 class="ui header optional" data-name="reajuste">Reajuste <i class="small plus icon"></i></h4>
+            <div class="fields optional" id="reajuste">
+                <div class="field">
+                    <label for="valor_reajuste">Valor [$]</label>
+                    <div class="ui left labeled input">
+                        <div class="ui basic label">$</div>
+                        <input type="text" name="valor_reajuste" id="valor_reajuste" />
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="fecha_reajuste">Fecha</label>
+                    <div class="ui calendar" id="fecha_reajuste">
+                        <div class="ui left icon input">
+                            <i class="calendar icon"></i>
+                            <input type="text" name="fecha_reajuste" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @else
+            <h4 class="ui header" data-name="reajuste">Reajuste</h4>
+            <div class="fields" id="reajuste">
+                <div class="field">
+                    <label for="valor_reajuste">Valor [$]</label>
+                    <div class="ui left labeled disabled input">
+                        <div class="ui basic label">$</div>
+                        <input type="text" value="{{$format->number($venta->formaPago()->pie->reajuste->valor)}}" />
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="fecha_reajuste">Fecha</label>
+                    <div class="ui disabled input">
+                        <input type="text" value="{{$venta->formaPago()->pie->reajuste->fecha->format('d-m-Y')}}" />
+                    </div>
+                </div>
+            </div>
+        @endif
+        @if (!isset($venta->formaPago()->escritura))
+            <h4 class="ui header optional" data-name="pago">Pago en Escritura <i class="small plus icon"></i></h4>
+            <div class="fields optional" id="pago">
+                <div class="field">
+                    <label for="valor_pago_pesos">Valor [$]</label>
+                    <div class="ui left labeled input">
+                        <div class="ui basic label">$</div>
+                        <input type="text" name="valor_pago_pesos" id="valor_pago_pesos" />
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="valor_pago_ufs">(Valor [UF])</label>
+                    <div class="ui right labeled input">
+                        <input type="text" name="valor_pago_ufs" id="valor_pago_ufs" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="fecha_pago">Fecha</label>
+                    <div class="ui calendar" id="fecha_pago">
+                        <div class="ui left icon input">
+                            <i class="calendar icon"></i>
+                            <input type="text" name="fecha_pago" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @else
+            <h4 class="ui header" data-name="pago">Pago en Escritura</h4>
+            <div class="fields" id="pago">
+                <div class="field">
+                    <label for="valor_pago_pesos">Valor [$]</label>
+                    <div class="ui left labeled disabled input">
+                        <div class="ui basic label">$</div>
+                        <input type="text" value="{{$format->number($venta->formaPago()->escritura->pago->valor)}}" />
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="valor_pago_ufs">(Valor [UF])</label>
+                    <div class="ui right labeled disabled input">
+                        <input type="text" value="{{$format->number($venta->formaPago()->escritura->pago->valor(),2)}}" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="fecha_pago">Fecha</label>
+                    <div class="ui disabled input">
+                        <input type="text" value="{{$venta->formaPago()->escritura->pago->fecha->format('d-m-Y')}}">
+                    </div>
+                </div>
+            </div>
+        @endif
+        @if (!isset($venta->formaPago()->subsidio))
+            <h4 class="ui header optional" data-name="subsidio">Subsidio <i class="small plus icon"></i></h4>
+            <div class="fields optional" id="subsidio">
+                <div class="field">
+                    <label for="valor_ahorro">Valor Ahorrado [UF]</label>
+                    <div class="ui right labeled input">
+                        <input type="text" name="valor_ahorro" id="valor_ahorro" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="valor_subsidio">Valor Subsidio [UF]</label>
+                    <div class="ui right labeled input">
+                        <input type="text" name="valor_subsidio" id="valor_subsidio" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="total_subsidio">Total</label>
+                    <div class="ui right labeled disabled input">
+                        <input type="text" id="total_subsidio" value="0,00" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+            </div>
+        @else
+            <h4 class="ui header" data-name="subsidio">Subsidio</h4>
+            <div class="fields">
+                <div class="field">
+                    <label for="valor_ahorro">Valor Ahorrado</label>
+                    <div class="ui right labeled disabled input">
+                        <input type="text" value="{{$venta->formaPago()->subsidio->ahorro->valor()}}" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="field">
+                    <label for="valor_subsidio">Valor Subsidio</label>
+                    <div class="ui right labeled disabled input">
+                        <input type="text" value="{{$venta->formaPago()->subidio->pago->valor()}}" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+            </div>
+        @endif
+        @if (!isset($venta->formaPago()->credito) or $venta->formaPago()->credito->pago->banco === null)
+            <h4 class="ui header">Crédito</h4>
+            <div class="fields">
+                <div class="field">
+                    <label for="valor_credito">Valor [UF]</label>
+                    <div class="ui right labeled input">
+                        <input type="text" id="valor_credito" name="valor_credito" value="{{$venta->formaPago()->credito?->pago->valor() ?? ''}}" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="four wide field">
+                    <label for="banco_credito">Banco</label>
+                    <div class="ui selection dropdown" id="banco_credito">
+                        <input type="hidden" name="banco_credito" />
+                        <div class="default text">Banco</div>
+                        <i class="dropdown icon"></i>
+                        <div class="menu">
+                            @foreach ($bancos as $banco)
+                                <div class="item" data-value="{{$banco->id}}">{{$banco->nombre}}</div>
+                            @endforeach
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @else
+            <h4 class="ui header">Crédito</h4>
+            <div class="fields">
+                <div class="field">
+                    <label for="valor_credito">Valor [UF]</label>
+                    <div class="ui right labeled disabled input">
+                        <input type="text" value="{{$format->number($venta->formaPago()->credito->pago->valor(), 2)}}" />
+                        <div class="ui basic label">UF</div>
+                    </div>
+                </div>
+                <div class="four wide field">
+                    <label for="banco_credito">Banco</label>
+                    <div class="ui disabled input">
+                        <input type="text" value="{{$venta->formaPago()->credito->pago->banco->nombre}}" />
+                    </div>
+                </div>
+            </div>
+        @endif
+        <button class="ui button">Escriturar</button>
+    </form>
+@endsection
+
+@push('page_scripts')
+    <script>
+        const subsidio = {
+            watchIds: [
+                '#valor_ahorro',
+                '#valor_subsidio'
+            ],
+            values: [0, 0],
+            watch() {
+                this.watchIds.forEach((id, idx) => {
+                    $(id).change(event => {
+                        let val = parseFloat($(event.currentTarget).val())
+                        if (isNaN(val)) {
+                            val = 0
+                        }
+                        this.values[idx] = val
+                        this.update()
+                    })
+                })
+            },
+            update() {
+                const total = this.values.reduce((sum, val) => sum + val, 0)
+                $('#total_subsidio').val(total.toLocaleString('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2}))
+            }
+        }
+        $(document).ready(() => {
+            $('#fecha').calendar(calendar_date_options)
+            $('#banco_credito').dropdown()
+            $('.header.optional').click(event => {
+                const elem = $(event.currentTarget)
+                const name = elem.data('name')
+                const icon = elem.find('.icon')
+                const status = Array.from(icon[0].classList).includes('plus')
+                const fields = $('#' + name)
+                if (status) {
+                    icon.removeClass('plus').addClass('minus')
+                    fields.show()
+                    return
+                }
+                icon.removeClass('minus').addClass('plus')
+                fields.hide()
+            })
+            $('.fields.optional').hide()
+            subsidio.watch()
+            $('#escriturar_form').submit(event => {
+                event.preventDefault()
+                const url = '{{$urls->api}}/venta/{{$venta->id}}/escriturar'
+                const body = new FormData(event.currentTarget)
+                body.set('fecha', $('#fecha').calendar('get date').toISOString())
+                if (body.get('fecha_pago') !== '') {
+                    body.set('fecha_pago', $('#fecha_pago').calendar('get date').toISOString())
+                }
+                if (body.get('fecha_reajuste') !== '') {
+                    body.set('fecha_reajuste', $('#fecha_reajuste').calendar('get date').toISOString())
+                }
+                fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (response.ok) {
+                        return response.json()
+                    }
+                }).then(json => {
+                    if (json.status) {
+                        window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+                    }
+                })
+                return false
+            })
+            $('#fecha_pago').calendar(calendar_date_options)
+            $('#fecha_reajuste').calendar(calendar_date_options)
+        })
+    </script>
+@endpush

app/resources/views/ventas/escrituras/informe.blade.php

@@ -0,0 +1,88 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Resumen Escritura
+@endsection
+
+@section('venta_content')
+    <div class="ui segment">
+        El departamento {{$venta->propiedad()->departamentos()[0]->descripcion}}:<br />
+        @php
+        $estacionamientos = $venta->propiedad()->estacionamientos();
+        @endphp
+        @if (count($estacionamientos) === 0)
+            no tiene estacionamientos
+        @else
+            tiene
+            {{count($estacionamientos) === 1 ? 'el' : 'los'}}
+            estacionamiento{{count($estacionamientos) === 1 ? '': 's'}}
+            {{implode(', ', array_map(function(Incoviba\Model\Venta\Unidad $unidad) {
+                    return $unidad->descripcion;
+                }, $estacionamientos))}}
+        @endif
+        y
+        @php
+        $bodegas = $venta->propiedad()->bodegas();
+        @endphp
+        @if (count($bodegas) === 0)
+            no tiene bodegas
+        @else
+            tiene
+            {{count($bodegas) === 1 ? 'la' : 'las'}}
+            bodega{{count($bodegas) === 1 ? '' : 's'}}
+            {{implode(', ', array_map(function(Incoviba\Model\Venta\Unidad $unidad) {
+                    return $unidad->descripcion;
+                }, $bodegas))}}
+        @endif
+        <br />
+        <br />
+        <strong>PRECIO</strong>
+        {{$format->ufs($venta->valor)}}
+        <div class="ui fitted divider"></div>
+        <br />
+        @if (isset($venta->formaPago()->pie))
+            @php($pie = $venta->formaPago()->pie)
+            <strong>PIE</strong>
+            {{$pie->cuotas}} cuotas que suman
+            {{$format->pesos($pie->pagado('pesos'))}}
+            equivalente a
+            {{$format->ufs($pie->pagado())}}.
+            <br />
+        @endif
+        @if (isset($venta->formaPago()->escritura))
+            @php($escritura = $venta->formaPago()->escritura)
+            <strong>ESCRITURA</strong>
+            {{$format->pesos($escritura->pago->valor)}}
+            el
+            {{$escritura->fecha->format('d-m-Y')}}
+            equivalente a
+            {{$format->ufs($escritura->pago->valor())}}
+            <br />
+        @endif
+        <div class="ui fitted divider"></div>
+        <strong>TOTAL ANTICIPO</strong>
+        {{$format->ufs($venta->formaPago()->anticipo())}}
+        <br />
+        @if (isset($venta->formaPago()->bonoPie))
+            @php($bono = $venta->formaPago()->bonoPie)
+            <strong>BONO PIE</strong>
+            {{$format->ufs($bono->pago->valor())}}
+            <br />
+        @endif
+        @if (isset($venta->formaPago()->credito))
+            @php($credito = $venta->formaPago()->credito)
+            <strong>CRÉDITO</strong>
+            {{$format->ufs($credito->pago->valor())}}
+            en Banco {{$credito->pago->banco->nombre}}
+            <br />
+        @endif
+        <div class="ui fitted divider"></div>
+        <strong>TOTAL</strong>
+        {{$format->ufs($venta->formaPago()->total())}}
+        @if (($venta->formaPago()->total() - $venta->valor) !== 0)
+            <br />
+            <br />
+            Diferencia {{$format->ufs($venta->formaPago()->total() - $venta->valor)}}. ({{$format->percent(($venta->formaPago()->total() - $venta->valor) / $venta->valor * 100)}})
+        @endif
+    </div>
+@endsection

app/resources/views/ventas/escrituras/show.blade.php

@@ -0,0 +1,51 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Escritura
+@endsection
+
+@section('venta_content')
+    <form class="ui form" id="edit_form">
+        <div class="three wide field">
+            <label for="fecha">Fecha</label>
+            <div class="ui calendar" id="fecha">
+                <div class="ui left icon input">
+                    <i class="calendar icon"></i>
+                    <input type="text" placeholder="Fecha" />
+                </div>
+            </div>
+        </div>
+        <button class="ui button">Guardar</button>
+    </form>
+@endsection
+
+@push('page_scripts')
+    <script>
+        function editEscritura() {
+            const url = '{{$urls->api}}/ventas/escritura/{{$venta->id}}/edit'
+            const data = new FormData()
+            data.set('venta', {{$venta->id}})
+            const fecha = $('#fecha').calendar('get date')
+            data.set('fecha', fecha.toISOString())
+            return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                if (response.ok) {
+                    return response.json()
+                }
+            }).then(json => {
+                if (!json.edited) {
+                    return
+                }
+                window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+            })
+        }
+        $(document).ready(() => {
+            calendar_date_options.initialDate = new Date({{$venta->currentEstado()->fecha->format('Y, m-1, j')}})
+            $('#fecha').calendar(calendar_date_options)
+            $('#edit_form').submit(event => {
+                event.preventDefault()
+                editEscritura()
+                return false
+            })
+        })
+    </script>
+@endpush

app/resources/views/ventas/estado/edit.blade.php

@@ -0,0 +1,16 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h2 class="ui header">
+            Estado Venta -
+            {{$venta->proyecto()->descripcion}} -
+            <a href="{{$urls->base}}/venta/{{$venta->id}}">
+                {{$venta->propiedad()->summary()}}
+            </a>
+        </h2>
+        <h3 class="ui sub header">
+            {{$venta->currentEstado()->tipoEstadoVenta->descripcion}}
+        </h3>
+    </div>
+@endsection

app/resources/views/ventas/facturacion.blade.php

@@ -0,0 +1,382 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h2 class="ui header">Matriz Facturación</h2>
+        <h4 class="ui dividing header">
+            <div class="ui two column grid">
+                <div id="list_title" class="column">Proyectos</div>
+                <div class="right aligned column">
+                    <div class="ui tiny icon buttons">
+                        <button id="up_button" class="ui button">
+                            <i class="up arrow icon"></i>
+                        </button>
+                        <button id="refresh_button" class="ui button">
+                            <i class="refresh icon"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </h4>
+        <div id="proyectos" class="ui link selection list">
+            @foreach ($proyectos as $proyecto)
+                <div class="item" data-proyecto="{{$proyecto->id}}">{{$proyecto->descripcion}}</div>
+            @endforeach
+        </div>
+    </div>
+    <table class="ui table" id="data"></table>
+@endsection
+
+@include('layout.head.styles.datatables')
+@include('layout.body.scripts.datatables')
+
+@push('page_scripts')
+    <script>
+        const money = {
+            ufs: {},
+            ipcs: {},
+            sent: {
+                uf: {},
+                ipc: {}
+            },
+            get() {
+                return {
+                    uf: date => {
+                        if (typeof this.sent.uf[date.toISOString()] !== 'undefined') {
+                            return this.sent.uf[date.toISOString()]
+                        }
+                        const url = '{{$urls->api}}/money/uf'
+                        const data = new FormData()
+                        data.set('fecha', date.toISOString())
+                        const options = {
+                            method: 'post',
+                            body: data
+                        }
+                        return this.sent.uf[date.toISOString()] = fetchAPI(url, options).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            return this.ufs[json.input.fecha] = json.uf
+                        })
+                    },
+                    ipc: (end, start) => {
+                        const dateKey = [start.getFullYear(), (start.getMonth()+1), end.getFullYear(), (end.getMonth()+1)].join('-')
+                        if (typeof this.sent.ipc[dateKey] !== 'undefined') {
+                            return this.sent.ipc[dateKey]
+                        }
+                        const url = '{{$urls->api}}/money/ipc'
+                        const data = new FormData()
+                        data.set('start', start.toISOString())
+                        data.set('end', end.toISOString())
+                        const options = {
+                            method: 'post',
+                            body: data
+                        }
+                        return this.sent.ipc[dateKey] = fetchAPI(url, options).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            return this.ipcs[json.date_string] = json.ipc
+                        })
+                    }
+                }
+            }
+        }
+
+        class Unidad {
+            id
+            tipo
+            descripcion
+            prorrateo
+            precio
+
+            constructor({id, tipo, descripcion, prorrateo, precio})
+            {
+                this.id = id
+                this.tipo = tipo
+                this.descripcion = descripcion
+                this.prorrateo = prorrateo
+                this.precio = precio
+            }
+        }
+        class Venta {
+            id
+            precio
+            fecha
+            escritura
+            uf
+            ipc
+            unidades
+            principal
+
+            constructor({id, precio, fecha, escritura}) {
+                this.id = id
+                this.precio = precio
+                this.fecha = fecha
+                this.escritura = escritura
+                this.uf = 1
+                this.ipc = 1
+                this.unidades = []
+            }
+
+            get() {
+                return {
+                    unidades: () => {
+                        const url = '{{$urls->api}}/venta/' + this.id + '/unidades'
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            json.unidades.forEach(unidad => {
+                                const tipo = unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
+                                const data = {
+                                    id: unidad.id,
+                                    tipo: tipo.charAt(0).toUpperCase() + tipo.slice(1),
+                                    descripcion: unidad.descripcion,
+                                    prorrateo: unidad.prorrateo,
+                                    precio: 0
+                                }
+                                if (unidad.current_precio !== null) {
+                                    data.precio = unidad.current_precio.valor
+                                }
+                                const u = new Unidad(data)
+                                this.unidades.push(u)
+                            })
+                            this.principal = this.unidades.filter(unidad => unidad.tipo === 'Departamento')[0]
+                        })
+                    }
+                }
+            }
+
+            draw({tbody, valor_terreno}) {
+                /**
+                 'Venta',
+                 'Unidades',
+                 'Tipo',
+                 'Unidad',
+                 'Fecha Promesa',
+                 'Valor Promesa',
+                 'Prorrateo',
+                 'Descuento',
+                 'Precio Venta',
+                 'Precio Bruto',
+                 'IVA',
+                 'Precio Neto',
+                 '% IVA/Neto',
+                 'Fecha Escritura',
+                 'UF',
+                 'IPC'
+                 */
+                const dateFormatter = new Intl.DateTimeFormat('es-CL', {year: 'numeric', month: 'numeric', day: 'numeric'})
+                const pesosFormatter = new Intl.NumberFormat('es-CL', {style: 'currency', currency: 'CLP'})
+                const ufFormatter = new Intl.NumberFormat('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2})
+                const venta = this.unidades[0].descripcion
+                const cantidad = this.unidades.length
+                this.unidades.forEach(unidad => {
+                    const values = [
+                        venta,
+                        cantidad,
+                        unidad.tipo,
+                        unidad.descripcion,
+                        dateFormatter.format(this.fecha),
+                        ufFormatter.format(unidad.precio) + ' UF',
+                        unidad.prorrateo,
+                        '',
+                        '',
+                        '',
+                        '',
+                        '',
+                        '',
+                        '',
+                        '',
+                        ''
+                    ]
+                    if (this.escritura !== null) {
+                        const descuento = valor_terreno * (1 + this.ipc / 100) * unidad.prorrateo
+                        const precio_venta = unidad.precio * this.uf
+                        const precio_bruto = precio_venta - descuento
+                        const precio_neto = precio_bruto / 1.19
+                        const iva = precio_bruto - precio_neto
+
+                        let i = 7
+                        values[i++] = pesosFormatter.format(descuento)
+                        values[i++] = pesosFormatter.format(precio_venta)
+                        values[i++] = pesosFormatter.format(precio_bruto)
+                        values[i++] = pesosFormatter.format(iva)
+                        values[i++] = pesosFormatter.format(precio_neto)
+                        values[i++] = (iva / precio_venta * 100).toFixed(2) + '%'
+                        values[i++] = dateFormatter.format(this.escritura)
+                        values[i++] = ufFormatter.format(this.uf)
+                        values[i++] = (this.ipc).toFixed(2) + '%'
+                    }
+                    const row = $('<tr></tr>')
+                    values.forEach(value => {
+                        row.append(
+                            $('<td></td>').html(value)
+                        )
+                    })
+                    tbody.append(row)
+                })
+            }
+        }
+        const proyectos = {
+            ids: {},
+            selected: 0,
+            data: JSON.parse('{!! json_encode($proyectos) !!}'),
+            table: null,
+            get: function() {
+                return {
+                    ventas: () => {
+                        const url = '{{$urls->api}}/ventas/facturacion/proyecto/' + this.selected
+                        return fetchAPI(url).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            const idx = this.data.findIndex(proyecto => proyecto.id === json.proyecto_id)
+                            const fecha_terreno = new Date(this.data[idx].terreno.date)
+                            this.data[idx]['ventas'] = []
+                            const ventas = []
+                            json.ventas.forEach(venta => {
+                                const data = {
+                                    id: venta.id,
+                                    precio: venta.valor,
+                                    fecha: new Date(venta.fecha),
+                                    escritura: null
+                                }
+                                if (['escriturando'].includes(venta.current_estado.tipo_estado_venta.descripcion)) {
+                                    data.escritura = new Date(venta.current_estado.fecha)
+                                }
+                                const v = new Venta(data)
+                                const promises = []
+                                if (v.escritura !== null) {
+                                    promises.push(money.get().uf(v.escritura).then(uf => {
+                                        v.uf = uf
+                                    }))
+                                    promises.push(money.get().ipc(v.escritura, fecha_terreno).then(ipc => {
+                                        v.ipc = ipc
+                                    }))
+                                }
+                                promises.push(v.get().unidades())
+                                const promise = Promise.all(promises).then(() => {
+                                    this.data[idx].ventas.push(v)
+                                })
+                                ventas.push(promise)
+                            })
+                            Promise.all(ventas).then(() => {
+                                this.data[idx].ventas.sort((a, b) => parseInt(a.principal.descripcion) - parseInt(b.principal.descripcion))
+                                this.draw().ventas(idx)
+                            })
+                        })
+                    }
+                }
+            },
+            draw: function() {
+                return {
+                    proyectos: () => {
+                        if (this.table !== null) {
+                            this.table.clear()
+                        }
+                        $(this.ids.data).hide()
+                        $(this.ids.proyectos).show()
+                    },
+                    ventas: proyecto_idx => {
+                        const table = $(this.ids.data)
+                        if (this.table !== null) {
+                            this.table.clear().destroy()
+                        }
+                        table.append(this.draw().thead())
+                        table.append(this.draw().tbody(proyecto_idx))
+                        table.show()
+                        $(this.ids.proyectos).hide()
+                        if (this.table === null) {
+                            this.table = table.DataTable()
+                        }
+                    },
+                    thead: () => {
+                        const thead = $('<thead></thead>')
+                        const columns = [
+                            'Venta',
+                            'Unidades',
+                            'Tipo',
+                            'Unidad',
+                            'Fecha Promesa',
+                            'Valor Promesa',
+                            'Prorrateo',
+                            'Descuento',
+                            'Precio Venta',
+                            'Precio Bruto',
+                            'IVA',
+                            'Precio Neto',
+                            '% IVA/Neto',
+                            'Fecha Escritura',
+                            'UF',
+                            'IPC'
+                        ]
+                        const row = $('<tr></tr>')
+                        columns.forEach(title => {
+                            row.append(
+                                $('<th></th>').html(title)
+                            )
+                        })
+                        thead.append(row)
+                        return thead
+                    },
+                    tbody: proyecto_idx => {
+                        const tbody = $('<tbody></tbody>')
+                        this.data[proyecto_idx].ventas.forEach(venta => {
+                            venta.draw({tbody, valor_terreno: this.data[proyecto_idx].terreno.valor})
+                        })
+                        return tbody
+                    }
+                }
+            },
+            actions: function() {
+                return {
+                    up: event => {
+                        this.draw().proyectos()
+                    },
+                    refresh: event => {
+                        const list = $(this.ids.proyectos)
+                        if (list.is(':hidden')) {
+                            const table = $(this.ids.table)
+                            table.hide()
+                            if (this.table !== null) {
+                                this.table.clear().destroy()
+                                this.table = null
+                            }
+                            this.get().ventas()
+                        } else {
+                            this.draw().proyectos()
+                        }
+                    }
+                }
+            },
+            setup: function({ids}) {
+                this.ids = ids
+                $(this.ids.data).hide()
+                $(this.ids.proyectos).find('.item').click(event => {
+                    this.selected = $(event.currentTarget).data('proyecto')
+                    this.get().ventas()
+                })
+
+                $(this.ids.buttons.up).click(this.actions().up)
+                $(this.ids.buttons.refresh).click(this.actions().refresh)
+            }
+        }
+        $(document).ready(() => {
+            proyectos.setup({ids: {
+                    proyectos: '#proyectos',
+                    data: '#data',
+                    buttons: {
+                        up: '#up_button',
+                        refresh: '#refresh_button'
+                    }
+                }
+            })
+        })
+    </script>
+@endpush

app/resources/views/ventas/facturacion/show.blade.php

@@ -0,0 +1,451 @@
+@extends('layout.base')
+
+@section('page_content')
+    <div class="ui container">
+        <h2 class="ui header">
+            Facturación -
+            <a href="{{$urls->base}}/proyecto/{{$venta->proyecto()->id}}">
+                {{$venta->proyecto()->descripcion}}<span class="ui tiny text"><sub><i
+                                class="search icon"></i></sub></span>
+            </a>
+            -
+            <a href="{{$urls->base}}/venta/{{$venta->id}}">
+                {{$venta->propiedad()->summary()}}
+            </a>
+        </h2>
+        <div class="ui very basic segment">
+            Valor Venta: {{$format->ufs($venta->valor)}}
+        </div>
+        <form id="venta_form" class="ui form">
+            <div class="two wide field">
+                <label for="proporcion">Proporción Factura</label>
+                <div class="ui right labeled input">
+                    <input type="number" name="proporcion" id="proporcion" value="100" max="100" min="0"/>
+                    <div class="ui basic icon label">
+                        <i class="percent icon"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="fields">
+                @foreach ($venta->propiedad()->unidades as $unidad)
+                    <div class="three wide field">
+                        <label for="precio{{$unidad->pu_id}}">Precio {{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}} {{$unidad->descripcion}}</label>
+                        <div class="ui right labeled input" id="input{{$unidad->pu_id}}">
+                            <input class="price" type="text" name="precio{{$unidad->pu_id}}" id="precio{{$unidad->pu_id}}" data-id="{{$unidad->pu_id}}" value="{{($unidad->valor > 0) ? $unidad->valor : $unidad->precio($venta->currentEstado()->fecha)->valor}}" />
+                            <div class="ui basic label">UF</div>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+            <div class="fields">
+                @foreach($venta->propiedad()->unidades as $unidad)
+                    <div class="three wide field">
+                    @if ($unidad->prorrateo === 0.0)
+                        <label for="prorrateo{{$unidad->id}}">Prorrateo {{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}} {{$unidad->descripcion}}</label>
+                        <div class="ui right labeled input" id="prorrateo{{$unidad->id}}">
+                            <input class="prorrateo" type="text" data-id="{{$unidad->id}}" value="{{$unidad->prorrateo}}" />
+                            <div class="ui basic label">%</div>
+                        </div>
+                    @endif
+                    </div>
+                @endforeach
+            </div>
+            <div class="ui very basic segment" id="total_unidades"></div>
+            @php $lastDic = new DateTimeImmutable((new DateTimeImmutable())->sub(new DateInterval('P1Y'))->format('31-12-Y')); @endphp
+            @if (!isset($venta->proyecto()->terreno->fecha) or $venta->proyecto()->terreno->fecha < $lastDic)
+                <div class="four wide field">
+                    <label for="terreno">Valor Terreno al {{$lastDic->format('d-m-Y')}}</label>
+                    <div class="ui left labeled input">
+                        <div class="ui basic label">$</div>
+                        <input type="number" id="terreno" />
+                    </div>
+                </div>
+            @endif
+        </form>
+        @if ($venta->currentEstado()->fecha->sub(new DateInterval('P1M')) > $venta->proyecto()->terreno->fecha
+            and $IPC->get($venta->proyecto()->terreno->fecha, $venta->currentEstado()->fecha->sub(new DateInterval('P1M'))) === 0.0)
+            <div class="ui compact icon error message">
+                <i class="exclamation triangle icon"></i>
+                <div class="content">
+                    IPC no disponible para este mes.
+                </div>
+            </div>
+        @endif
+        <div class="ui divider"></div>
+        <div id="factura">
+            <div class="ui compact grid">
+                <div class="two columns row">
+                    <div class="twelve wide column">
+                        <strong>
+                            {{mb_strtoupper($venta->proyecto()->inmobiliaria()->nombreCompleto())}}
+                        </strong><br/>
+                        GIRO: <br/>
+                        Dirección: {{$venta->proyecto()->direccion()->simple()}}
+                    </div>
+                    <div class="four wide column">
+                        <div class="ui center aligned red segment">
+                            <strong>
+                                RUT: {{$venta->proyecto()->inmobiliaria()->rut()}}<br/>
+                                FACTURA ELECTRÓNICA<br/>
+                                N° #
+                            </strong>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <table class="ui table">
+                        <tr>
+                            <td class="grey"><strong>Señor(es)</strong></td>
+                            <td>{{$venta->propietario()->nombreCompleto()}}</td>
+                            <td class="grey"><strong>RUT</strong></td>
+                            <td>{{$venta->propietario()->rut()}}</td>
+                        </tr>
+                        <tr>
+                            <td class="grey"><strong>Giro</strong></td>
+                            <td>Otras Actividades Profesionales</td>
+                            <td class="grey"><strong>Fecha Emisión</strong></td>
+                            <td>{{(new IntlDateFormatter('es-CL', IntlDateFormatter::LONG, IntlDateFormatter::NONE))->format($venta->currentEstado()->fecha)}}</td>
+                        </tr>
+                        <tr>
+                            <td class="grey"><strong>Dirección</strong></td>
+                            <td>{{$venta->propietario()->datos->direccion->simple()}}</td>
+                            <td class="grey"><strong>Comuna</strong></td>
+                            <td>{{mb_strtoupper($venta->propietario()->datos->direccion->comuna->descripcion)}}</td>
+                        </tr>
+                    </table>
+                </div>
+                <div class="row">
+                    <table class="ui celled table">
+                        <thead>
+                            <tr class="grey">
+                                <th class="center aligned" colspan="6">DETALLES</th>
+                            </tr>
+                            <tr class="grey">
+                                <th>N°</th>
+                                <th class="center aligned">Descripción</th>
+                                <th class="center aligned">Cant/Unidad</th>
+                                <th class="center aligned">Prec. Unit.</th>
+                                <th class="center aligned">Ind</th>
+                                <th class="center aligned">Total</th>
+                            </tr>
+                        </thead>
+                        <tbody id="unidades"></tbody>
+                        <tfoot>
+                            <tr>
+                                <td colspan="6">
+                                    <br />
+                                    <br />
+                                    <br />
+                                    <br />
+                                </td>
+                            </tr>
+                        </tfoot>
+                    </table>
+                </div>
+                <div class="row">
+                    <div class="ten wide column"></div>
+                    <div class="six wide column">
+                        <table class="ui celled very compact table">
+                            <thead>
+                            <tr>
+                                <th class="center aligned grey" colspan="2">TOTALES</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <tr>
+                                <td class="grey">Monto Neto</td>
+                                <td class="right aligned" id="neto"></td>
+                            </tr>
+                            <tr>
+                                <td class="grey">Monto Exento</td>
+                                <td class="right aligned" id="exento"></td>
+                            </tr>
+                            <tr>
+                                <td class="grey">19% IVA</td>
+                                <td class="right aligned" id="iva"></td>
+                            </tr>
+                            <tr>
+                                <td class="grey">Monto Total</td>
+                                <td class="right aligned"><strong id="total"></strong></td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@push('page_scripts')
+    <script>
+        const factura = {
+            id: '#unidades',
+            totales: {},
+            proporcion: 1,
+            precio: {{$UF->transform($venta->currentEstado()->fecha, $venta->valor)}},
+            terreno: {{(isset($venta->proyecto()->terreno->fecha) and $venta->proyecto()->terreno->fecha >= $lastDic) ?
+                    $IPC->readjust($venta->proyecto()->terreno->valor, $venta->proyecto()->terreno->fecha, $venta->currentEstado()->fecha) : 0}},
+            uf: {{$UF->get($venta->currentEstado()->fecha)}},
+            unidades: JSON.parse('{!! json_encode(array_map(function(Incoviba\Model\Venta\PropiedadUnidad $unidad) use ($venta, $UF, $format) {
+                    $precio = ($unidad->valor > 0) ? $unidad->valor : ($unidad->precio($venta->currentEstado()->fecha) ? $unidad->precio($venta->currentEstado()->fecha)->valor : 0);
+                    return [
+                        'id' => $unidad->id,
+                        'pid' => $unidad->pu_id,
+                        'descripcion' => ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion) . ' ' . $unidad->descripcion,
+                        'precio' => $precio,
+                        'base' => $UF->transform($venta->currentEstado()->fecha, $precio),
+                        'prorrateo' => $unidad->prorrateo,
+                    ];
+                }, $venta->propiedad()->unidades)) !!}'),
+            build: function() {
+                const tbody = $(this.id)
+                tbody.html('')
+                const pesoFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 0, minimumFractionDigits: 0})
+                const ufFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 2, minimumFractionDigits: 2})
+                const percentFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 5, minimumFractionDigits: 5})
+                let terreno = 0
+                let prorrateo = 0
+                let totalUnidades = 0
+                let precioUnidades = 0
+                let c = 1
+                const classes = [
+                    '',
+                    '',
+                    'center aligned',
+                    'right aligned',
+                    'center aligned',
+                    'right aligned'
+                ]
+                this.unidades.forEach(unidad => {
+                    totalUnidades += unidad.base
+                    precioUnidades += unidad.precio
+                    const descuento = this.terreno * unidad.prorrateo
+                    terreno += descuento
+                    prorrateo += unidad.prorrateo
+                    const bruto = unidad.base  - descuento
+                    const neto = bruto / 1.19
+                    const data = [
+                        c ++,
+                        unidad.descripcion + ' (UF ' + ufFormatter.format(unidad.precio * this.proporcion) + ')',
+                        '1 UNID',
+                        pesoFormatter.format(neto * this.proporcion),
+                        'AF',
+                        pesoFormatter.format(neto * this.proporcion)
+                    ]
+
+                    const row = $('<tr></tr')
+                    data.forEach((value, i) => {
+                        const cell = $('<td></td>')
+                        if (classes[i] !== '') {
+                            cell.addClass(classes[i])
+                        }
+                        cell.html(value)
+                        row.append(cell)
+                    })
+                    tbody.append(row)
+                })
+                $('#total_unidades')
+                    .attr('class', 'ui compact segment ' + ((totalUnidades.toFixed(2) !== this.precio.toFixed(2)) ? 'inverted red' : 'inverted green'))
+                    .html('Total Unidades: ' + ufFormatter.format(precioUnidades) + ' UF' +
+                        ((totalUnidades.toFixed(2) !== this.precio.toFixed(2)) ? '; Diferencia: ' + ufFormatter.format({{$venta->valor}} - precioUnidades) + ' UF' : ''))
+                if (totalUnidades.toFixed(2) !== this.precio.toFixed(2)) {
+                    this.highlight()
+                }
+                const bruto = this.precio - terreno
+                const base = bruto / 1.19
+                const iva = base * .19
+                const subtotal = base + iva
+                const total = subtotal + terreno
+                const totalUF = total / this.uf
+
+                const emptyTerreno = '<div class="ui tiny red horizontal circular label">0</div>'
+                const data = [
+                    c,
+                    'Valor con Terreno ' + pesoFormatter.format((base + terreno) * this.proporcion) + ' - Menos valor terreno ' + ((terreno > 0) ? pesoFormatter.format(-terreno * this.proporcion) : emptyTerreno) + '<br />' +
+                        'Base imponible ' + pesoFormatter.format(base * this.proporcion) + '<br />' +
+                        'IVA ' + pesoFormatter.format(iva * this.proporcion) + '<br />' +
+                        'SUBTOTAL ' + pesoFormatter.format(subtotal * this.proporcion) + '<br />' +
+                        'Mas valor terreno ' + ((terreno > 0) ? pesoFormatter.format(terreno * this.proporcion) : emptyTerreno) + '<br />' +
+                        'TOTAL ' + pesoFormatter.format(total * this.proporcion) + ';' + ufFormatter.format(totalUF * this.proporcion) + ' UF<br /><br />' +
+                        'Descuento Terreno: ' + ((terreno > 0) ? percentFormatter.format(prorrateo * 100) : emptyTerreno) + '%<br /><br />' +
+                        'UF: ' + ufFormatter.format(this.uf),
+                    '1 UNID',
+                    pesoFormatter.format(terreno * this.proporcion),
+                    'EX',
+                    pesoFormatter.format(terreno * this.proporcion)
+                ]
+                const row = $('<tr></tr>').addClass('top aligned')
+                data.forEach((value, i) => {
+                    const cell = $('<td></td>')
+                    if (classes[i] !== '') {
+                        cell.addClass(classes[i])
+                    }
+                    cell.html(value)
+                    row.append(cell)
+                })
+                tbody.append(row)
+
+                $(this.totales.afecto).html(pesoFormatter.format(base * this.proporcion))
+                $(this.totales.exento).html(pesoFormatter.format(terreno * this.proporcion))
+                $(this.totales.iva).html(pesoFormatter.format(iva * this.proporcion))
+                $(this.totales.total).html(pesoFormatter.format(total * this.proporcion))
+            },
+            update: function() {
+                return {
+                    price: (id, value) => {
+                        this.unhighlight()
+                        const idx = this.unidades.findIndex(unidad => unidad.pid === id)
+                        if (idx === -1) {
+                            return
+                        }
+                        const old_value = this.unidades[idx].precio
+                        if (old_value === parseFloat(value)) {
+                            return
+                        }
+                        const url = '{{$urls->api}}/ventas/propiedades/unidad/' + id + '/edit'
+                        const data = new FormData()
+                        data.set('valor', value)
+                        return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            if (!json.edited) {
+                                return
+                            }
+                            const idx = this.unidades.findIndex(unidad => unidad.pid === json.propiedad_unidad_id)
+                            this.unidades[idx].precio = parseFloat(json.input.valor)
+                            this.unidades[idx].base = parseFloat(json.input.valor * this.unidades[idx].base / old_value)
+                            this.build()
+                        })
+                    },
+                    terreno: value => {
+                        const url = '{{$urls->api}}/proyecto/{{$venta->proyecto()->id}}/terreno/edit'
+                        const data = new FormData()
+                        data.set('valor', value)
+                        data.set('fecha', '{{$lastDic->format('Y-m-d')}}')
+                        return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            if (!json.edited) {
+                                return
+                            }
+                            this.terreno = parseInt(json.input.valor)
+                            const data = new FormData()
+                            data.set('start', '{{$lastDic->format('Y-m-d')}}')
+                            data.set('end', '{{$venta->currentEstado()->fecha->sub(new DateInterval('P1M'))->format('Y-m-d')}}')
+                            const url = '{{$urls->api}}/money/ipc'
+                            return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                                if (response.ok) {
+                                    return response.json()
+                                }
+                            }).then(json => {
+                                this.terreno *= (1 + parseFloat(json.ipc))
+                                this.build()
+                            })
+                        })
+                    },
+                    prorrateo: (id, value) => {
+                        if (parseFloat(value) === 0) {
+                            return
+                        }
+                        const url = '{{$urls->api}}/ventas/unidad/' + id + '/prorrateo'
+                        const data = new FormData()
+                        data.set('prorrateo', value)
+                        return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                        }).then(json => {
+                            if (!json.edited) {
+                                return
+                            }
+                            const idx = this.unidades.findIndex(unidad => unidad.id === json.unidad_id)
+                            this.unidades[idx].prorrateo = parseFloat(json.input.prorrateo)
+                            this.build()
+                        })
+                    }
+                }
+            },
+            watch: function() {
+                return {
+                    proporcion: id => {
+                        $(id).change(event => {
+                            const val = $(event.currentTarget).val()
+                            if (val / 100 === this.proporcion) {
+                                return
+                            }
+                            this.proporcion = val / 100
+                            this.build()
+                        })
+                    },
+                    prices: class_name => {
+                        $(class_name).change(event => {
+                            const val = $(event.currentTarget).val()
+                            const id = $(event.currentTarget).data('id')
+                            this.update().price(id, val)
+                        })
+                    },
+                    prorrateo: class_name => {
+                        $(class_name).change(event => {
+                            const val = $(event.currentTarget).val()
+                            const id = $(event.currentTarget).data('id')
+                            this.update().prorrateo(id, val)
+                        })
+                    },
+                    terreno: id => {
+                        $(id).change(event => {
+                            const val = $(event.currentTarget).val()
+                            this.update().terreno(val).then(() => {
+                                $(id).parent().parent().hide()
+                            })
+                        })
+                    }
+                }
+            },
+            highlight: function() {
+                const pid = this.unidades[0].pid
+                const input = $('#input' + pid)
+                input.addClass('error')
+                input.find('.label').addClass('red')
+                input.attr('data-content', 'Valor total no es igual a valor de venta')
+                input.popup()
+            },
+            unhighlight: function() {
+                const pid = this.unidades[0].pid
+                const input = $('#input' + pid)
+                input.removeClass('error')
+                input.find('.label').removeClass('red')
+                input.removeAttr('data-content')
+            },
+            setup: function({form_id, tbody_id, input_id, prices_class, prorrateo_class, terreno_id, totales_ids}) {
+                $(form_id).submit(event => {
+                    event.preventDefault()
+                    return false
+                })
+                this.id = tbody_id
+                this.totales = totales_ids
+                this.proporcion = $(input_id).val() / 100
+                this.watch().proporcion(input_id)
+                this.watch().prices(prices_class)
+                this.watch().prorrateo(prorrateo_class)
+                @if (!isset($venta->proyecto()->terreno->fecha) or $venta->proyecto()->terreno->fecha <= $lastDic)
+                    this.watch().terreno(terreno_id)
+                @endif
+                this.build()
+            }
+        }
+        $(document).ready(() => {
+            factura.setup({form_id: '#venta_form', tbody_id: '#unidades', input_id: '#proporcion',
+                prices_class: '.price', prorrateo_class: '.prorrateo', terreno_id: '#terreno', totales_ids: {
+                    afecto: '#neto',
+                    exento: '#exento',
+                    iva: '#iva',
+                    total: '#total'
+                }})
+        })
+    </script>
+@endpush

app/resources/views/ventas/list.blade.php

@@ -103,7 +103,7 @@
                     ventas: proyecto_id => {
                         this.data.venta_ids = []
                         this.data.ventas = []
-                        return fetch('{{$urls->api}}/ventas',
+                        return fetchAPI('{{$urls->api}}/ventas',
                             {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}
                         ).then(response => {
                             this.loading.precios = false
@@ -112,15 +112,15 @@
                             }
                         }).then(data => {
                             if (data.total > 0) {
+                                const progress = this.draw().progress(data.ventas.length)
                                 this.data.id = data.proyecto.id
                                 this.data.proyecto = data.proyecto.descripcion
                                 this.data.venta_ids = data.ventas
                                 const promises = []
                                 data.ventas.forEach(venta_id => {
-                                    const promise = this.get().venta(venta_id)
-                                    /*promise.then(() => {
-                                        this.draw().ventas(true)
-                                    })*/
+                                    const promise = this.get().venta(venta_id).then(() => {
+                                        progress.progress('increment')
+                                    })
                                     promises.push(promise)
                                 })
                                 Promise.all(promises).then(() => {
@@ -130,7 +130,7 @@
                         })
                     },
                     venta: venta_id => {
-                        return fetch('{{$urls->api}}/venta/' + venta_id).then(response => {
+                        return fetchAPI('{{$urls->api}}/venta/' + venta_id).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -185,6 +185,26 @@
                         parent.show()
                         parent.find('.item.proyecto').click(this.actions().get)
                     },
+                    progress: cantidad => {
+                        const parent = $(this.ids.proyectos)
+                        parent.html('')
+                        const progress = $('<div></div>').addClass('ui active progress').append(
+                            $('<div></div>').addClass('bar').append(
+                                $('<div></div>').addClass('centered progress')
+                            )
+                        ).append(
+                            $('<div></div>').addClass('label').html('Cargando datos')
+                        )
+                        progress.progress({
+                            total: cantidad,
+                            label: 'ratio',
+                            text: {
+                                ratio: '{value} de {total} ({percent}%)'
+                            }
+                        })
+                        parent.append(progress)
+                        return progress
+                    },
                     ventas: (loading = false) => {
                         const title = $(this.ids.title)
                         const parent = $(this.ids.proyectos)
@@ -214,6 +234,7 @@
 
                         this.table = new DataTable(table, {
                             order: [[0, 'asc']],
+                            pageLength: 50
                         })
                     },
                     table: () => {