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

@@ -0,0 +1,4 @@
+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/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/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/Repository.php

@@ -45,11 +45,14 @@ abstract class Repository implements Define\Repository
             ->where("{$this->getKey()} = ?");
         return $this->fetchOne($query, [$id]);
     }
-    public function fetchAll(): array
+    public function fetchAll(null|string|array $ordering = null): array
     {
         $query = $this->connection->getQueryBuilder()
             ->select()
             ->from($this->getTable());
+        if ($ordering !== null) {
+            $query->order($ordering);
+        }
         return $this->fetchMany($query);
     }
 
@@ -116,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];
             }

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/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,6 +9,7 @@
         "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"
     },

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,7 +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/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

@@ -3,5 +3,6 @@ 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/proyectos.php

@@ -17,4 +17,7 @@ $app->group('/proyecto/{proyecto_id}', 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/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,7 +22,13 @@ $app->group('/ventas', function($app) {
     $app->post('[/]', [Ventas::class, 'proyecto']);
 });
 $app->group('/venta/{venta_id}', function($app) {
-    $app->get('/unidades', [Ventas::class, 'unidades']);
-    $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/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/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

@@ -4,3 +4,6 @@ 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/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>

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

@@ -51,7 +51,7 @@
             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()
                             }
@@ -60,7 +60,7 @@
                         })
                     },
                     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()
                             }
@@ -69,7 +69,7 @@
                         })
                     },
                     recepcion: () => {
-                        return fetch('{{$urls->api}}/proyecto/' + this.id + '/recepcion').then(response => {
+                        return fetchAPI('{{$urls->api}}/proyecto/' + this.id + '/recepcion').then(response => {
                             if (response.ok) {
                                 if (response.status === 204) {
                                     return null

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

@@ -42,6 +42,26 @@
                     </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>
@@ -134,7 +154,7 @@
                 return {
                     superficies: () => {
                         const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/superficies/vendible'
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -197,7 +217,7 @@
             data: {},
             get: function() {
                 const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/unidades'
-                return fetch(url).then(response => {
+                return fetchAPI(url).then(response => {
                     if (response.ok) {
                         return response.json()
                     }
@@ -273,7 +293,7 @@
                 return {
                     ventas: () => {
                         const url = '{{$urls->api}}/ventas'
-                        return fetch(url, {method: 'post', headers: {'Content-Type': 'application/json'},
+                        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()
@@ -294,7 +314,7 @@
                     },
                     stock: () => {
                         const url = '{{$urls->api}}/proyecto/{{$proyecto->id}}/unidades/disponibles'
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -315,7 +335,7 @@
                     },
                     venta: venta_id => {
                         const url = '{{$urls->api}}/venta/' + venta_id
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -325,7 +345,7 @@
                     },
                     precio: unidad_id => {
                         const url = '{{$urls->api}}/ventas/precio/unidad/' + unidad_id
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 if (response.status === 204) {
                                     return null

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()
                             }

app/resources/views/search.blade.php

@@ -106,10 +106,11 @@
                         const data = new FormData(document.getElementById('search_form'))
                         const uri = '{{$urls->api}}/search'
                         this.data = []
-                        return fetch(uri, {method: 'post', body: data}).then(response => {
-                            if (response.ok) {
-                                return response.json()
+                        return fetchAPI(uri, {method: 'post', body: data}).then(response => {
+                            if (!response) {
+                                return
                             }
+                            return response.json()
                         }).catch(error => {
                             this.draw().clear()
                             this.draw().error(error)
@@ -123,7 +124,11 @@
                             const promises = []
                             data.results.forEach(row => {
                                 if (row.tipo === 'venta') {
-                                    promises.push(this.get().venta(row.id).then(json => {
+                                    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})
@@ -134,7 +139,6 @@
                                         console.error(row)
                                         console.error(error)
                                     }))
-                                    return
                                 }
                                 promises.push(this.get().unidad(row.id).then(json => {
                                     const unidad = json.unidad
@@ -155,7 +159,7 @@
                     },
                     unidad: id => {
                         const url = '{{$urls->api}}/ventas/unidad/' + id
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -163,10 +167,11 @@
                     },
                     venta: id => {
                         const url = '{{$urls->api}}/venta/' + id
-                        return fetch(url).then(response => {
-                            if (response.ok) {
-                                return response.json()
+                        return fetchAPI(url).then(response => {
+                            if (!response) {
+                                return
                             }
+                            return response.json()
                         })
                     }
                 }
@@ -224,6 +229,7 @@
                         parent.append(table)
 
                         this.table = new DataTable(table, {
+                            pageLength: 25,
                             order: [
                                 [0, 'asc'],
                                 [2, 'asc']
@@ -307,6 +313,16 @@
                 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()
@@ -316,15 +332,6 @@
             }
         }
         $(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

@@ -45,15 +45,14 @@
                         if (typeof this.sent.uf[date.toISOString()] !== 'undefined') {
                             return this.sent.uf[date.toISOString()]
                         }
-                        const url = '{{$urls->api}}/money'
+                        const url = '{{$urls->api}}/money/uf'
                         const data = new FormData()
-                        data.set('provider', 'uf')
                         data.set('fecha', date.toISOString())
                         const options = {
                             method: 'post',
                             body: data
                         }
-                        return this.sent.uf[date.toISOString()] = fetch(url, options).then(response => {
+                        return this.sent.uf[date.toISOString()] = fetchAPI(url, options).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -68,14 +67,13 @@
                         }
                         const url = '{{$urls->api}}/money/ipc'
                         const data = new FormData()
-                        data.set('provider', 'ipc')
                         data.set('start', start.toISOString())
                         data.set('end', end.toISOString())
                         const options = {
                             method: 'post',
                             body: data
                         }
-                        return this.sent.ipc[dateKey] = fetch(url, options).then(response => {
+                        return this.sent.ipc[dateKey] = fetchAPI(url, options).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -127,7 +125,7 @@
                 return {
                     unidades: () => {
                         const url = '{{$urls->api}}/venta/' + this.id + '/unidades'
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -233,7 +231,7 @@
                 return {
                     ventas: () => {
                         const url = '{{$urls->api}}/ventas/facturacion/proyecto/' + this.selected
-                        return fetch(url).then(response => {
+                        return fetchAPI(url).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }

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

@@ -2,10 +2,450 @@
 
 @section('page_content')
     <div class="ui container">
-        <form id="venta_form">
-            <div class="field">
-                <label for=""></label>
+        <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: () => {

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

@@ -34,7 +34,7 @@
                 return {
                     pagos: () => {
                         const uri = '{{$urls->api}}/ventas/pagos/pendientes'
-                        fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -138,7 +138,7 @@
                 return {
                     pendientes: () => {
                         const uri = '{{$urls->api}}/ventas/pagos/abonar'
-                        fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -218,7 +218,7 @@
                 return {
                     devueltos: () => {
                         const uri = '{{$urls->api}}/ventas/pagos/rebotes'
-                        fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }

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

@@ -1,51 +1,139 @@
-@extends('layout.base')
+@extends('ventas.base')
 
-@section('page_content')
-    <div class="ui container">
-        <div class="ui two column grid">
-            <h1 class="four wide column header">
-                <div class="content">
-                    <div class="ui dividing sub header">{{$venta->proyecto()->descripcion}}</div>
-                    {{$venta->propiedad()->summary()}}
-                </div>
-            </h1>
-        </div>
-        <h2>Cuotas - Pie</h2>
-        <table class="ui table" id="cuotas">
-            <thead>
-                <tr>
-                    <th>#</th>
-                    <th>Fecha</th>
-                    <th>Fecha ISO</th>
-                    <th>Banco</th>
-                    <th>Identificador</th>
-                    <th>Valor</th>
-                </tr>
-            </thead>
-            <tbody>
-            @foreach ($venta->formaPago()->pie->cuotas() as $cuota)
-                <tr>
-                    <td>{{$cuota->numero}}</td>
-                    <td>
-                        {{$cuota->pago->fecha->format('d-m-Y')}}
-                    </td>
-                    <td>
-                        {{$cuota->pago->fecha->format('Y-m-d')}}
-                    </td>
-                    <td>
-                        {{$cuota->pago->banco->nombre}}
-                    </td>
-                    <td>
-                        {{$cuota->pago->identificador}}
-                    </td>
-                    <td>
-                        {{$format->pesos($cuota->pago->valor)}}
-                    </td>
-                </tr>
-            @endforeach
-            </tbody>
-        </table>
-    </div>
+@section('venta_subtitle')
+    Cuotas - Pie
+@endsection
+
+@section('venta_content')
+    <table class="ui table" id="cuotas">
+        <thead>
+            <tr>
+                <th>#</th>
+                <th>Fecha</th>
+                <th>Fecha ISO</th>
+                <th>Banco</th>
+                <th>Identificador</th>
+                <th class="right aligned">Valor</th>
+                <th class="right aligned">Valor UF</th>
+                <th>Estado</th>
+                <th>Fecha Estado</th>
+                <th>Fecha Estado ISO</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>@php
+            $now = new DateTimeImmutable();
+            $uf_venta = $venta->uf === 0.0 ? $UF->get($venta->currentEstado()->fecha) : $venta->uf;
+        @endphp
+        @foreach ($venta->formaPago()->pie->cuotas() as $cuota)
+            <tr data-pago="{{$cuota->pago->id}}"
+            @if (in_array($cuota->pago->currentEstado->tipoEstadoPago->descripcion, ['anulado', 'reemplazado']))
+                class="disabled"
+            @endif >
+                <td>{{$cuota->numero}}</td>
+                <td>{{$cuota->pago->fecha->format('d-m-Y')}}</td>
+                <td>{{$cuota->pago->fecha->format('Y-m-d')}}</td>
+                <td>{{$cuota->pago->banco->nombre}}</td>
+                <td>{{$cuota->pago->identificador}}</td>
+                <td class="right aligned">{{$format->pesos($cuota->pago->valor)}}</td>
+                <td class="right aligned">
+                    @if ($cuota->pago->currentEstado->tipoEstadoPago->descripcion === 'abonado' and $cuota->pago->currentEstado->fecha <= $now)
+                    {{$format->ufs($cuota->pago->valor())}}
+                    @endif
+                </td>
+                <td
+                    @if ($cuota->pago->currentEstado->tipoEstadoPago->descripcion === 'abonado')
+                        class="green"
+                    @elseif ($cuota->pago->currentEstado->tipoEstadoPago->descripcion === 'depositado')
+                        class="yellow"
+                    @elseif ($cuota->pago->currentEstado->tipoEstadoPago->activo !== 1)
+                        class="red"
+                    @endif
+                >{{ucwords($cuota->pago->currentEstado->tipoEstadoPago->descripcion)}}</td>
+                <td>
+                    @if (in_array($cuota->pago->currentEstado->tipoEstadoPago->descripcion, ['abonado', 'anulado', 'reemplazado']))
+                        {{$cuota->pago->currentEstado->fecha->format('d-m-Y')}}
+                    @elseif (!in_array($cuota->pago->currentEstado->tipoEstadoPago->descripcion, ['anulado', 'reemplazado']))
+                        <div class="ui calendar fecha_estado" data-date="{{$cuota->pago->currentEstado->fecha->format('Y-m-d')}}">
+                            <div class="ui action left icon input">
+                                <i class="calendar icon"></i>
+                                <input type="text" name="fecha_estado" />
+                                <button class="ui green basic icon button accept_estado" data-pago="{{$cuota->pago->id}}" data-estado="{{$cuota->pago->currentEstado->tipoEstadoPago->descripcion}}">
+                                    <i class="check icon"></i>
+                                </button>
+                                @if ($cuota->pago->currentEstado->tipoEstadoPago->descripcion === 'depositado')
+                                    <button class="ui red basic icon button reject_estado" data-pago="{{$cuota->pago->id}}">
+                                        <i class="remove icon"></i>
+                                    </button>
+                                @endif
+                            </div>
+                        </div>
+                    @endif
+                </td>
+                <td>{{$cuota->pago->currentEstado->fecha->format('Y-m-d')}}</td>
+                <td>
+                @if ($cuota->pago->currentEstado->tipoEstadoPago->descripcion !== 'anulado')
+                    <button class="ui mini red icon basic button anular" data-pago="{{$cuota->pago->id}}">
+                        <i class="remove icon"></i>
+                    </button>
+                @endif
+                </td>
+            </tr>
+        @endforeach
+        </tbody>
+        <tfoot>
+        <tr>
+            <th colspan="5">TOTAL</th>
+            <th class="right aligned">
+                {{$format->pesos($total_pesos = array_reduce($venta->formaPago()->pie->cuotas(),
+                    function(float $sum, Incoviba\Model\Venta\Cuota $cuota) {
+                        return $sum + $cuota->pago->valor;
+                    }, 0))}}
+            </th>
+            <th class="right aligned">
+                {{$format->ufs($total = array_reduce($venta->formaPago()->pie->cuotas(),
+                    function(float $sum, Incoviba\Model\Venta\Cuota $cuota) use ($now, $uf_venta) {
+                        return $sum + (($cuota->pago->fecha > $now or $cuota->pago->uf === null) ?
+                            $cuota->pago->valor / $uf_venta :
+                            $cuota->pago->valor());
+                    }, 0.0))}}
+            </th>
+            <th colspan="4"></th>
+        </tr>
+        <tr>
+            <th colspan="5">TOTAL PAGADO</th>
+            <th class="right aligned">
+                {{$format->pesos($pagado_pesos = array_reduce($venta->formaPago()->pie->cuotas(true),
+                    function(int $sum, Incoviba\Model\Venta\Cuota $cuota) {
+                        return $sum + $cuota->pago->valor;
+                    }, 0))}}
+            </th>
+            <th class="right aligned">
+                {{$format->ufs($pagado = array_reduce($venta->formaPago()->pie->cuotas(true),
+                    function(float $sum, Incoviba\Model\Venta\Cuota $cuota) {
+                        return $sum + $cuota->pago->valor();
+                    }, 0.0))}}
+            </th>
+            <th class="right aligned">
+                {{$format->number($pagado / $total * 100, 2)}}%
+            </th>
+            <th colspan="3"></th>
+        </tr>
+        <tr>
+            <th colspan="5">POR PAGAR</th>
+            <th class="right aligned">
+                {{$format->pesos($total_pesos - $pagado_pesos)}}
+            </th>
+            <th class="right aligned">
+                {{$format->ufs($total - $pagado)}}
+            </th>
+            <th class="right aligned">
+                {{$format->number(($total - $pagado) / $total * 100, 2)}}%
+            </th>
+            <th colspan="3"></th>
+        </tr>
+        </tfoot>
+    </table>
 @endsection
 
 @include('layout.body.scripts.datatables')
@@ -53,6 +141,128 @@
 @push('page_scripts')
     <script type="text/javascript">
         $(document).ready(() => {
+            function updateRow({pago_id, fecha, color, estado, remove_fecha=false, add_reject=false, disable=false}) {
+                const tr = $("tr[data-pago='" + pago_id + "']")
+
+                tr.find(':nth-child(7)').attr('class', color).html(estado)
+                if (remove_fecha) {
+                    tr.find(':nth-child(8)').html(fecha)
+                }
+                if (add_reject) {
+                    tr.find(':nth-child(8)>.calendar>.input').append(
+                        $('<button></button>').addClass('ui red basic icon button reject_estado').attr('data-pago', pago_id).append(
+                            $('<i></i>').addClass('remove icon')
+                        ).click(event => {
+                            const target = $(event.currentTarget)
+                            const pago_id = target.data('pago')
+                            const fecha = target.parent().parent().calendar('get date')
+                            devolver(target, pago_id, fecha)
+                        })
+                    )
+                }
+                if (disable) {
+                    tr.addClass('disabled')
+                    tr.find(':nth-child(9)').html('')
+                }
+                return tr
+            }
+            function depositar(button, pago_id, fecha) {
+                const url = '{{$urls->api}}/ventas/pago/' + pago_id + '/depositar'
+                const body = new FormData()
+                body.set('fecha', fecha.toISOString())
+                return fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    return response.json().then(json => {
+                        if (!json.depositado) {
+                            return
+                        }
+                        updateRow({pago_id: json.pago_id, fecha: json.input.fecha, estado: 'Depositado', color: 'yellow', add_reject: true})
+                        button.attr('data-estado', 'depositado')
+                    })
+                })
+            }
+            function abonar(pago_id, fecha) {
+                const url = '{{$urls->api}}/ventas/pago/' + pago_id + '/abonar'
+                const body = new FormData()
+                body.set('fecha', fecha.toISOString())
+                return fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    return response.json().then(json => {
+                        if (!json.abonado) {
+                            return
+                        }
+                        updateRow({pago_id: json.pago_id, fecha: json.input.fecha, estado: 'Abonado', color: 'green', remove_fecha: true})
+                    })
+                })
+            }
+            function anular(pago_id) {
+                const url = '{{$urls->api}}/ventas/pago/' + pago_id + '/anular'
+                return fetchAPI(url).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    return response.json().then(json => {
+                        if (!json.anulado) {
+                            return
+                        }
+                        updateRow({pago_id: json.pago_id, fecha: json.fecha, estado: 'Anulado', color: 'red', remove_fecha: true, disable: true})
+                        /*const tr = $("button[data-id='" + json.pago_id + "']").parent().parent()
+                        tr.addClass('disabled')
+                        tr.find(':nth-child(7)').addClass('red').html('Anulado')
+                        tr.find(':nth-child(8)').html(json.fecha)
+                        tr.find(':nth-child(9)').html('')*/
+                    })
+                })
+            }
+            function devolver(button, pago_id, fecha) {
+                const url = '{{$urls->api}}/ventas/pago/' + pago_id + '/devolver'
+                const body = new FormData()
+                body.set('fecha', fecha.toISOString())
+                return fetchAPI(url, {method: 'post', body}).then(response => {
+                    if (!response) {
+                        return
+                    }
+                    return response.json().then(json => {
+                        if (!json.devuelto) {
+                            return
+                        }
+                        updateRow({pago_id: json.pago_id, fecha: json.input.fecha, estado: 'Devuelto', color: 'red'})
+                        button.parent().find('.accept_estado').attr('data-estado', 'devuelto')
+                        button.remove()
+                    })
+                })
+            }
+            $('.fecha_estado').calendar({
+                type: 'date',
+                formatter: {
+                    date: 'DD-MM-YYYY'
+                }
+            })
+            $('.accept_estado').click(event => {
+                const target = $(event.currentTarget)
+                const pago_id = target.data('pago')
+                const fecha = target.parent().parent().calendar('get date')
+
+                if (target.attr('data-estado') === 'depositado') {
+                    return abonar(pago_id, fecha)
+                }
+                return depositar(target, pago_id, fecha)
+            })
+            $('.reject_estado').click(event => {
+                const target = $(event.currentTarget)
+                const pago_id = target.data('pago')
+                const fecha = target.parent().parent().calendar('get date')
+                devolver(target, pago_id, fecha)
+            })
+            $('.anular').click(event => {
+                const pago_id = $(event.currentTarget).data('pago')
+                anular(pago_id)
+            })
+
             new DataTable('#cuotas', {
                 language: {
                     info: 'Mostrando página _PAGE_ de _PAGES_',
@@ -62,11 +272,25 @@
                     zeroRecords: 'No se encotró cuotas con ese criterio',
                     search: 'Buscar: '
                 },
+                pageLength: "25",
                 columnDefs: [
+                    {
+                        target: 1,
+                        orderData: [2]
+                    },
                     {
                         target: 2,
                         visible: false,
                         searchable: false
+                    },
+                    {
+                        target: 8,
+                        orderData: [9]
+                    },
+                    {
+                        target: 9,
+                        visible: false,
+                        searchable: false
                     }
                 ],
                 order: [

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

@@ -1,93 +1,86 @@
-@extends('layout.base')
+@extends('ventas.base')
 
-@section('page_content')
-    <div class="ui container">
-        <div class="ui two column grid">
-            <h1 class="four wide column header">
-                <div class="content">
-                    <div class="ui dividing sub header">{{$venta->proyecto()->descripcion}}</div>
-                    {{$venta->propiedad()->summary()}}
-                </div>
-            </h1>
-        </div>
-        <h2>Agregar Cuotas - Pie</h2>
-        <form class="ui form" id="add_form" action="{{$urls->base}}/ventas/pie/{{$pie->id}}/cuotas/add" method="post">
-            <table class="ui table">
-                <thead>
-                    <tr>
-                        <th>#</th>
-                        <th>Fecha</th>
-                        <th>Banco</th>
-                        <th>Identificador</th>
-                        <th>Valor</th>
-                    </tr>
-                </thead>
-                <tbody id="cuotas">
-                @for ($i = count($pie->cuotas()); $i < $pie->cuotas - count($pie->cuotas()); $i ++)
-                    <tr>
-                        <td>{{$i + 1}}</td>
-                        <td>
-                            <div class="inline field">
-                                <div class="ui calendar fecha" data-index="{{$i}}">
-                                    <div class="ui icon input">
-                                        <input type="text" name="fecha{{$i}}" />
-                                        <i class="calendar icon"></i>
-                                    </div>
-                                </div>
-                                <button class="ui mini compact basic icon button copy fecha" type="button" data-index="{{$i}}">
-                                    <i class="down arrow icon"></i>
-                                </button>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="ui search selection dropdown banco" data-index="{{$i}}">
-                                <input type="hidden" name="banco{{$i}}" />
-                                <i class="dropdown icon"></i>
-                                <div class="default text">Banco</div>
-                                <div class="menu">
-                                    @foreach ($bancos as $banco)
-                                        @if ($banco->nombre === '')
-                                            @continue
-                                        @endif
-                                        <div class="item" data-value="{{$banco->id}}">{{$banco->nombre}}</div>
-                                    @endforeach
+@section('venta_subtitle')
+    Agregar Cuotas - Pie
+@endsection
+
+@section('venta_content')
+    <form class="ui form" id="add_form" action="{{$urls->base}}/ventas/pie/{{$pie->id}}/cuotas/add" method="post">
+        <table class="ui table">
+            <thead>
+                <tr>
+                    <th>#</th>
+                    <th>Fecha</th>
+                    <th>Banco</th>
+                    <th>Identificador</th>
+                    <th>Valor</th>
+                </tr>
+            </thead>
+            <tbody id="cuotas">
+            @for ($i = count($pie->cuotas(vigentes: true)); $i < $pie->cuotas; $i ++)
+                <tr>
+                    <td>{{$i + 1}}</td>
+                    <td>
+                        <div class="inline field">
+                            <div class="ui calendar fecha" data-index="{{$i}}">
+                                <div class="ui icon input">
+                                    <input type="text" name="fecha{{$i}}" />
+                                    <i class="calendar icon"></i>
                                 </div>
                             </div>
-                            <button class="ui mini compact basic icon button copy banco" type="button" data-index="{{$i}}">
+                            <button class="ui mini compact basic icon button copy fecha" type="button" data-index="{{$i}}">
                                 <i class="down arrow icon"></i>
                             </button>
-                        </td>
-                        <td>
-                            <div class="ui input">
-                                <input type="text" name="identificador{{$i}}" />
+                        </div>
+                    </td>
+                    <td>
+                        <div class="ui search selection dropdown banco" data-index="{{$i}}">
+                            <input type="hidden" name="banco{{$i}}" />
+                            <i class="dropdown icon"></i>
+                            <div class="default text">Banco</div>
+                            <div class="menu">
+                                @foreach ($bancos as $banco)
+                                    @if ($banco->nombre === '')
+                                        @continue
+                                    @endif
+                                    <div class="item" data-value="{{$banco->id}}">{{$banco->nombre}}</div>
+                                @endforeach
                             </div>
-                        </td>
-                        <td>
-                            <div class="inline field">
-                                <div class="ui left labeled input">
-                                    <div class="ui label">$</div>
-                                    <input type="text" name="valor{{$i}}" />
-                                </div>
-                                <button class="ui mini compact basic icon button copy valor" type="button" data-index="{{$i}}">
-                                    <i class="down arrow icon"></i>
-                                </button>
+                        </div>
+                        <button class="ui mini compact basic icon button copy banco" type="button" data-index="{{$i}}">
+                            <i class="down arrow icon"></i>
+                        </button>
+                    </td>
+                    <td>
+                        <div class="ui input">
+                            <input type="text" name="identificador{{$i}}" />
+                        </div>
+                    </td>
+                    <td>
+                        <div class="inline field">
+                            <div class="ui left labeled input">
+                                <div class="ui label">$</div>
+                                <input type="text" name="valor{{$i}}" />
                             </div>
-                        </td>
-                    </tr>
-                @endfor
-                </tbody>
-                <tfoot>
-                    <tr>
-                        <td colspan="5">
-                            <button class="ui button" type="submit">
-                                Agregar
+                            <button class="ui mini compact basic icon button copy valor" type="button" data-index="{{$i}}">
+                                <i class="down arrow icon"></i>
                             </button>
-                        </td>
-                    </tr>
-                </tfoot>
-            </table>
-        </form>
-    </div>
+                        </div>
+                    </td>
+                </tr>
+            @endfor
+            </tbody>
+            <tfoot>
+                <tr>
+                    <td colspan="5">
+                        <button class="ui button" type="submit">
+                            Agregar
+                        </button>
+                    </td>
+                </tr>
+            </tfoot>
+        </table>
+    </form>
 @endsection
 
 @include('layout.body.scripts.dayjs')
@@ -112,7 +105,7 @@
                 const index = $(event.currentTarget).data('index')
                 const calendar = $(".fecha.calendar[data-index='" + index + "']")
                 const fecha = calendar.calendar('get date')
-                for (let i = index + 1; i < {{$pie->cuotas - count($pie->cuotas())}}; i ++) {
+                for (let i = index + 1; i < {{$pie->cuotas}}; i ++) {
                     setDate(i - index, $(".fecha.calendar[data-index='" + i + "']"), fecha)
                 }
             })
@@ -120,7 +113,7 @@
             $('.copy.banco').click(event => {
                 const index = $(event.currentTarget).data('index')
                 const banco = $(".banco.dropdown[data-index='" + index + "']").dropdown('get value')
-                for (let i = index + 1; i < {{$pie->cuotas - count($pie->cuotas())}}; i ++) {
+                for (let i = index + 1; i < {{$pie->cuotas}}; i ++) {
                     $(".banco.dropdown[data-index='" + i + "']").dropdown('set selected', banco)
                 }
             })
@@ -133,7 +126,7 @@
             $('.copy.valor').click(event => {
                 const index = $(event.currentTarget).data('index')
                 const valor = $("[name='valor" + index + "']").val()
-                for (let i = index + 1; i < {{$pie->cuotas - count($pie->cuotas())}}; i ++) {
+                for (let i = index + 1; i < {{$pie->cuotas}}; i ++) {
                     $("[name='valor" + i + "']").val(valor)
                 }
             })

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

@@ -0,0 +1,43 @@
+@extends('ventas.base')
+
+@section('venta_subtitle')
+    Pie
+@endsection
+
+@section('venta_content')
+    <form class="ui form" id="edit_pie">
+        <div class="three wide field">
+            <label for="valor">Valor</label>
+            <div class="ui right labeled input">
+                <input type="text" name="valor" id="valor" value="{{$venta->formaPago()->pie->valor}}" />
+                <div class="ui basic label">UF</div>
+            </div>
+        </div>
+        <div class="three wide field">
+            <label for="cuotas"># Cuotas</label>
+            <input type="number" name="cuotas" id="cuotas" value="{{$venta->formaPago()->pie->cuotas}}" />
+        </div>
+        <button class="ui button">Editar</button>
+    </form>
+@endsection
+
+@push('page_scripts')
+    <script>
+        $(document).ready(() => {
+            $('#edit_pie').submit(event => {
+                event.preventDefault()
+                const data = new FormData(event.currentTarget)
+                fetchAPI('{{$urls->api}}/ventas/pie/{{$venta->formaPago()->pie->id}}/edit', {method: 'post', body: data}).then(response => {
+                    if (response.ok) {
+                        return response.json()
+                    }
+                }).then(json => {
+                    if (json.edited) {
+                        window.location = '{{$urls->base}}/venta/{{$venta->id}}'
+                    }
+                })
+                return false
+            })
+        })
+    </script>
+@endpush

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

@@ -339,7 +339,7 @@
 
                         $(this.ids.buttons.add).hide()
 
-                        return fetch('{{$urls->api}}/proyectos').then(response => {
+                        return fetchAPI('{{$urls->api}}/proyectos').then(response => {
                             if (response.ok) {
                                 return response.json()
                             }
@@ -357,7 +357,7 @@
                     },
                     precios: proyecto_id => {
                         this.data.precios = []
-                        return fetch('{{$urls->api}}/ventas/precios',
+                        return fetchAPI('{{$urls->api}}/ventas/precios',
                             {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({proyecto_id})}
                         ).then(response => {
                             $('.item.proyecto').css('cursor', 'default')
@@ -639,7 +639,7 @@
                             fecha: $(this.ids.fields.calendar).calendar('get date'),
                             valor: $(this.ids.fields.valor).val()
                         }
-                        return fetch('{{$urls->api}}/precios/update',
+                        return fetchAPI('{{$urls->api}}/precios/update',
                             {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data)}
                         ).then(response => {
                             if (response.ok) {

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

@@ -2,12 +2,18 @@
 
 @section('page_content')
     <div class="ui container">
-        <h2>Editar Propiedad - {{$proyecto->descripcion}} {{$propiedad->summary()}}</h2>
+        <h2 class="ui header">
+            Editar Propiedad - {{$proyecto->descripcion}}
+            <a href="{{$urls->base}}/venta/{{$venta->id}}">
+                {{$propiedad->summary()}}
+            </a>
+        </h2>
         <table class="ui table">
             <thead>
                 <tr>
                     <th>Tipo</th>
                     <th>Unidad</th>
+                    <th>Valor</th>
                     <th class="right aligned">
                         <button class="ui small green circular icon button" id="add_unidad">
                             <i class="plus icon"></i>
@@ -15,13 +21,19 @@
                     </th>
                 </tr>
             </thead>
-            <tbody>
+            <tbody id="unidades">
             @foreach($propiedad->unidades as $unidad)
                 <tr>
                     <td>{{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}</td>
                     <td>{{$unidad->descripcion}}</td>
+                    <td>
+                        <div class="ui right labeled input">
+                            <input type="text" name="precio{{$unidad->pu_id}}" class="precio" data-pid="{{$unidad->pu_id}}" value="{{($unidad->valor > 0) ? $unidad->valor : $unidad->precio($venta->fecha)->valor}}" />
+                            <div class="ui basic label">UF</div>
+                        </div>
+                    </td>
                     <td class="right aligned">
-                        <button class="ui small red circular icon button remove_unidad" data-id="{{$unidad->id}}">
+                        <button class="ui small red circular icon button remove_unidad" data-pid="{{$unidad->pu_id}}">
                             <i class="remove icon"></i>
                         </button>
                     </td>
@@ -33,7 +45,7 @@
     <div class="ui modal" id="add_modal">
         <div class="content">
             <h3 class="header">Agregar</h3>
-            <div class="ui form" id="add_form">
+            <form class="ui form" id="add_form">
                 <div class="field">
                     <label for="tipo">Tipo</label>
                     <select id="tipo" name="tipo" class="ui search selection dropdown">
@@ -46,59 +58,195 @@
                     <label for="unidad">Unidad</label>
                     <select id="unidad" name="unidad" class="ui search selection dropdown" size="4"></select>
                 </div>
-                <button class="ui button">Agregar</button>
-            </div>
+                <div class="field">
+                    <label for="valor">Valor Venta</label>
+                    <input id="valor" type="text" name="valor" />
+                </div>
+            </form>
+        </div>
+        <div class="actions">
+            <button class="ui approve button">Agregar</button>
         </div>
     </div>
 @endsection
 
 @push('page_scripts')
     <script type="text/javascript">
-        const unidades = {
-        @foreach($tiposUnidades as $tipoUnidad)
-            {{$tipoUnidad->id}}: [
-                @foreach($unidades as $unidad)
-                    @if ($unidad->proyectoTipoUnidad->tipoUnidad->id === $tipoUnidad->id)
-                        {
-                            value: {{$unidad->id}},
-                            text: '{{$unidad->descripcion}}',
-                            name: '{{$unidad->descripcion}}'
-                        },
-                    @endif
+        const propiedad = {
+            unidades: [
+                @foreach($propiedad->unidades as $unidad)
+                {
+                    id: {{$unidad->id}},
+                    tipo: '{{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}',
+                    tipo_id: {{$unidad->proyectoTipoUnidad->tipoUnidad->id}},
+                    descripcion: '{{$unidad->descripcion}}',
+                    pid: {{$unidad->pu_id}},
+                    valor: {{($unidad->valor > 0) ? $unidad->valor : $unidad->precio($venta->fecha)->valor}}
+                },
                 @endforeach
             ],
-        @endforeach
-        }
-        function changeTipoUnidad(tipo_unidad_id) {
-            $('#unidad').dropdown('change values', unidades[tipo_unidad_id].sort((a, b) => a.text.padStart(4, '0').localeCompare(b.text.padStart(4, '0'))))
-        }
-        function addUnidad() {
-            $('#add_modal').modal('show')
-        }
-        function removeUnidad(unidad_id) {
-            console.debug(unidad_id)
+            tipos: {
+                @foreach($tiposUnidades as $tipoUnidad)
+                        {{$tipoUnidad->id}}: [
+                        @foreach($unidades as $unidad)
+                        @if ($unidad->proyectoTipoUnidad->tipoUnidad->id === $tipoUnidad->id)
+                    {
+                        value: {{$unidad->id}},
+                        text: '{{$unidad->descripcion}}',
+                        name: '{{$unidad->descripcion}}'
+                    },
+                    @endif
+                    @endforeach
+                ],
+                @endforeach
+            },
+            changeTipoUnidad: function(tipo_unidad_id) {
+                $('#unidad').dropdown('change values', this.tipos[tipo_unidad_id].sort((a, b) => a.text.padStart(4, '0').localeCompare(b.text.padStart(4, '0'))))
+            },
+            addUnidad: function() {
+                $('#add_modal').modal('show')
+            },
+            doAddUnidad: function() {
+                const url = '{{$urls->api}}/ventas/propiedades/unidades/add'
+                const data = new FormData(document.getElementById('add_form'))
+                data.set('propiedad', {{$propiedad->id}})
+                return fetchAPI(url, {method: 'post', body: data}).then(response => {
+                    if (response.ok) {
+                        return response.json()
+                    }
+                }).then(json => {
+                    if (!json.added) {
+                        return
+                    }
+                    const tipo = json.propiedad_unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
+                    this.unidades.push({
+                        id: json.propiedad_unidad.id,
+                        tipo: tipo.charAt(0).toUpperCase() + tipo.slice(1),
+                        tipo_id: json.propiedad_unidad.proyecto_tipo_unidad.tipo_unidad.id,
+                        descripcion: json.propiedad_unidad.descripcion,
+                        pid: json.propiedad_unidad.pu_id,
+                        valor: parseFloat(json.propiedad_unidad.valor)
+                    })
+                    this.draw()
+                    const idx = this.tipos[json.propiedad_unidad.proyecto_tipo_unidad.tipo_unidad.id].findIndex(unidad => unidad.value === json.propiedad_unidad.id)
+                    this.tipos[json.propiedad_unidad.proyecto_tipo_unidad.tipo_unidad.id].splice(idx,1)
+                })
+            },
+            removeUnidad: function(unidad_id) {
+                const url = '{{$urls->api}}/ventas/propiedades/unidad/' + unidad_id
+                return fetchAPI(url, {method: 'delete'}).then(response => {
+                    if (response.ok) {
+                        return response.json()
+                    }
+                }).then(json => {
+                    if (!json.removed) {
+                        return
+                    }
+                    const idx = this.unidades.findIndex(unidad => unidad.pid === json.propiedad_unidad_id)
+                    const unidad = this.unidades.splice(idx,1)[0]
+                    this.draw()
+                    this.tipos[unidad.tipo_id].push({
+                        value: unidad.id,
+                        text: unidad.descripcion,
+                        name: unidad.descripcion
+                    })
+                })
+            },
+            updatePrecio: function(pid, valor) {
+                const idx = this.unidades.findIndex(unidad => unidad.pid === pid)
+                if (idx === -1) {
+                    return
+                }
+                const old_value = this.unidades[idx].valor
+                if (old_value === parseFloat(valor)) {
+                    return
+                }
+                const url = '{{$urls->api}}/ventas/propiedades/unidad/' + pid + '/edit'
+                const data = new FormData()
+                data.set('valor', valor)
+                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].valor = parseFloat(json.input.valor)
+                    this.draw()
+                })
+            },
+            draw: function() {
+                const tbody = $('#unidades')
+                tbody.html('')
+                this.unidades.forEach(unidad => {
+                    const row = $('<tr></tr>').append(
+                        $('<td></td>').html(unidad.tipo)
+                    ).append(
+                        $('<td></td>').html(unidad.descripcion)
+                    ).append(
+                        $('<td></td>').append(
+                            $('<div></div>').addClass('ui right labeled input').append(
+                                $('<input />').addClass('precio').attr('type', 'text').attr('data-pid', unidad.pid).attr('value', unidad.valor)
+                            ).append(
+                                $('<div></div>').addClass('ui basic label').html('UF')
+                            )
+                        )
+                    ).append(
+                        $('<td></td>').addClass('right aligned').append(
+                            $('<button></button>').addClass('ui small red circular icon button remove_unidad').attr('data-pid', unidad.pid).append(
+                                $('<i></i>').addClass('remove icon')
+                            )
+                        )
+                    )
+                    tbody.append(row)
+                })
+                $('.price').change(event => {
+                    const pid = $(event.currentTarget).data('pid')
+                    const val = $(event.currentTarget).val()
+                    this.updatePrecio(pid, val)
+                })
+                $('.remove_unidad').click(event => {
+                    const unidad_id = $(event.currentTarget).data('pid')
+                    this.removeUnidad(unidad_id)
+                })
+            },
+            setup: function() {
+                $('#add_unidad').click(event => {
+                    this.addUnidad()
+                })
+                $('.remove_unidad').click(event => {
+                    const unidad_id = $(event.currentTarget).data('pid')
+                    this.removeUnidad(unidad_id)
+                })
+                $('#add_modal').modal({
+                    onApprove: ($element) => {
+                        this.doAddUnidad()
+                    }
+                })
+                const tipo = $('#tipo')
+                tipo.dropdown()
+                tipo.change(event => {
+                    this.changeTipoUnidad(tipo.val())
+                })
+                $('#unidad').dropdown()
+                this.changeTipoUnidad(tipo.val())
+                $('#add_form').submit(event => {
+                    event.preventDefault()
+                    this.doAddUnidad()
+                    tipo.modal('hide')
+                    return false
+                })
+                $('.precio').change(event => {
+                    const pid = $(event.currentTarget).data('pid')
+                    const val = $(event.currentTarget).val()
+                    this.updatePrecio(pid, val)
+                })
+            }
         }
         $(document).ready(() => {
-            $('#add_unidad').click(event => {
-                addUnidad()
-            })
-            $('.remove_unidad').click(event => {
-                const unidad_id = $(event.currentTarget).data('id')
-                removeUnidad(unidad_id)
-            })
-            $('#add_modal').modal()
-            const tipo = $('#tipo')
-            tipo.dropdown()
-            tipo.change(event => {
-                changeTipoUnidad(tipo.val())
-            })
-            $('#unidad').dropdown()
-            changeTipoUnidad(tipo.val())
-            $('#add_form').submit(event => {
-                event.preventDefault()
-                tipo.model('hide')
-                return false
-            })
+            propiedad.setup()
         })
     </script>
 @endpush

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

@@ -79,7 +79,7 @@ Editar Propietario
         const original_id = $("[name='comuna']").val()
         const uri = '{{$urls->api}}/direcciones/comunas/find'
         const data = {direccion}
-        return fetch(uri,
+        return fetchAPI(uri,
             {method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data)}
         ).then(response => {
             if (response.ok) {
@@ -101,7 +101,7 @@ Editar Propietario
         const parent = $('#comunas')
         parent.hide()
         const uri = '{{$urls->api}}/direcciones/region/' + region_id + '/comunas'
-        return fetch(uri).then(response => {
+        return fetchAPI(uri).then(response => {
             if (response.ok) {
                 return response.json()
             }
@@ -195,7 +195,7 @@ Editar Propietario
             redirect()
             return
         }
-        return fetch(uri,
+        return fetchAPI(uri,
             {method: 'put', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data)}
         ).then(response => {
             if (response.ok) {

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

@@ -1,10 +1,39 @@
-@extends('layout.base')
+@extends('ventas.base')
 
-@section('page_title')
-    Venta {{$venta->proyecto()->descripcion}} {{$venta->propiedad()->summary()}}
+@php
+$showPropietario = true;
+@endphp
+
+@section('venta_content')
+    <div class="ui fitted basic mini segment">
+        @if ($venta->currentEstado()->tipoEstadoVenta->activa)
+            <a href="{{$urls->base}}/venta/{{$venta->id}}/desistir">
+                Desistir <i class="minus icon"></i>
+            </a>
+            <a href="{{$urls->base}}/venta/{{$venta->id}}/ceder">
+                Ceder <i clasS="right chevron icon"></i>
+            </a>
+        @else
+            <div class="ui red icon label">
+                <i class="ban icon"></i>
+                {{ucwords($venta->currentEstado()->tipoEstadoVenta->descripcion)}}
+                (<a href="{{$urls->base}}/venta/{{$venta->id}}/desistida">
+                    {{$format->pesos($venta->resciliacion()->valor)}}
+                </a>)
+            </div>
+        @endif
+    </div>
+    <div class="ui segments">
+        @include('ventas.show.propiedad')
+        @include('ventas.show.detalle')
+        @include('ventas.show.forma_pago', ['formaPago' => $venta->formaPago()])
+        @include('ventas.show.escritura')
+        @include('ventas.show.entrega')
+        @include('ventas.show.comentarios')
+    </div>
 @endsection
 
-@section('page_content')
+{{--@section('page_content')
     <div class="ui container">
         <div class="ui two column grid">
             <h1 class="four wide column header">
@@ -26,6 +55,14 @@
             <a href="{{$urls->base}}/venta/{{$venta->id}}/ceder">
                 Ceder <i clasS="right chevron icon"></i>
             </a>
+            @else
+                <div class="ui red icon label">
+                    <i class="ban icon"></i>
+                    {{ucwords($venta->currentEstado()->tipoEstadoVenta->descripcion)}}
+                    (<a href="{{$urls->base}}/venta/{{$venta->id}}/desistida">
+                        {{$format->pesos($venta->resciliacion()->valor)}}
+                    </a>)
+                </div>
             @endif
         </div>
         <div class="ui segments">
@@ -37,4 +74,4 @@
             @include('ventas.show.comentarios')
         </div>
     </div>
-@endsection
+@endsection--}}

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

@@ -48,7 +48,7 @@
                 return {
                     comentarios: () => {
                         const uri = '{{$urls->api}}/venta/{{$venta->id}}/comentarios'
-                        return fetch(uri).then(response => {
+                        return fetchAPI(uri).then(response => {
                             if (response.ok) {
                                 return response.json()
                             }

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

@@ -4,19 +4,28 @@
 @if (in_array($venta->currentEstado()->tipoEstadoVenta->descripcion, ['escriturando', 'firmado por inmobiliaria', 'archivado']))
     <div class="ui segment">
         Escriturado {{$venta->currentEstado()->fecha->format('d-m-Y')}}
-        <a href="{{$urls->base}}/venta/{{$venta->id}}/escritura/informe">
+        <sub>
+            <a href="{{$urls->base}}/ventas/escritura/{{$venta->id}}" class="ui icon link">
+                <i class="small edit icon"></i>
+            </a>
+        </sub>
+        <a href="{{$urls->base}}/ventas/escritura/{{$venta->id}}/informe">
             Informe
             <i class="right chevron icon"></i>
         </a>
         <br />
-        <a href="{{$urls->base}}/venta{{$venta->id}}/escritura/firmar">
+        <a href="{{$urls->base}}/venta/{{$venta->id}}/escritura/firmar">
             Firmar
         </a>
+        <br />
+        <a href="{{$urls->base}}/ventas/factura/{{$venta->id}}">
+            Factura
+        </a>
     </div>
 @else
     <div class="ui segment">
         <a href="{{$urls->base}}/venta/{{$venta->id}}/escriturar">
-            Escriturar
+            Escriturar <i class="right chevron icon"></i>
         </a>
     </div>
 @endif

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

@@ -176,7 +176,7 @@
             modal.find('.ui.button').click(event => {
                 modal.modal('hide')
                 const date = modal.find('#fecha').val()
-                return fetch(uri,
+                return fetchAPI(uri,
                     {method: 'put', body: JSON.stringify({fecha: date}), headers: {'Content-Type': 'application/json'}}
                 ).then(response => {
                     anchor.css('pointer-events', '')
@@ -206,7 +206,7 @@
             modal.modal('show')
             modal.find('.ui.button').click(event => {
                 const date = modal.find('#fecha').val()
-                return fetch(uri,
+                return fetchAPI(uri,
                     {method: 'put', body: JSON.stringify({fecha: date}), headers: {'Content-Type': 'application/json'}}
                 ).then(response => {
                     anchor.css('pointer-events', '')

app/resources/views/ventas/show/forma_pago/bono_pie.blade.php

@@ -2,9 +2,11 @@
     <td>
         Bono Pie
         @if ($bonoPie !== null)
-            <a href="{{$urls->base}}/venta/{{$venta->id}}/bono_pie">
-                <i class="edit button"></i>
-            </a>
+            <sub>
+                <a href="{{$urls->base}}/venta/{{$venta->id}}/bono_pie">
+                    <i class="edit button"></i>
+                </a>
+            </sub>
         @else
             <a href="{{$urls->base}}/venta/{{$venta->id}}/bono_pie/add">
                 <i class="add icon"></i>

app/resources/views/ventas/show/forma_pago/credito.blade.php

@@ -2,9 +2,11 @@
     <td>
         Crédito
         @if ($credito !== null)
-            <a href="{{$urls->base}}/venta/{{$venta->id}}/credito">
-                <i class="edit icon"></i>
-            </a>
+            <sub>
+                <a href="{{$urls->base}}/venta/{{$venta->id}}/credito">
+                    <i class="edit icon"></i>
+                </a>
+            </sub>
         @else
             <a href="{{$urls->base}}/venta/{{$venta->id}}/credito/add">
                 <i class="plus icon"></i>

app/resources/views/ventas/show/forma_pago/escritura.blade.php

@@ -2,9 +2,11 @@
     <td>
         Escritura
         @if ($escritura !== null)
-            <a href="{{$urls->base}}/venta/{{$venta->id}}/escritura">
-                <i class="edit icon"></i>
-            </a>
+            <sub>
+                <a href="{{$urls->base}}/venta/{{$venta->id}}/escritura">
+                    <i class="edit icon"></i>
+                </a>
+            </sub>
         @else
             <a href="{{$urls->base}}/venta/{{$venta->id}}/escritura/add">
                 <i class="plus icon"></i>

app/resources/views/ventas/show/forma_pago/pie.blade.php

@@ -2,9 +2,11 @@
 <tr>
     <td>
         Pie
-        <a href="{{$urls->base}}/venta/{{$venta->id}}/pie">
-            <i class="edit icon"></i>
-        </a>
+        <sub>
+            <a href="{{$urls->base}}/venta/{{$venta->id}}/pie">
+                <i class="edit icon"></i>
+            </a>
+        </sub>
     </td>
     <td></td>
     <td class="right aligned">{{$format->ufs($pie->valor)}}</td>
@@ -12,7 +14,7 @@
     <td class="right aligned">Cuotas</td>
     <td>
         <a href="{{$urls->base}}/venta/{{$venta->id}}/pie/cuotas">
-            {{count($pie->cuotas(true))}}/{{$pie->cuotas}}
+            <span data-tooltip="Pagadas">{{count($pie->cuotas(true))}}</span>/{{$pie->cuotas}}
         </a>
         @if (count($pie->cuotas()) < $pie->cuotas)
             <a href="{{$urls->base}}/ventas/pie/{{$pie->id}}/cuotas/add">
@@ -28,4 +30,13 @@
     <td class="right aligned">{{$format->pesos($pie->pagado('pesos'))}}</td>
     <td colspan="2"></td>
 </tr>
+@if ($pie->reajuste)
+<tr>
+    <td>Reajuste</td>
+    <td></td>
+    <td class="right aligned">{{$format->ufs($pie->reajuste->valor())}}</td>
+    <td class="right aligned">{{$format->pesos($pie->reajuste->valor)}}</td>
+    <td colspan="2"></td>
+</tr>
+@endif
 @endif

app/resources/views/ventas/show/forma_pago/subsidio.blade.php

@@ -6,9 +6,11 @@
     >
         Subsidio
         @if ($subsidio !== null)
-            <a href="{{$urls->base}}/venta/{{$venta->id}}/subsidio">
-                <i class="edit icon"></i>
-            </a>
+            <sub>
+                <a href="{{$urls->base}}/venta/{{$venta->id}}/subsidio">
+                    <i class="edit icon"></i>
+                </a>
+            </sub>
         @else
             <a href="{{$urls->base}}/venta/{{$venta->id}}/subsidio/add">
                 <i class="plus icon"></i>

app/resources/views/ventas/show/forma_pago/total.blade.php

@@ -12,8 +12,11 @@
     </td>
     <td class="right aligned">
         <strong>
-            {{$format->pesos($formaPago->total('pesos'))}}
+            {{$format->pesos($formaPago->total('pesos') - (($formaPago->bonoPie) ? $formaPago->bonoPie->pago->valor : 0))}}
         </strong>
+        @if ($formaPago->bonoPie)
+        <sup>*</sup>
+        @endif
     </td>
     <td class="right aligned" >
         @if (abs($venta->saldo() / $venta->valor) > 0.01)
@@ -26,3 +29,13 @@
     </td>
     <td></td>
 </tr>
+@if ($formaPago->bonoPie)
+<tr>
+    <td colspan="6">
+        <span class="ui small text">
+            <sup>*</sup>
+            Total en pesos no incluye Promociones como Bono Pie
+        </span>
+    </td>
+</tr>
+@endif

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

@@ -16,12 +16,16 @@
             <th class="center aligned">Piso</th>
             <th class="right aligned">Metros vendibles</th>
             <th class="right aligned">Precio</th>
+            <th class="right aligned">Valor Venta</th>
             <th class="right aligned">UF/m²</th>
             <th class="center aligned">Orientacion</th>
         </tr>
         </thead>
         <tbody>
         @foreach($venta->propiedad()->unidades as $unidad)
+            @php
+            $precio = $unidad->precio($venta->fecha) ? $unidad->precio($venta->fecha)->valor : 0;
+            @endphp
             <tr>
                 <td>
                     {{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}
@@ -39,11 +43,14 @@
                     {{$format->number($unidad->proyectoTipoUnidad->vendible(), 2)}} m²
                 </td>
                 <td class="right aligned">
-                    {{$format->ufs($unidad->precio($venta->fecha)->valor)}}
+                    {{$format->ufs($precio)}}
+                </td>
+                <td class="right aligned">
+                    {{$format->ufs($unidad->valor)}}
                 </td>
                 <td class="right aligned">
                     @if ($unidad->proyectoTipoUnidad->tipoUnidad->descripcion === 'departamento')
-                        {{$format->number($unidad->precio($venta->fecha)->valor / $unidad->proyectoTipoUnidad->vendible(), 2)}} UF/m²
+                        {{$format->number(($unidad->valor ?? $precio) / $unidad->proyectoTipoUnidad->vendible(), 2)}} UF/m²
                     @endif
                 </td>
                 <td class="center aligned">

app/setup/middlewares/01_auth.php

@@ -1,2 +1,2 @@
 <?php
-$app->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));
+//$app->add($app->getContainer()->get(Incoviba\Middleware\Authentication::class));

app/setup/settings/folders.php

@@ -6,7 +6,9 @@ return [
             'resources' => DI\String('{base}/resources'),
             'routes' => DI\String('{resources}/routes'),
             'cache' => DI\String('{base}/cache'),
-            'templates' => DI\String('{resources}/views')
+            'templates' => DI\String('{resources}/views'),
+            'public' => DI\String('{base}/public'),
+            'uploads' => DI\String('{public}/uploads')
         ]);
     }
 ];

app/setup/settings/nubox.php

@@ -0,0 +1,8 @@
+<?php
+return [
+    'nubox' => function() {
+        return new DI\Container([
+            'url' => 'https://api.nubox.com/Nubox.API'
+        ]);
+    }
+];

app/setup/setups/logs.php

@@ -5,19 +5,25 @@ return [
     Psr\Log\LoggerInterface::class => function(ContainerInterface $container) {
         return new Monolog\Logger('incoviba', [
             new Monolog\Handler\FilterHandler(
-                (new Monolog\Handler\RotatingFileHandler('/logs/debug.log'))
+                (new Monolog\Handler\RotatingFileHandler('/logs/debug.log', 10))
                     ->setFormatter(new Monolog\Formatter\LineFormatter(null, null, false, false, true)),
                 Monolog\Level::Debug,
-                Monolog\Level::Notice
+                Monolog\Level::Debug
             ),
             new Monolog\Handler\FilterHandler(
-                (new Monolog\Handler\RotatingFileHandler('/logs/error.log'))
+                (new Monolog\Handler\RotatingFileHandler('/logs/info.log', 10))
                     ->setFormatter(new Monolog\Formatter\LineFormatter(null, null, false, false, true)),
+                Monolog\Level::Info,
                 Monolog\Level::Warning,
+            ),
+            new Monolog\Handler\FilterHandler(
+                (new Monolog\Handler\RotatingFileHandler('/logs/error.log', 10))
+                    ->setFormatter(new Monolog\Formatter\LineFormatter(null, null, false, false, true)),
+                Monolog\Level::Error,
                 Monolog\Level::Error
             ),
             new Monolog\Handler\FilterHandler(
-                (new Monolog\Handler\RotatingFileHandler('/logs/critical.log'))
+                (new Monolog\Handler\RotatingFileHandler('/logs/critical.log', 10))
                     ->setFormatter(new Monolog\Formatter\LineFormatter(null, null, false, false, true)),
                 Monolog\Level::Critical
             )

app/setup/setups/middlewares.php

@@ -2,9 +2,6 @@
 use Psr\Container\ContainerInterface;
 
 return [
-    Psr\Http\Message\ResponseFactoryInterface::class => function(ContainerInterface $container) {
-        return $container->get(Nyholm\Psr7\Factory\Psr17Factory::class);
-    },
     Incoviba\Middleware\Authentication::class => function(ContainerInterface $container) {
         return new Incoviba\Middleware\Authentication(
             $container->get(Psr\Http\Message\ResponseFactoryInterface::class),
@@ -13,5 +10,11 @@ return [
             $container->get(Incoviba\Common\Alias\View::class),
             implode('/', [$container->get('APP_URL'), 'login'])
         );
+    },
+    Incoviba\Middleware\API::class => function(ContainerInterface $container) {
+        return new Incoviba\Middleware\API(
+            $container->get(Psr\Http\Message\ResponseFactoryInterface::class),
+            $container->get('API_KEY')
+        );
     }
 ];

app/setup/setups/psr7.php

@@ -2,7 +2,13 @@
 use Psr\Container\ContainerInterface;
 
 return [
+    Psr\Http\Message\StreamFactoryInterface::class => function(ContainerInterface $container) {
+        return $container->get(Nyholm\Psr7\Factory\Psr17Factory::class);
+    },
+    Psr\Http\Message\RequestFactoryInterface::class => function(ContainerInterface $container) {
+        return $container->get(Nyholm\Psr7\Factory\Psr17Factory::class);
+    },
     Psr\Http\Message\ResponseFactoryInterface::class => function(ContainerInterface $container) {
         return $container->get(Nyholm\Psr7\Factory\Psr17Factory::class);
-    }
+    },
 ];

app/setup/setups/services.php

@@ -1,4 +1,5 @@
 <?php
+
 use Psr\Container\ContainerInterface;
 
 return [
@@ -16,8 +17,11 @@ return [
             'base_uri' => 'https://mindicador.cl/api/',
             'headers' => ['Accept' => 'application/json']
         ]));
+        $ine = new Incoviba\Service\Money\Ine(new GuzzleHttp\Client([
+            'base_uri' => 'https://api-calculadora.ine.cl/ServiciosCalculadoraVariacion'
+        ]));
         return (new Incoviba\Service\Money())->register('uf', $mindicador)
-            ->register('ipc', $mindicador);
+            ->register('ipc', $ine);
     },
     Predis\Client::class => function(ContainerInterface $container) {
         return new Predis\Client([
@@ -25,5 +29,29 @@ return [
             'host' => $container->get('REDIS_HOST'),
             'port' => $container->get('REDIS_PORT')
         ]);
+    },
+    Incoviba\Service\Cartola::class => function(ContainerInterface $container) {
+        return (new Incoviba\Service\Cartola(
+            $container->get(Psr\Http\Message\StreamFactoryInterface::class),
+            $container->get(Incoviba\Common\Define\Contabilidad\Exporter::class)
+        ))
+            ->register('security', $container->get(Incoviba\Service\Cartola\Security::class))
+            ->register('itau', $container->get(Incoviba\Service\Cartola\Itau::class))
+            ->register('santander', $container->get(Incoviba\Service\Cartola\Santander::class));
+    },
+    Incoviba\Common\Define\Contabilidad\Exporter::class => function(ContainerInterface $container) {
+        return $container->get(Incoviba\Service\Contabilidad\Exporter\Nubox::class);
+    },
+    Incoviba\Service\Contabilidad\Exporter\Nubox::class => function(ContainerInterface $container) {
+        return new Incoviba\Service\Contabilidad\Exporter\Nubox($container->get(Incoviba\Repository\CentroCosto::class),
+            $container->get('folders')->get('uploads'));
+    },
+    Incoviba\Service\Contabilidad\Nubox::class => function(ContainerInterface $container) {
+        return new Incoviba\Service\Contabilidad\Nubox(
+            $container->get(Incoviba\Repository\Nubox::class),
+            $container->get(Incoviba\Service\Redis::class),
+            new GuzzleHttp\Client(),
+            $container->get(Psr\Http\Message\RequestFactoryInterface::class),
+            $container->get('nubox')->get('url'));
     }
 ];

app/setup/setups/views.php

@@ -9,6 +9,9 @@ return [
             'money_url' => '',
             'login' => $container->get(Incoviba\Service\Login::class),
             'format' => $container->get(Incoviba\Service\Format::class),
+            'API_KEY' => $container->get('API_KEY'),
+            'UF' => $container->get(Incoviba\Service\UF::class),
+            'IPC' => $container->get(Incoviba\Service\IPC::class)
         ];
         if ($global_variables['login']->isIn()) {
             $global_variables['user'] = $global_variables['login']->getUser();