@extends('layouts.app')


@section('content')
    <div class="images" v-viewer>
        <img src="{{ asset('img/facturas-proceso.png') }}">
    </div>

    <div class="bgc-white p-20 bd">
        <h3>Control de Facturas Factorizadas</h3>

        <div class="row mb-3">
            <div class="col-9">
                @if(currentUser()->tieneRoles('SUPERADMIN', 'USUARIO_CONTABILIDAD'))
                    <div class="mb-3">
                        <a href="{{ route('facturas-factorizadas.facturas.create') }}" class="btn btn-primary">
                            Agregar Registro Manual
                        </a>
                    </div>

                    <div class="mb-3">
                        <form action="{{ route('facturas-factorizadas.correos-facturas.index') }}" method="post">
                            @csrf
                            <button class="btn btn-primary">Actualizar Registro</button>
                        </form>
                    </div>
                @endif

                <form>
                    @component('components.form-group', ['nombre' => 'buscar', 'titulo' => 'Buscar'])
                        <input type="text" class="form-control" id="buscar" name="buscar">
                    @endcomponent

                    <b-form-group horizontal label="Area">
                        <select name="area" id="area" class="form-control">
                            <option value="">Seleccione</option>
                            @foreach($areas as $area)
                                <option value="{{ $area->id }}">{{ $area->nombre }}</option>
                            @endforeach
                        </select>
                    </b-form-group>

                    <button class="btn btn-primary">Buscar</button>
                </form>
            </div>

            <div class="col-3">
                <b-btn block variant="primary" @click="mostrarModal = true">Mostrar Resumen</b-btn>
                <button class="btn btn-primary btn-block" @click="mostrar" type="button">Ver mapa proceso</button>

                <b-modal v-model="mostrarModal" hide-footer>
                    <h4>Resumen de Registros</h4>

                    <table class="table table-bordered table-sm">
                        <thead>
                        <tr>
                            <th>Estado</th>
                            <th>Cantidad</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($resumen as $datum)
                            <tr>
                                <td>{{ $datum['name'] }}</td>
                                <td>{{ $datum['cantidad'] }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </b-modal>
            </div>
        </div>

        {{ $facturas->links() }}

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Fecha Notificación</th>
                    <th>Fecha Factura</th>
                    <th>N° Factura</th>
                    <th>Rut</th>
                    <th>Proveedor</th>
                    <th>Monto</th>
                    <th>Empresa Factoring</th>
                    <th>Estado</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                @foreach($facturas as $factura)
                    <tr>
                        <td>{{ fechaFormato($factura->fecha_notificacion, 'd-m-Y H:i:s') }}</td>
                        <td>{{ $factura->fecha_documento }}</td>
                        <td>{{ $factura->n_documento }}</td>
                        <td>{{ $factura->rut }}</td>
                        <td>{{ $factura->proveedor }}</td>
                        <td>{{ $factura->monto }}</td>
                        <td>{{ $factura->empresa_factoring }}</td>
                        <td style="background: {{ $factura->colorEstado() }};">
                            <div>{{ $factura->estado }}</div>
                            <div>Etapa: {{ $factura->estado_etapa }}</div>
                        </td>
                        <td>
                            <a href="{{ route('facturas-factorizadas.facturas.show', ['id' => $factura]) }}"
                               class="btn btn-primary btn-block btn-sm">Ver</a>

                            @if(currentUser()->tieneRoles('SUPERADMIN'))
                                <a href="{{ route('facturas-factorizadas.facturas.edit', ['id' => $factura->id]) }}"
                                   class="btn btn-primary btn-block btn-sm">
                                    Editar
                                </a>
                            @else
                                @if(currentUser()->tieneRoles('USUARIO_CONTABILIDAD') && $factura->estado_etapa === 'CONTABILIDAD')
                                    <a href="{{ route('facturas-factorizadas.facturas.edit', ['id' => $factura->id]) }}"
                                       class="btn btn-primary btn-block btn-sm">
                                        Editar
                                    </a>
                                @endif

                                @if(currentUser()->tieneRoles('DIRECCION_ASESORIA_JURIDICA') && $factura->estado_etapa === 'JURIDICO')
                                    <a href="{{ route('facturas-factorizadas.facturas.edit', ['id' => $factura->id]) }}"
                                       class="btn btn-primary btn-block btn-sm">
                                        Editar
                                    </a>
                                @endif

                                @if(currentUser()->tieneRoles('USUARIO_TESORERIA') && $factura->estado_etapa === 'TESORERIA')
                                    <a href="{{ route('facturas-factorizadas.facturas.edit', ['id' => $factura->id]) }}"
                                       class="btn btn-primary btn-block btn-sm">
                                        Editar
                                    </a>
                                @endif
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        {{ $facturas->links() }}
    </div>
@endsection

@push('pre-scripts')
    <script>
        window.pageMix.push({
            data: () => ({
                mostrarModal: false
            }),

            methods: {
                mostrar() {
                    const viewer = this.$el.querySelector('.images').$viewer
                    viewer.show()
                }
            }
        })
    </script>
@endpush