@extends('layout')

@section('content')
<nav class="breadcrumb">
    <a class="breadcrumb-item" href="/">Home</a>
    <a class="breadcrumb-item" href="/ventas">Ventas</a>
    <span class="breadcrumb-item active">{{ strtoupper($datos->tipo()) }} N°{{ $datos->folio }}</span>
</nav>

<div class="card">
    <div class="card-body">
        <div class="row" >
            <div class="col-sm-6 text-left">
                @can('acceso-tienda',Auth::user())
                <button type="button"  onclick="location.href='{{ url('ventas/nueva') }}'" data-toggle="tooltip" data-original-title="Nueva venta" class="btn btn-success btn--icon"><i class="zmdi zmdi-plus"></i></button>
                @endif

                @if($datos->anulada())
                <span class="badge badge-danger">ANULADA</span>
                @endif
            </div>
            <div class="col-sm-6 text-right">
                <button type="button" data-toggle="tooltip" data-original-title="Imprimir {{ $datos->tipo() }}" class="btn btn-primary btn--icon imprimir"><i class="zmdi zmdi-print"></i></button>

                @if($datos->anulada())
                <button type="button" data-toggle="tooltip" data-original-title="Nota de Crédito" class="btn btn-danger btn--icon imprimir-nc">NC</button>
                @endif

                @can('acceso-finanzas',Auth::user())
                    @if(!$datos->anulada())
                        <button type="button" data-toggle="tooltip" data-original-title="Anular {{ $datos->tipo() }}" id="anular-documento" class="btn btn-danger btn--icon"><i class="zmdi zmdi-minus"></i></button>
                    @endif
                @endcan
            </div>
        </div>
        <hr>

        <div class="row mb-5">
            <div class="col-sm-6">
                <div class="text-left">
                    <p>Cliente</p>

                    @if($datos->cliente)
                        @if($datos->cliente->tipo == 'e')
                            <h4>{{ $datos->cliente->razon_social }}</h4>
                            <strong>RUT: </strong>{{ $datos->cliente->rut }}<br>
                            <strong>Razón social: </strong>{{ $datos->cliente->razon_social }}<br>
                            <strong>Giro: </strong>{{ $datos->giro }}<br>
                            <address>
                                <strong>Dirección: </strong>{{ $datos->direccion }}<br>
                                <strong>Comuna: </strong>{{ $datos->comuna }}<br>
                            </address>
                        @else
                            <h4>{{ $datos->cliente->nombre }} {{ $datos->cliente->apellidos }}</h4>
                            <address>
                                <strong>Dirección: </strong>{{ $datos->cliente->direccion }}<br>
                                <strong>Comuna: </strong>{{ $datos->cliente->comunas->nombre }}<br>
                            </address>
                        @endif

                        {{ $datos->cliente->telefono ?? '' }}<br>
                        {{ $datos->cliente->email ?? '' }}
                    @else
                        <h4>Anonimo</h4>
                    @endif
                </div>
            </div>
            <div class="col-sm-6">
                <p>Tienda</p>
                <h4>{{ $datos->tienda->nombre }}</h4>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>N° {{ $datos->tipo() }}</small>
                    <h3>{{ $datos->folio }}</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>Fecha</small>
                    <h3>{{ \Carbon\Carbon::parse($datos->fecha)->format('d/m/Y') }}</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>Hora</small>
                    <h3>{{ \Carbon\Carbon::parse($datos->fecha)->format('H:i') }} hrs</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                @if(!empty($datos->forma_pago))
                <div class="invoice__attrs__item bg-green">
                    <small class="text-white">Forma de pago</small>
                    <h5 class="text-uppercase text-white">{{ $datos->forma_pago->nombre}}</h5>
                </div>
                @else
                <div class="invoice__attrs__item bg-amber">
                    <small class="text-white">Forma de pago</small>
                    <h5 class="text-uppercase text-white">--</h5>
                </div>
                @endif
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-5">
                <thead>
                    <tr class="text-uppercase thead-light">
                        <th colspan="5">Detalle venta</th>
                    </tr>
                    <tr class="text-uppercase thead-light">
                        <th width="50%">ITEM</th>
                        <th width="10%" class="text-center">CANTIDAD</th>
                        <th width="20%" class="text-right">P. UNITARIO</th>
                        <th width="20%" class="text-right">SUBTOTAL</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($datos->productos as $p)
                    <tr>
                        <td>{{ $p->nombre }}</td>
                        <td class="text-center">{{ $p->cantidad }}</td>
                        <td class="text-right">${{ number_format($p->precio,0,'.','.') }}</td>
                        <td class="text-right">${{ number_format($p->precio * $p->cantidad,0,'.','.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="row justify-content-end">
            <div class="col-md-6">
                <table class="table table-bordered table-hover">
                    <tbody>
                        @if($datos->tipo == 'f')
                        <tr>
                            <th colspan="3" class="text-right table-active">MONTO NETO</th>
                            @php
                                $monto_neto = $datos->monto / 1.19;
                                $monto_iva = $monto_neto * 0.19;
                            @endphp
                            <td class="text-right">${{ number_format(round($monto_neto),0,'.','.') }}</td>
                        </tr>
                        <tr>
                            <th colspan="3" class="text-right table-active">IVA</th>
                            <td class="text-right">${{ number_format(round($monto_iva),0,'.','.') }}</td>
                        </tr>
                        @endif
                        <tr>
                            <th colspan="3" class="text-right table-active">TOTAL</th>
                            <td class="text-right lead font-weight-bold text-cyan">${{ number_format($datos->monto,0,'.','.') }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


@if(!empty($datos->forma_pago) && $datos->forma_pago->id > 1)
<div class="card">
    <div class="card-header">
        <h4 class="card-title text-uppercase">
            Forma de pago - {{ ($datos->forma_pago->id == 3) ? 'Tarjeta' : $datos->forma_pago->nombre }}
        </h4>
    </div>
    <div class="card-body p-0">
        @if($datos->forma_pago->id == 5)
        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-0">
                <thead>
                    <tr class="text-uppercase">
                        <th>N°</th>
                        <th>TITULAR</th>
                        <th>BANCO</th>
                        <th>FECHA</th>
                        <th class="text-right">MONTO</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ $datos->transferencia->numero }}</td>
                        <td>{{ $datos->transferencia->titular }}</td>
                        <td>{{ $datos->transferencia->banco->nombre }}</td>
                        <td>{{ \Carbon\Carbon::parse($datos->transferencia->fecha)->format('d/m/Y') }}</td>
                        <td class="text-right lead text-cyan">${{ number_format($datos->transferencia->monto,0,'.','.') }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        @elseif($datos->forma_pago->id == 3)
        <div class="table-responsive">
            <table class="table table-bordered mb-0">
                <tbody>
                    <tr>
                        <th width="30%" class="table-light text-uppercase">Comprobante</th>
                        <td>{{ $datos->comprobante }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>
@endif

<iframe src="" id="iframe-print" style="display:none"></iframe>
@endsection

@push('scripts')
<script src="/vendors/print.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#anular-documento').click(function(){
        var elem = $(this);
        iziToast.question({
            timeout: false,
            close: false,
            overlay: true,
            displayMode: 'once',
            zindex: 999,
            maxWidth: 500,
            title: '¿Está seguro de anular este Documento?',
            message: 'Se emitirá automaticamente una nota de crédito de anulación',
            position: 'center',
            buttons: [
                ['<button><b>SI</b></button>', function (instance, toast) {
                    $('button').prop('disabled',true);
                    elem.find('i').removeClass('zmdi-minus');
                    elem.find('i').addClass('zmdi-refresh zmdi-hc-spin');
                    $.ajax({
                        url: '/ventas/nota-credito/{{ $datos->id }}'
                        ,type: 'POST'
                        ,data: { _token: '{{ csrf_token() }}' }
                        ,dataType: 'json'
                    })
                    .done(function(json){
                        if(json.result){
                            window.location.reload();
                        }else{
                            mensaje('error','ERROR',json.msg);

                            $('button').prop('disabled',false);
                            elem.find('i').removeClass('zmdi-refresh zmdi-hc-spin');
                            elem.find('i').addClass('zmdi-minus');
                        }
                    });
                    instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
                }, true],
                ['<button>NO</button>', function (instance, toast) {
                    instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
                }],
            ],
        });
    });

    @if($imprimir)
    $('#iframe-print').empty().attr('src','/ventas/imprimir/{{ $datos->id }}');
    @endif

    $(document).on('click','.imprimir',function(e){
        e.preventDefault();
        $('#iframe-print').empty().attr('src','/ventas/imprimir/{{ $datos->id }}');
    });
    $(document).on('click','.imprimir-nc',function(e){
        e.preventDefault();
        $('#iframe-print').empty().attr('src','/ventas/imprimir-nc/{{ $datos->id }}');
    });
});

</script>
@endpush