@extends('layouts.master')
@section('title') @lang('translation.products') @endsection
@section('css')
<!--datatable css-->
<link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
<!--datatable responsive css-->
<link href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1')Preview @endslot
@slot('title'){{$type}}s @endslot
@endcomponent

<form method="POST" action="{{ route('imports.iconfirm') }}">
@csrf
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <div class="col-sm-6 col-md-6 mt-2">
                        <h5 class="card-title mb-0">Vista previa de la importación de {{$total}} {{$type}}s</h5>
                    </div>
                    <div class="col-sm-6 col-md-6 d-flex justify-content-sm-end"></div>
                </div>
            </div>
            <div class="card-body">
                <table id="model-datatables" class="table table-bordered nowrap table-striped align-middle" style="width:100%">
                    <thead>
                        <tr>
                            <th>Estatus</th>
                            <th>Codigo/SKU</th>
                            <th>Nombre</th>
                            <th>Clave SAT Prod/Serv</th>
                            <th>Descripción</th>
                            <th>Clave de la unidad</th>
                            <th>Clave de la unidad</th>
                            <th>Objeto del Impuestos</th>
                            <th>Cuenta Predial*</th>
                            <th>Precio Unitario</th>
                            <th>Impuesto Trasladado</th>
                            <th>Tipo Factor Trasladado</th>
                            <th>Tasa o Cuota Personalizada</th>
                            <th>Tasa o Cuota Trasladado</th>
                            <th>Impuesto Retenido</th>
                            <th>Tipo Factor Retención</th>
                            <th>Tasa o Cuota Personalizada</th>
                            <th>Tasa o Cuota Retención</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($collection as $item)
                        <tr>
                            <td>{{ $item['estatus'] }}</td>
                            <td>{{ $item['codigosku'] }}</td>
                            <td>{{ $item['nombre'] }}</td>
                            <td>{{ $item['clave_sat_prodserv'] }}</td>
                            <td>{{ $item['descripcion'] }}</td>
                            <td>{{ $item['clave_unidad'] }}</td>
                            <td>{{ $item['unidad_de_medida_opcional'] }}</td>
                            <td>{{ $item['clave_objeto_impuestos'] }}</td>
                            <td>{{ $item['cuenta_predial_opcional'] }}</td>
                            <td>{{ $item['precio_unitario'] }}</td>
                            <td>{{ $item['impuesto_trasladado'] }}</td>
                            <td>{{ $item['tipo_factor_traslado'] }}</td>
                            <td>{{ $item['tasa_o_cuota_tras_personalizada'] }}</td>
                            <td>{{ $item['tasa_o_cuota_traslado'] }}</td>
                            <td>{{ $item['impuesto_retenido'] }}</td>
                            <td>{{ $item['tipo_factor_retencion'] }}</td>
                            <td>{{ $item['tasa_o_cuota_ret_personalizada'] }}</td>
                            <td>{{ $item['tasa_o_cuota_retencion'] }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <input type="hidden" name="user_id" value="{{ auth()->id() }}">
                <input type="hidden" name="emitter_id" value="{{$emitter_id}}">
                <input type="hidden" name="tipo" value="{{$type}}">
                <input type="hidden" name="rows" value="{{ base64_encode(serialize($collection)) }}">
                <button type="submit" class="btn btn-primary">Confirmar y guardar</button>
            </div>
        </div>
    </div>
</div>
</form>
@endsection

@section('script')

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>

<script src="{{ URL::asset('build/js/pages/datatables.init.js') }}"></script>
<script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection