{{--
Creado por Yonarkis Linares
Fecha: 14/12/2017/

Modificado por Ender Bastidas
10/05/2018
--}}
@extends('layouts/master')
@section('header')
    {{--<link href="{!! asset('/css/jquery.dataTables.min.css')  !!}" rel="stylesheet">
    <link href="{!! asset('/css/dataTables.bootstrap.min.css')  !!}" rel="stylesheet">--}}
    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
@endsection
@section('content')
    <div class="row">
        <div class="col-sm-12 col-xs-12 col-md-12">
            <div class="panel panel-primary"> <!--Inicio del panel-->
                <div class="panel-heading">
                    <h3 class="panel-title">{{ $guardarRecolecta['entidadRespuesta']['mensaje']}} bajo el numero <strong>{{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['codrecolecta']}}</strong></h3>
                </div>
                <div class="">
                    @if(!empty($guardarRecolecta['entidadRespuesta']['observacion']))
                        <h2 class="panel-title"><label class="text-danger"> Nota: {{$guardarRecolecta['entidadRespuesta']['observacion']}}</label></h2>
                    @endif
                </div>
                <br>
                <br>
                <div class="col-sm-10 col-xs-10 col-md-10 col-md-offset-1">
                    <div class="panel panel-primary">
                        <div class="panel-heading center">

                            <h3 class="panel-title"><span class="glyphicon glyphicon-shopping-cart"></span> DATOS DE LA RECOLECTA:</h3>
                        </div>
                        <div class="panel-body">
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <th class="center" colspan="2" style="font-weight: bold; background: #F5F5F5">Fecha:</th>
                                </tr>
                                <tr>
                                    <td class="center" colspan="2">01-01-1970</td>

                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Hora Desde:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Hora Hasta:</th>
                                </tr>
                                <tr>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['horadesde']}}</td>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['horahasta']}}</td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Tipo de Envio:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Servicio:</th>
                                </tr>
                                <tr>
                                    <td> @if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoenv'] == 1)
                                            DOCUMENTO
                                        @endif
                                        @if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoenv'] == 2)
                                            MERCANCíA
                                        @endif
                                    </td>
                                    <td> @if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codcasillero'] == 0)
                                            GUIA
                                        @else
                                            CASILLERO N° {{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['codcasillero']}}
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Vehículo:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Ruta:</th>
                                </tr>
                                <tr>
                                    <td>@if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoveh'] == 1)
                                            MOTO
                                        @endif
                                        @if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoveh'] == 2)
                                            CAMION
                                        @endif</td>
              
                                    <td>{{$guardarRecolecta['entidadRespuesta']['consultaRuta'][0]['numerorut']}}</td>
                                </tr>
                                <tr>
                                    <th class="center" colspan="2" style="font-weight: bold; background: #F5F5F5">Vía de Ingreso:</th>
                                </tr>
                                <tr>
                                    <td class="center" colspan="2">@if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoing'] == 0)
                                            CORREO
                                        @endif
                                        @if($guardarRecolecta['entidadRespuesta']['datosRecolecta']['codtipoing'] == 1)
                                            TELÉFONO
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Contenido Declarado por el Remitente:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Observaciones:</th>
                                </tr>
                                <tr>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['contenido']}}</td>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosRecolecta']['observacion']}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-sm-10 col-xs-10 col-md-10 col-md-offset-1">
                    <div class="panel panel-primary">
                        <div class="panel-heading center">
                            <h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> DATOS DEL CLIENTE:</h3>
                        </div>
                        <div class="panel-body">
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <th class="center" colspan="2" style="font-weight: bold; background: #F5F5F5">Cliente:</th>
                                </tr>
                                <tr>
                                    <td class="center" colspan="2">{{$guardarRecolecta['entidadRespuesta']['datosCliente']['nombre']}}</td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Código:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Contacto:</th>
                                </tr>
                                <tr>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['codcliente']}}</td>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['contacto']}}</td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Telefono:</th>
                                </tr>
                                <tr>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['ciudadobl']}}</td>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['telefonoobl']}}</td>
                                </tr>
                                <tr>
                                    <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                    <th style="font-weight: bold; background: #F5F5F5">Urbanización:</th>
                                </tr>
                                <tr>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['direccionobl']}}</td>
                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosCliente']['urbanizacionobl']}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-10 col-xs-10 col-md-10 col-md-offset-1">
                            <div class="panel panel-primary">
                                <div class="panel-heading center">
                                    <h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> DATOS DEL PROVEEDOR:</h3>
                                </div>
                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <tbody>
                                        <tr>
                                            <th class="center" colspan="2" style="font-weight: bold; background: #F5F5F5">Proveedor:</th>
                                        </tr>
                                        <tr>
                                            <td class="center" colspan="2">{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['nombre']}}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Contacto:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                        </tr>
                                        <tr>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['contacto']}}</td>
                                            @if(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['ciudad']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['ciudad']}}</td>
                                                @elseif($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['ciudadobl']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['ciudadobl']}}</td>
                                                @else
                                                <td></td>
                                            @endif
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Teléfono:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Celular:</th>
                                        </tr>
                                        <tr>
                                            @if(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['telefono']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['telefono']}}</td>
                                                @elseif(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['telefonoobl']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['telefonoobl']}}</td>
                                                @else
                                                <td></td>
                                            @endif
                                           @if(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['celular']))
                                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['celular']}}</td>
                                               @else
                                               <td></td>
                                            @endif

                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Urbanización:</th>
                                        </tr>
                                        <tr>
                                            @if(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['direccion']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['direccion']}}</td>
                                                @elseif(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['direccionobl']))
                                                <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['direccionobl']}}</td>
                                                @else
                                                <td></td>
                                            @endif

                                                @if(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['urbanizacion']))
                                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['urbanizacion']}}</td>
                                                @elseif(isset($guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['urbanizacionobl']))
                                                    <td>{{$guardarRecolecta['entidadRespuesta']['datosProveedor'][0]['urbanizacionobl']}}</td>
                                                @else
                                                    <td></td>
                                                @endif
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <a type="submit" href="{{ url('/canguroazul/recolecta/reportes')}}" class="btn btn-primary btn-sm" style="float: right;">Reportes</a>
                    <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                       style="float: right; margin-right: 20px">Inicio</a>
                </div>
            </div><!--final del panel-->
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $('#myTabs a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
        $('#myTabs a[href="#datos_cliente"]').tab('show') // Select tab by name
        $('#myTabs a:first').tab('show') // Select first tab
        $('#myTabs a:last').tab('show') // Select last tab
        $('#myTabs li:eq(2) a').tab('show') // Select third tab (0-indexed)
        $('#someTab').tab('show')
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            e.target // newly activated tab
            e.relatedTarget // previous active tab
        })

        // VALIDO LOS CAMPOS DEL FORMULARIO

        $('document').ready(function () {
            $("#crearRecolecta").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });
    </script>
@endsection