@extends('layouts.app')

@section('contenido')
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3>Pedido No.{{$pedido->id}}
                {{-- @can('pedido-list') --}}
                <div class="pull-right">
                    <a class="btn btn-primary" href="{{ route('pedidos.index') }}"> Regresar</a>
                </div>
                {{-- @endcan --}}
            </h3>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-12 col-md-10">
                <div class="row">
                    <h4 class="sub-title">Datos del cliente</h4>
                    <input id="buscar_cliente" type="hidden">
                    <input id="id_usuario" type="hidden" name="id_usuario" value={{$cliente->id}}>
                    <input id="descuento_usuario" type="hidden" name="descuento_usuario" value="{{$cliente->descuento}}">
                    <input id="bloqueo_pedido" type="hidden" name="bloqueo_pedido" value="{{$cliente->bloqueo_pedido}}">
                    <hr class="espaciador">
                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">No de afiliación:
                            @if(isset($cliente))
                                <p class="no-cliente">{{ $cliente->numero_afiliacion}}</p>
                            @else
                                <p class="no-cliente">No disponible</p>
                            @endif

                        </h5>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">Nombre:
                            @if(isset($cliente))
                                <p class="nombre">{{ $cliente->name}} {{ $cliente->apellido_paterno}} {{ $cliente->apellido_materno}}</p>
                            @else
                            <p class="nombre">No disponible</p>
                            @endif
                        </h5>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <h5 class="ml-3">Tienda:
                        @if(isset($cliente))
                            @if($cliente->Tienda)
                                <p class="no-cliente">{{ $cliente->Tienda->nombre}}</p>
                            @else
                                <p class="no-cliente">No Asignada</p>
                            @endif
                        @else
                            <p class="no-cliente">No disponible</p>
                        @endif

                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">Telefono fijo:
                            @if(isset($cliente))
                                <p class="telefono_fijo">{{ $cliente->telefono_fijo}}</p>
                            @else
                                <p class="telefono_fijo">No disponible</p>
                            @endif
                        </h5>
                    </div>


                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">Movil:
                            @if(isset($cliente))
                                <p class="movil">{{ $cliente->celular}}</p>
                            @else
                                <p class="movil">No disponible</p>
                            @endif
                        </h5>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">Correo:
                            @if(isset($cliente))
                                <p class="correo">{{ $cliente->email}}</p>
                            @else
                                <p class="correo">No disponible</p>
                            @endif
                        </h5>
                    </div>

                    @if($pedido->sucursal_id != null && $pedido->distribuidor_id != null)
                    <div class="col-xs-12 col-sm-12 col-md-6">
                        <h5 class="ml-3">Sucursal:
                                <p>{{ $sucursal->alias}}</p>
                        </h5>
                    </div>
                    @endif


                </div>


            </div>
            {{-- <div class="row mt-3">
                <div class="col-xs-12 col-sm-12 col-md-10">
                    <div class="row">
                        <h4 class="sub-title">Datos del cliente</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">No de afiliación<br><span><b>{{ $cliente->numero_afiliacion }}</b></span> </h5>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">Nombre<br><span><b>{{ $cliente->name . ' ' . $cliente->apellido_paterno . ' ' . $cliente->apellido_materno}}</b></span></h5>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">Tienda: <br><span>
                                @if(isset($cliente))
                                    @if($cliente->Tienda)
                                        <b class="no-cliente">{{ $cliente->Tienda->nombre}}</b>
                                    @else
                                        <b class="no-cliente">No Asignada</b>
                                    @endif
                                @else
                                    <b class="no-cliente">No disponible</b>
                                @endif
                            </span></h5>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">Teléfono fijo<br><span><b>{{ $cliente->telefono_fijo }}</b></span></h5>
                        </div>

                        <div  class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">Móvil<br><span><b>{{ $cliente->celular }}</b></span></h5>
                        </div>

                        <div class="col-md-6 col-md-offset-6">
                            <h5 class="ml-3">Correo<br><span><b>{{ $cliente->email }}</b></span></h5>
                        </div>

                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-2">
                    <div class="row">
                        <h4 class="sub-title">Estatus</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <span class="{{ $pedido->getCSS() }}">{{ $pedido->getEstatus() }}</span>
                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="row mt-4">
                <div  class="col-xs-12 col-sm-12 col-md-2">
                        <h4 style="display:flex;justify-content:center;">Estatus</h4>
                        <hr class="espaciador">
                        <div style="display:flex;justify-content:center;" class="col-xs-12 col-sm-12 col-md-12">
                            <span class="{{ $pedido->getCSS() }}">{{ $pedido->getEstatus() }}</span>
                        </div>
                </div>
            </div>

            <!--- nueva seccion detalle pedido CROL--->
            <div class="row mt-3">
                <div class="col-xs-12 col-sm-12 col-md-10">
                    <div class="row">
                        <h4 class="sub-title">Detalle pedido CROL</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">No de folio<br><span><b>{{ $pedido->external_folio ?? '' }}</b></span> </h5>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-6">
                            <h5 class="ml-3">ID de transacción<br><span><b>{{ $pedido->external_transaccion_id ?? '' }}</b></span></h5>
                        </div>
                    </div>
                </div>
            </div>

            <!--- nueva seccion detalle nota de venta--->
            @if($notaDeVenta)
                <div class="row mt-3">
                    <div class="col-xs-12 col-sm-12 col-md-10">
                        <div class="row">
                            <h4 class="sub-title">Detalle nota de venta CROL</h4>
                            <hr class="espaciador">
                            <div class="col-xs-12 col-sm-12 col-md-6">
                                <h5 class="ml-3">
                                    No de folio<br>
                                    <span>
                                        <b>{{ $notaDeVenta->external_folio ?? ''}}</b>
                                    </span>
                                </h5>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6">
                                <h5 class="ml-3">
                                    ID de transacción<br>
                                    <span>
                                        <b>{{ $notaDeVenta->external_transaccionId ?? '' }}</b>
                                    </span>
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="row mt-4">
                <h4 class="sub-title">Desglose Pedido</h4>
                <hr class="espaciador">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="table-responsive">
                        <table id="empresas" class="table table-striped nowrap" style="width:100%;overflow-x:auto;">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Código</th>
                                    <th>Estilo</th>
                                    {{-- <th>Marca</th>
                                    <th>Color</th>
                                    <th>Composición</th>
                                    <th>Talla</th>
                                    <th>Precio público</th>
                                    <th>Precio socio</th>
                                    <th>Total existencias</th>
                                    <th>Existencia tienda</th>
                                    <th>Cantidad solicitada</th>
                                    <th>Cantidad pendiente</th> --}}
                                    <th>Cant.</th>
                                    <th>Precio U.</th>
                                    <th>Importe</th>
                                    <th>% Desc.</th>
                                    <th>Desc.</th>
                                    <th>Notas</th>
                                    <th>Importe Neto</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($detalles as $item)
                                <tr>
                                    <td>{{$item->producto->id}}</td>
                                    <td>{{$item->producto->nombre_corto}}</td>
                                    <td>{{$item->producto->estilo}}</td>
                                    {{-- <td>@if($item->producto->marca)  {{ $item->producto->marca-> nombre }} @endif</td>
                                    <td>{{$item->producto->color}}</td>
                                    <td>{{$item->producto->composicion}}</td>
                                    <td>{{$item->producto->talla}}</td>
                                    <td class="text-center">$ {{number_format($item->monto, 2)}}</td>
                                    <td class="text-center">$ {{number_format($item->neto, 2)}}</td>
                                    <td class="text-center"><a href="javascript:totalExistencias({{$item->producto->id}})" class="link-blue">{{$item->cantidad_solicitada}}</a></td>
                                    <td class="text-center">{{$item->cantidad_solicitada}}</td>
                                    <td class="text-center">{{$item->cantidad_solicitada}}</td>
                                    <td class="text-center">{{$item->cantidad_pendiente}}</td> --}}
                                    <td class="text-center">{{$item->cantidad_solicitada}}</td>
                                    <td class="text-center">{{ $item->monto ? '$' . number_format($item->monto / $item->cantidad_solicitada, 2) : 'No disponible' }}
                                    </td>
                                    <td class="text-center">{{ $item->monto ? '$' . number_format($item->monto, 2) : 'No disponible' }}</td>
                                    <td class="text-center">{{ $item->porcentaje_descuento ?? 'No disponible' }}</td>
                                    <td class="text-center">{{ $item->descuento ? '- $' . number_format($item->descuento, 2) : 'No disponible' }}</td>
                                    <td class="text-center">{{$item->Notas}}</td>
                                    <td class="text-center">{{ $item->neto ? '$' . number_format($item->neto, 2) : 'No disponible' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="row mt-4">
                <h4 class="sub-title">Observaciones del pedido:</h4>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <textarea readonly name="observaciones" class="form-control" id="exampleFormControlTextarea1" rows="5">{{ $pedido->observacion }}</textarea>

                    </div>
                </div>
            </div>


            <div class="row mt-4">
                <div class="col-xs-12 col-sm-12 col-md-6">
                    {{-- <div class="row">
                        <h4 class="sub-title">Vales y descuentos</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Cupón de descuento:</strong>
                                <input readonly type="number" name="descuento" value="" class="form-control"
                                    placeholder="Cupón de descuento" >
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Vale a fovor:</strong>
                                <input readonly type="text" name="vale" value="" class="form-control"
                                    placeholder="Vale a favor">
                            </div>
                        </div>

                    </div> --}}


                    {{-- <div class="row {{ ! \Auth::user()->isAdmin() ? 'd-none' : '' }}"> --}}
                    <div class="row">
                        <h4 class="sub-title">Envío</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-12">

                            <strong>Método de envío:</strong><br>

                            @if( $pedido->tipo_envio == "tienda")
                                <p>Recoger en tienda</p>
                                <strong>Tienda:</strong><br>
                                <p>{{ $tienda->nombre }}</p>
                                <p>{{ $direccionTienda }}</p>
                                <input type="hidden" name="direccion_de_tienda" id="direccion_de_tienda" value="{{ $direccionTienda }}">
                            @endif

                            @if( $pedido->tipo_envio == "distribuidor")
                                <p>Recoger en distribuidor autorizado</p>
                                <strong>Distribuiodor - Sucursal:</strong><br>
                                <p>{{ $distribuidorSucursal }}</p>
                                <p>{{ $detalleDistribuidorAutorizado }}</p>
                                <input type="hidden" name="direccion_de_tienda" id="direccion_de_tienda" value="{{ $direccionTienda }}">
                            @endif

                            @if( $pedido->tipo_envio == "domicilio")
                                <p>Envío a Domicilio</p>
                                <strong>Domicilio:</strong><br>
                                <p>{{ $direccion->alias }}</p>
                                <p>{{ $detalleDomicilio }}</p>
                                <input type="hidden" name="direccion_domicilio" id="direccion_domicilio" value="{{ $detalleDomicilio }}">

                                <p style="color: red;">
                                    El envio a domicilio tiene un <b>costo extra</b>.<br>
                                    El monto te será notificado por medio de tu asesor Chopia.
                                </p>

                            @endif


                        </div>

                        {{-- <div class="col-xs-12 col-sm-12 col-md-8 mt-5">
                            <div class="form-group">
                                <h5>Total de cajas (Para el Admin)</h5>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-4 mt-5">
                            <div class="form-group">
                                <input readonly class="js-example-basic-single form-control text-right" type="number" value="{{$pedido->total_cajas}}">
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12 mt-5">
                            <div class="form-group">
                                <p>
                                    Leyenda sobre el manejo de la paqueteria, todo envio
                                    tiene por default; 1 costo de envio, depende del volumen de compra.
                                </p>
                            </div>
                        </div> --}}

                    </div>

                </div>



                <div class="col-xs-12 col-sm-12 col-md-6">

                    <div class="row">
                        <h4 class="sub-title">Total del pedido</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="table-responsive">
                                <table class="table table-striped nowrap" style="width:100%">
                                    <tr>
                                        <th>Concepto:</th>
                                        <td>Costo</td>
                                    </tr>
                                    <tr>
                                        <th>Total en artículos:</th>
                                        <td>$ {{ number_format($pedido->monto_total, 2) }}</td>
                                    </tr>

                                    {{-- <tr>
                                        <th>Cupón de descuento:</th>
                                        <td style="color: red;">$ -{{ number_format($pedido->monto_cupon, 2) }}</td>
                                    </tr> --}}
                                    {{-- <tr>
                                        <th>Vale a favor:</th>
                                        <td style="color: red;">$ -{{ number_format($pedido->monto_vale, 2) }}</td>
                                    </tr> --}}
                                    {{-- <tr>
                                        <th>Paquetería:</th>
                                        <td>$ {{ number_format($pedido->monto_paqueteria, 2) }}</td>
                                    </tr> --}}
                                    <tr>
                                        <th>Descuento de cliente:</th>
                                        <td style="color: red;">$ -{{ number_format($pedido->monto_descuento_cliente, 2) }}</td>
                                    </tr>
                                    <tr>
                                        <th>Sub-Total:</th>
                                        <td>$ {{  number_format($baseImponible = $pedido->monto_neto / (1 + (16 / 100)), 2) }}</td>
                                    </tr>
                                    <tr>
                                        <th>IVA (16%):</th>
                                        <td>$ {{ number_format($impuesto = $baseImponible * (16 / 100), 2) }}</td>
                                    </tr>
                                    <tr>
                                        <th style="font-size: 18px;">Total a pagar:</th>
                                        <td style="font-size: 18px;font-weight: 700;" id="total_a_pagar">$ {{ number_format($pedido->monto_neto, 2) }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-1">
                        <h4 class="sub-title mt-5">Método de pago</h4>
                        <hr class="espaciador">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="row">
                                <div class="col-xs-6"><strong>Forma de pago:</strong></div>
                                <div class="col-xs-6">{{ucwords($pedido->metodo_pago)}}</div>
                            </div>

                            @if ($pedido->pedido_pagos)
                                <div class="row mt-3">
                                    <div class="col-xs-12"><strong>Imagen Voucher:</strong></div>
                                </div>
                                <div class="row">
                                    <div style="cursor: pointer" class="col-xs-12 mt-3">
                                            <img style="max-height: 500px"
                                                id="imgVoucher"
                                                class="img-thumbnail img-zoom"
                                                src="{{ route('storage', ['typeFile' => 'pedido_comprobantes', 'filename' => $pedido->pedido_pagos->img_comprobante]) }}"
                                            >
                                        </div>
                                    </div>

                                </div>
                            @endif
                    </div>

                </div>
            </div>

        </div>

        {{--Pedido de Asociado En Revision--}}
        @if($pedido->distribuidor_id != null && $pedido->vendedor_id != null  && $pedido->estatus == 2)
            @component('pedidos.elementos.autorizar_enviar_pedido',
                            [
                                'pedido'          => $pedido,
                                'cliente'         => $cliente
                            ]
                     )
            @endcomponent
        @endif

    </div>

    @include('pedidos.elementos.modals')

    <p class="text-center text-primary"><small>-</small></p>
@endsection

@include('pedidos.elementos.js')