@extends('layouts.app')

@php
    /** @var \Modules\FacturasFactorizadas\Entities\Factura $factura */

    /** @var \App\Models\User $user */
    $user = auth()->user();
@endphp

@section('content')
    <div class="bgc-white p-20 bd">
        <h3>Edición Factura N° {{ $factura->n_documento }}</h3>

        <div v-if="status">
            <div :class="['alert', `alert-${status.type}`]">
                @{{ status.message }}
            </div>
        </div>

        <b-form @submit="onSubmit">
            <div class="card">
                <div class="card-body">
                    @if($user->tieneRoles('USUARIO_CONTABILIDAD'))
                        <b-form-group label-cols-md="4" label="Fecha Notificación">
                            <datetime-picker v-model="fecha_notificacion" id="fecha_notificacion"
                                             :first-day-of-week="1" :clearable="false"
                                             format="YYYY-MM-DD HH:mm"
                                             type="datetime" lang="es" required>
                            </datetime-picker>

                            <input-error :errors="errors" nombre="fecha_notificacion"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Fecha Emisión">
                            <datetime-picker v-model="fecha_documento" id="fecha_documento"
                                             :first-day-of-week="1" :clearable="false"
                                             format="YYYY-MM-DD HH:mm"
                                             type="datetime" lang="es" required>
                            </datetime-picker>

                            <input-error :errors="errors" nombre="fecha_documento"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Factura Electronica N°">
                            <b-input v-model="n_documento" type="number" required></b-input>
                            <input-error :errors="errors" nombre="n_documento"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Rut Envio">
                            <b-input v-model="rut" required></b-input>
                            <input-error :errors="errors" nombre="rut"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Emisor">
                            <b-input v-model="proveedor" required></b-input>
                            <input-error :errors="errors" nombre="proveedor"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Monto Total">
                            <b-input v-model="monto" type="number" required></b-input>
                            <input-error :errors="errors" nombre="monto"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Identificador de envío">
                            <b-input v-model="id_envio" type="number" required></b-input>
                            <input-error :errors="errors" nombre="id_envio"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Fecha de Recepción">
                            <datetime-picker v-model="fecha_cesion" id="fecha_cesion"
                                             :first-day-of-week="1" :clearable="false"
                                             format="YYYY-MM-DD HH:mm:ss"
                                             type="datetime" lang="es" required>
                            </datetime-picker>

                            <input-error :errors="errors" nombre="id_envio"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Cedido por">
                            <b-input v-model="empresa_factoring" required></b-input>
                            <input-error :errors="errors" nombre="empresa_factoring"></input-error>
                        </b-form-group>

                        <div class="my-4">
                            <h4>Adjuntos</h4>

                            <div class="mb-2">
                                <b-input-group>
                                    <b-file v-model="archivoContabilidad" placeholder="Elija archivo"
                                            accept=".jpg, .png, .pdf, .zip, .txt"></b-file>
                                    <b-btn variant="primary" @click="subirAdjuntoCont" :disabled="loading">
                                        @{{ loading ? 'Cargando...' : 'Agregar Adjunto' }}
                                        <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                    </b-btn>
                                </b-input-group>
                            </div>

                            <div>
                                <div v-for="(adjunto, index) in adjuntos_contabilidad" :key="index">
                                    <div class="row">
                                        <div class="col-10">
                                            @{{ adjunto.basename }}
                                        </div>
                                        <div class="col-2">
                                            <b-btn variant="danger" @click="borrarAdjuntoCont(adjunto)"
                                                   :disabled="loading">
                                                @{{ loading ? 'Cargando...' : 'Quitar' }}
                                                <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                            </b-btn>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <input-error :errors="errors" nombre="adjuntos"></input-error>
                        </div>

                        <b-form-group label-cols-md="4" label="Observaciones">
                            <textarea v-model="observaciones" class="form-control" name="observaciones"
                                      id="observaciones" cols="30"
                                      rows="10"></textarea>
                            <input-error :errors="errors" nombre="observaciones"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Area">
                            <select v-model="area_id" name="area" id="area" class="form-control" required>
                                <option value="">Seleccione</option>
                                @foreach($areas as $area)
                                    <option value="{{ $area->id }}">{{ $area->nombre }}</option>
                                @endforeach
                            </select>
                            <input-error :errors="errors" nombre="area"></input-error>
                        </b-form-group>

                        <b-form-group label-cols-md="4" label="Informados">
                            <ul>
                                <li v-for="(informado, index) in informados" :key="index">
                                    "@{{ informado.user.full_name }}" <@{{ informado.user.email }}>
                                </li>
                            </ul>
                        </b-form-group>
                    @endif

                    @if($user->tieneRoles('DIRECCION_ASESORIA_JURIDICA'))
                        <div class="card mb-3">
                            <div class="card-body">
                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Fecha Notificación</strong></div>
                                    <div
                                        class="col-12 col-md-8">{{ fechaFormato($factura->fecha_notificacion, 'd-m-Y H:i:s') }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Fecha Emisión</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->fecha_documento }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Factura Electronica N°</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->n_documento }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Rut Envio</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->rut }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Emisor</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->proveedor }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Monto Total</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->monto }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Identificador de envío</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->id_envio }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Fecha de Recepción</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->fecha_cesion }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Cedido por</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->empresa_factoring }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Observaciones Contabilidad</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->observaciones }}</div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-12 col-md-4"><strong>Area</strong></div>
                                    <div class="col-12 col-md-8">{{ $factura->area ? $factura->area->nombre : ''}}</div>
                                </div>

                                <hr>

                                <div class="row mb-2">
                                    <div class="col-12">
                                        <h4>Adjuntos Contabilidad</h4>

                                        <div>
                                            @foreach($adjuntosContabilidad as $adjunto)
                                                <div>
                                                    <div class="row">
                                                        <div class="col-10">{{ $adjunto->basename }}</div>
                                                        <div class="col-2">
                                                            <a class="btn btn-primary" href="{{ $adjunto->getUrl() }}"
                                                               target="_blank">Descargar</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <b-form-group label-cols-md="4" label="N° Memorandum">
                                    <b-input v-model="n_memorandum"></b-input>
                                </b-form-group>

                                <b-form-group label-cols-md="4" label="ID Memorandum">
                                    <b-input v-model="id_memorandum"></b-input>
                                </b-form-group>

                                <b-form-group label-cols-md="4" label="Observaciones Juridico">
                            <textarea v-model="observaciones_2" class="form-control" name="observaciones_2"
                                      id="observaciones_2" cols="30"
                                      rows="10"></textarea>
                                    <input-error :errors="errors" nombre="observaciones_2"></input-error>
                                </b-form-group>

                                <div class="my-4">
                                    <h4>Adjuntos Juridico</h4>

                                    <div class="mb-2">
                                        <b-input-group>
                                            <b-file v-model="archivoJuridico" placeholder="Elija archivo"
                                                    accept=".jpg, .png, .pdf, .zip, .txt"></b-file>
                                            <b-btn variant="primary" @click="subirAdjuntoJuridico" :disabled="loading">
                                                @{{ loading ? 'Cargando...' : 'Agregar Adjunto' }}
                                                <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                            </b-btn>
                                        </b-input-group>

                                        <div><b>Nota:</b> Se recomienda subir Memorandum</div>
                                    </div>

                                    <div>
                                        <div v-for="(adjunto, index) in adjuntos_juridico" :key="index">
                                            <div class="row">
                                                <div class="col-10">
                                                    @{{ adjunto.basename }}
                                                </div>
                                                <div class="col-2">
                                                    <b-btn variant="danger" @click="borrarAdjuntoJuridico(adjunto)"
                                                           :disabled="loading">
                                                        @{{ loading ? 'Cargando...' : 'Quitar' }}
                                                        <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                                    </b-btn>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <input-error :errors="errors" nombre="adjuntos"></input-error>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($user->tieneRoles('USUARIO_TESORERIA'))
                            <div class="card mb-3">
                                <div class="card-body">
                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Fecha Notificación</strong></div>
                                        <div class="col-12 col-md-8">{{ fechaFormato($factura->fecha_notificacion, 'd-m-Y H:i:s') }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Fecha Emisión</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->fecha_documento }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Factura Electronica N°</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->n_documento }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Rut Envio</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->rut }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Emisor</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->proveedor }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Monto Total</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->monto }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Identificador de envío</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->id_envio }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Fecha de Recepción</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->fecha_cesion }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Cedido por</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->empresa_factoring }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Observaciones Contabilidad</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->observaciones }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Area</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->area ? $factura->area->nombre : ''}}</div>
                                    </div>

                                    <hr>

                                    <div class="row mb-2">
                                        <div class="col-12">
                                            <h4>Adjuntos Contabilidad</h4>

                                            <div>
                                                @foreach($adjuntosContabilidad as $adjunto)
                                                    <div>
                                                        <div class="row">
                                                            <div class="col-10">{{ $adjunto->basename }}</div>
                                                            <div class="col-2">
                                                                <a class="btn btn-primary" href="{{ $adjunto->getUrl() }}" target="_blank">Descargar</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card mb-3">
                                <div class="card-body">
                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>N° Memorandum</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->n_memorandum }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>ID Memorandum</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->id_memorandum }}</div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-12 col-md-4"><strong>Observaciones Juridico</strong></div>
                                        <div class="col-12 col-md-8">{{ $factura->observaciones_2 }}</div>
                                    </div>

                                    <hr>

                                    <div class="row mb-2">
                                        <div class="col-12">
                                            <h4>Adjuntos Juridico</h4>

                                            <div>
                                                @foreach($adjuntosJuridico as $adjunto)
                                                    <div>
                                                        <div class="row">
                                                            <div class="col-10">{{ $adjunto->basename }}</div>
                                                            <div class="col-2">
                                                                <a class="btn btn-primary" href="{{ $adjunto->getUrl() }}" target="_blank">Descargar</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        <div class="card">
                            <div class="card-body">
                                <b-form-group label-cols-md="4" label="Fecha de Pago">
                                    <input v-model="fecha_pago" type="date" class="form-control">
                                </b-form-group>

                                <b-form-group label-cols-md="4" label="N° Decreto de Pago">
                                    <b-input v-model="n_decreto_pago"></b-input>
                                </b-form-group>

                                <b-form-group label-cols-md="4" label="Observaciones Tesoreria">
                            <textarea v-model="observaciones_3" class="form-control" name="observaciones_3"
                                      id="observaciones_3" cols="30"
                                      rows="10"></textarea>
                                    <input-error :errors="errors" nombre="observaciones_3"></input-error>
                                </b-form-group>

                                <div class="my-4">
                                    <h4>Adjuntos Tesoreria</h4>

                                    <div class="mb-2">
                                        <b-input-group>
                                            <b-file v-model="archivoTesoreria" placeholder="Elija archivo"
                                                    accept=".jpg, .png, .pdf, .zip, .docx, .doc, .txt"></b-file>
                                            <b-btn variant="primary" @click="subirAdjuntoTesoreria" :disabled="loading">
                                                @{{ loading ? 'Cargando...' : 'Agregar Adjunto' }}
                                                <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                            </b-btn>
                                        </b-input-group>
                                    </div>

                                    <div>
                                        <div v-for="(adjunto, index) in adjuntos_tesoreria" :key="index">
                                            <div class="row">
                                                <div class="col-10">
                                                    @{{ adjunto.basename }}
                                                </div>
                                                <div class="col-2">
                                                    <b-btn variant="danger" @click="borrarAdjuntoTesoreria(adjunto)"
                                                           :disabled="loading">
                                                        <span>@{{ loading ? 'Quitando...' : 'Quitar' }}</span>
                                                        <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                                                    </b-btn>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <input-error :errors="errors" nombre="adjuntos"></input-error>
                                </div>
                            </div>
                        </div>
                    @endif

                    <b-form-group label-cols-md="4" label="Estado">
                        <select v-model="estado" name="estado" id="estado" class="form-control" required>
                            <option value="">Seleccione</option>
                            @foreach($estados as $estado)
                                <option value="{{ $estado }}">{{ $estado }}</option>
                            @endforeach
                        </select>
                        <input-error :errors="errors" nombre="estado"></input-error>
                    </b-form-group>
                </div>

                <div class="card-footer">
                    <div class="d-flex justify-content-end">
                        <button class="btn btn-primary" :disabled="loading">
                            <span>@{{ loading ? 'Guardando...' : 'Guardar' }}</span>
                            <span v-show="loading" class="fa fa-spinner fa-spin"></span>
                        </button>
                    </div>
                </div>
            </div>
        </b-form>
    </div>
@endsection

@push('pre-scripts')
    <script>
        window.pageMix.push({
            data: () => ({
                estado: '{{ $factura->estado }}',
                @if($user->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                fecha_notificacion: '{{ $factura->fecha_notificacion }}',
                fecha_documento: '{{ $factura->fecha_documento }}',
                n_documento: '{{ $factura->n_documento }}',
                rut: '{{ $factura->rut }}',
                proveedor: '{{ $factura->proveedor }}',
                monto: '{{ $factura->monto }}',
                id_envio: '{{ $factura->id_envio }}',
                fecha_cesion: '{{ $factura->fecha_cesion }}',
                empresa_factoring: '{{ $factura->empresa_factoring }}',
                archivoContabilidad: null,
                adjuntos_contabilidad: [],
                observaciones: '{{ $factura->observaciones }}',
                area_id: '{{ $factura->area_id }}',
                @endif

                    @if($user->tieneRoles('SUPERADMIN', 'DIRECCION_ASESORIA_JURIDICA'))
                archivoJuridico: null,
                adjuntos_juridico: [],
                n_memorandum: '{{ $factura->n_memorandum }}',
                id_memorandum: '{{ $factura->id_memorandum }}',
                observaciones_2: '{{ $factura->observaciones_2 }}',
                @endif

                    @if($user->tieneRoles('SUPERADMIN', 'USUARIO_TESORERIA'))
                archivoTesoreria: null,
                adjuntos_tesoreria: [],
                fecha_pago: '{{ $factura->fecha_pago }}',
                n_decreto_pago: '{{ $factura->n_decreto_pago }}',
                observaciones_3: '{{ $factura->observaciones_3 }}',
                @endif

                correos: @json($correos),

                loading: false,
                errors: {},
                status: null
            }),

            created() {
                @if($user->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                    this.listarAdjuntosContabilidad()
                @endif

                    @if($user->tieneRoles('SUPERADMIN', 'DIRECCION_ASESORIA_JURIDICA'))
                    this.listarAdjuntosJuridico()
                @endif

                    @if($user->tieneRoles('SUPERADMIN', 'USUARIO_TESORERIA'))
                    this.listarAdjuntosTesoreria()
                @endif
            },

            methods: {
                async onSubmit(evt) {
                    evt.preventDefault()

                    if (!this.loading) {
                        this.loading = true

                        const formData = new FormData()

                        formData.append('_method', 'PUT');

                        @if($user->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                        formData.append('fecha_notificacion', moment(this.fecha_notificacion).format('YYYY-MM-DD HH:mm:ss'))
                        formData.append('fecha_documento', moment(this.fecha_documento).format('YYYY-MM-DD HH:mm:ss'))
                        formData.append('n_documento', this.n_documento)
                        formData.append('rut', this.rut)
                        formData.append('proveedor', this.proveedor)
                        formData.append('monto', this.monto)
                        formData.append('id_envio', this.id_envio)
                        formData.append('fecha_cesion', moment(this.fecha_cesion).format('YYYY-MM-DD HH:mm:ss'))
                        formData.append('empresa_factoring', this.empresa_factoring)

                        formData.append('observaciones', this.observaciones)
                        formData.append('area_id', this.area_id)
                        @endif

                        @if($user->tieneRoles('SUPERADMIN', 'DIRECCION_ASESORIA_JURIDICA'))
                        formData.append('n_memorandum', this.n_memorandum)
                        formData.append('id_memorandum', this.id_memorandum)
                        formData.append('observaciones_2', this.observaciones_2)
                        @endif

                        @if($user->tieneRoles('SUPERADMIN', 'USUARIO_TESORERIA'))
                        formData.append('fecha_pago', this.fecha_pago)
                        formData.append('n_decreto_pago', this.n_decreto_pago)
                        formData.append('observaciones_3', this.observaciones_3)
                        @endif

                        formData.append('estado', this.estado);

                        try {
                            await this.$http.post('{{ route('facturas-factorizadas.facturas.update', ['id' => $factura]) }}', formData)
                            window.location = '{{ route('facturas-factorizadas.facturas.index') }}'
                        } catch (err) {
                            console.log(err)

                            if (err.response.status === 500) {
                                this.status = err.response.data.status
                            }

                            if (err.response.status === 422) {
                                this.errors = err.response.data.errors
                            }
                        }

                        this.loading = false
                    }
                },

                @if($user->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                async listarAdjuntosContabilidad() {
                    this.loading = true
                    const res = await this.$http.get('{{ route('facturas-factorizadas.facturas.adjuntos', ['id' => $factura->id]) }}', {
                        params: {
                            tipo: 'contabilidad'
                        }
                    })
                    this.adjuntos_contabilidad = res.data
                    this.loading = false
                },

                async subirAdjuntoCont() {
                    if (!this.loading) {
                        this.loading = true
                        const formData = new FormData
                        formData.set('adjunto', this.archivoContabilidad)
                        formData.set('tipo', 'contabilidad')
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.subir-adjunto', ['id' => $factura->id]) }}', formData)
                        this.loading = false
                        this.listarAdjuntosContabilidad()
                    }
                },

                async borrarAdjuntoCont(adjunto) {
                    if (!this.loading) {
                        this.loading = true
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.borrar-adjunto', ['id' => $factura->id]) }}', {
                            adjunto_id: adjunto.id
                        })
                        this.loading = false
                        this.listarAdjuntosContabilidad()
                    }
                },
                @endif

                @if($user->tieneRoles('SUPERADMIN', 'DIRECCION_ASESORIA_JURIDICA'))
                async listarAdjuntosJuridico() {
                    this.loading = true
                    const res = await this.$http.get('{{ route('facturas-factorizadas.facturas.adjuntos', ['id' => $factura->id]) }}', {
                        params: {
                            tipo: 'juridico'
                        }
                    })
                    this.adjuntos_juridico = res.data
                    this.loading = false
                },

                async subirAdjuntoJuridico() {
                    if (!this.loading) {
                        this.loading = true
                        const formData = new FormData
                        formData.set('adjunto', this.archivoJuridico)
                        formData.set('tipo', 'juridico')
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.subir-adjunto', ['id' => $factura->id]) }}', formData)
                        this.loading = false
                        this.listarAdjuntosJuridico()
                    }
                },

                async borrarAdjuntoJuridico(adjunto) {
                    if (!this.loading) {
                        this.loading = true
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.borrar-adjunto', ['id' => $factura->id]) }}', {
                            adjunto_id: adjunto.id
                        })
                        this.loading = false
                        this.listarAdjuntosJuridico()
                    }
                },
                @endif

                @if($user->tieneRoles('SUPERADMIN', 'USUARIO_TESORERIA'))
                async listarAdjuntosTesoreria() {
                    this.loading = true
                    const res = await this.$http.get('{{ route('facturas-factorizadas.facturas.adjuntos', ['id' => $factura->id]) }}', {
                        params: {
                            tipo: 'tesoreria'
                        }
                    })
                    this.adjuntos_tesoreria = res.data
                    this.loading = false
                },

                async subirAdjuntoTesoreria() {
                    if (!this.loading) {
                        this.loading = true
                        const formData = new FormData
                        formData.set('adjunto', this.archivoTesoreria)
                        formData.set('tipo', 'tesoreria')
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.subir-adjunto', ['id' => $factura->id]) }}', formData)
                        this.loading = false
                        this.listarAdjuntosTesoreria()
                    }
                },

                async borrarAdjuntoTesoreria(adjunto) {
                    if (!this.loading) {
                        this.loading = true
                        await this.$http.post('{{ route('facturas-factorizadas.facturas.borrar-adjunto', ['id' => $factura->id]) }}', {
                            adjunto_id: adjunto.id
                        })
                        this.loading = false
                        this.listarAdjuntosTesoreria()
                    }
                },
                @endif
            },

            computed: {
                informados() {
                    if (this.area_id === '') {
                        return []
                    }

                    return this.correos.filter(e => {
                        const areas = e.areas.map(x => x.id)

                        return _.includes(areas, parseInt(this.area_id))
                    })
                }
            }
        })
    </script>
@endpush