@extends('layouts.app')

@section('content')

<div class="breadcomb-area">

    <div class="modals-default-notika">
        <div class="modal-inner-pro">

            @include('layouts.alertas')

            @foreach($data as $value)
            
                <div class="invoice-print">
                    <a href="{{ url('pdf/pago/'.$value->id) }}" target="_blank" class="btn" data-ma-action="print" style="background-color:green;"><i class="notika-icon notika-print"></i></a>
                </div>
        
                <!-- AQUI PRESENTAMOS LOS DATOS DE LA COTIZACIÓN -->
                <div class="row">
                    
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="invoice-hs wt-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                            <span>Numero Orden #</span>
                            <h2>{{ str_pad($value->id, 10, 'FAC-0000000', STR_PAD_LEFT) }}</h2>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="invoice-hs date-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                            <span>Fecha</span>
                            <h2>{{ Carbon\Carbon::parse($value->created_at)->format('d M Y') }}</h2>                      
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="invoice-hs">
                            <span>Vendedor</span>                      
                            <h2>{{ $value->vendedor }}</h2>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="invoice-hs gdt-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                            <span>Total General</span>
                            <h2 id="total_venta">RD$ {{ number_format($value->total, 2) }}</h2>
                        </div>
                    </div>
                </div>

                <div class="grid-1-center clientes_show">

                    <div class="row">

                        <div class="col-sm-8">
                        
                            <div class="title">
                                <h4>DATOS DEL CLIENTE</h4>
                            </div>
                            <div class="grid-1-noGutter-equalHeight">
                                <div class="campos_edit_cotizacion_user_show col-12">
                                    <h5>Nombre cliente:</h5>
                                    <p>{{$value->cliente}}</p>
                                </div>
                                @if($value->documento != "")
                                <div class="campos_edit_cotizacion_user_show col-7_sm-12">
                                    <h6><i class="fas fa-address-card"></i> Documento identidad: </h6>
                                    <p> {{ $value->rnc }}: {{ $value->documento }}</p>
                                </div>
                                @endif
                                @if($value->email != "")
                                <div class="campos_edit_cotizacion_user_show col-5_sm-12">
                                    <h6>Correo:</h6>
                                    <p>{{ $value->email }}</p>
                                </div>
                                @endif
                                <div class="campos_edit_cotizacion_user_show col-12_sm-12">
                                <h6><i class="fas fa-map-marker-alt"></i> Dirección:</h6>
                                <p>{{ $value->direccion }}</p>
                                </div>
                                <div class="campos_edit_cotizacion_user_show col-4_sm-12">
                                <h6><i class="fas fa-phone"></i> Telefono:</h6>
                                <p>{{ $value->tel }}</p>
                                </div>

                                <div class="campos_edit_cotizacion_user_show col-4_sm-12">
                                <h6><i class="fas fa-mobile"></i> Movil:</h6>
                                <p>{{ $value->cel }}</p>
                                </div>

                                <div class="campos_edit_cotizacion_user_show col-4_sm-12">
                                <h6><i class="fab fa-whatsapp"></i> WhatsApp:</h6>
                                <p>{{ $value->whatsapp }}</p>
                                </div>
                                <div class="linea"></div>
                                <div class="campos_edit_cotizacion_user_show col-6_sm-12">
                                    <h5><i class="fas fa-file-invoice-dollar"></i></i>{{ $value->impuesto }}</h5>
                                </div>
                                <div class="campos_edit_cotizacion_user_show col-6_sm-12">
                                    <h5><i class="fas fa-file-invoice-dollar"></i></i>NCF: 00000000{{$value->secuencia}}{{str_pad($value->ncf, 8, '00000000', STR_PAD_LEFT) }}</h5>
                                </div>
                            </div>
                            
                        </div>

                        <div class="col-sm-4">
                            <div class="title">
                                <h4>METODO DE PAGO</h4>
                            </div>        
                            <div class="campos_edit_cotizacion_user_show col-12_sm-12">
                                <div class="grid-1">
                                    @foreach($payments AS $val)
                                    <div class="col-12 grid-1 descripcion">
                                        <div class="col-7"><h6><i class="fas fa-cash-register"></i> Metodo de pago: {{ $val->metodo }}</h6></div>
                                        <div class="col-5"><h6><i class="fas fa-money-bill-wave-alt"></i>Monto: RD$ {{ number_format($val->monto, 2) }}</h6></div>
                                        <div class="col-12">
                                            <h6><i class="far fa-edit"></i>Descripción: {{ $val->descripcion }}</h6>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="title col-sm-12">
                    <h4>DATOS DE LA ORDEN</h4>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="invoice-sp">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 5%;">#</th>
                                        <th style="width: 10%;">Código</th>
                                        <th style="width: 40%;">Producto / Descripcion</th>
                                        <th style="width: 5%;">Cant.</th>
                                        <th style="width: 15%;">Precio U.</th>
                                        <th style="width: 25%;">Total</th>
                                    </tr>
                                </thead>
                                <tbody id="detalles">
                                    @php $count = 0; @endphp
                                    @foreach($items as $val)

                                    <tr class="selected">
                                        <td>
                                            {{ $count += 1 }}
                                        </td>  
                                        <td>
                                            {{ $val->articulo_codigo }}
                                        </td>  
                                        <td>
                                            <strong>{{ $val->articulo }}</strong>
                                        </td>  
                                        <td>
                                            {{ $val->articulo_cantidad }}
                                        </td>
                                        <td>
                                            RD$ {{ number_format($val->articulo_precio, 2) }}
                                        </td>   
                                        <td class="precio">
                                            @php $total = $val->articulo_precio * $val->articulo_cantidad; @endphp
                                            RD$ {{ number_format($total, 2) }}
                                        </td>    
                                    </tr>

                                    @endforeach

                                    @if($value->comentario != "")
                                    <tr>
                                        <th style="width: 5%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 50%;">{{ $value->comentario }}</th>
                                        <th style="width: 5%;"></th>
                                        <th style="width: 15%;"></th>
                                        <th style="width: 15%;"></th>
                                    </tr>
                                    <tr>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                    @endif

                                </tbody>
                                @php $itebis = $value->total * 0.18; $subtotalgen = $value->total - $itebis; @endphp
                                <tfoot>
                                    <tr>
                                        <th style="width: 5%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 40%;"></th>
                                        <th style="width: 15%;"></th>
                                        <th style="width: 15%;">Sub Total</th>
                                        <th style="width: 20%;"><h6 id="precio_total" style="color: green; font-size: 15px;">RD$ {{ number_format($subtotalgen, 2) }}</h6></th>
                                        <th style="width: 0%;"></th>
                                    </tr>
                                     <tr>
                                        <th style="width: 5%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 40%;"></th>
                                        <th style="width: 15%;"></th>
                                        <th style="width: 15%;">ITBIS </th>
                                        <th style="width: 20%;"><h6 id="precio_itbis" style="color: red; font-size: 15px;">RD$ {{ number_format($itebis, 2) }}</h6></th>
                                        <th style="width: 0%;"></th>
                                    </tr>
                                    <tr>
                                        <th style="width: 5%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 40%;"></th>
                                        <th style="width: 15%;"></th>
                                        <th style="width: 15%;">Precio Total</th>
                                        <th style="width: 20%;"><h6 id="total_final" style="color: green; font-size: 20px;">RD$ {{ number_format($value->total, 2) }}</h6></th>
                                        <th style="width: 0%;"></th>
                                    </tr>
                                </tfoot>                                
                            </table>
                        </div>
                    </div>
                </div>

                <input type="hidden" name="id" value="{{ $value->id }}">
                <input type="hidden" name="total" id="total_final">
            @endforeach            

            <div class="modal-ft">
                <button type="button" class="btn btn-secondary waves-effect" onclick="location.href='{{ url()->previous() }}';"><i class="fas fa-angle-left"></i> volver atras</button>
            </div>
        </form>

        </div>
    </div>

    @include('layouts.formularios_emergentes')
    @yield('form_user')

</div>

<script>

    function limpiar(){
       $("#pcantidad").val();
       $("#pstock").val("");
       $("#pprecio_venta").val(""); 
    }

    function evaluar(){
        if(+total > 0){
            $("#guardar").show();
        }else{
            $("#guardar").hide();
        }
    }

</script>

@endsection