{{--
Creado por Yonarkis Linares
Fecha: 04/01/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')
    @if($mensaje  && $cod == true )
        <div class="alert alert-success col-sm-6 col-sm-push-3">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>
    @endif
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><strong>{{ $anularRecolecta['entidadRespuesta']['mensaje']}}</strong> - bajo el número: <strong>{{$recolecta['entidadRespuesta'][0]['codrecolecta']}}</strong></h3>
                </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">
                                    <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 style="font-weight: bold; background: #F5F5F5">Código:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['nombre']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['direccionobl']) }}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Urbanización:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre Contacto:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['urbanizacionobl']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['ciudadobl']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['nombrecontacto']) }}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </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">
                                    <h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> DATOS DEL BENEFICIARIO:</h3>
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <tbody>
                                        <tr>

                                            <th style="font-weight: bold; background: #F5F5F5">Nombre:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ strtoupper($recolecta['entidadRespuesta'][0]['nombrepro']) }}</td>
                                            <td>{{ strtoupper($recolecta['entidadRespuesta'][0]['direccionpro']) }}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Urbanización:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ strtoupper($recolecta['entidadRespuesta'][0]['urbanizacionpro']) }}</td>
                                            <td>{{ $recolecta['entidadRespuesta'][0]['listciudad']['nombre'] }}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Teléfono:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre Contacto:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ $recolecta['entidadRespuesta'][0]['telefonopro'] }}</td>
                                            <td>{{ strtoupper($recolecta['entidadRespuesta'][0]['contactopro']) }}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </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">
                                    <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>{{ $recolecta['entidadRespuesta'][0]['horadesde'] }}</td>
                                            <td>{{ $recolecta['entidadRespuesta'][0]['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($recolecta['entidadRespuesta'][0]['codtipoenv'] == 1)
                                                    DOCUMENTO
                                                @endif
                                                @if($recolecta['entidadRespuesta'][0]['codtipoenv'] == 2)
                                                    MERCANCÍA
                                                @endif</td>
                                            <td> @if($recolecta['entidadRespuesta'][0]['codcasillero'] == 0)
                                                    GUÍA
                                                @else
                                                    CASILLERO N° {{$recolecta['entidadRespuesta'][0]['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($recolecta['entidadRespuesta'][0]['codtipoveh'] == 1)
                                                    MOTO
                                                @endif
                                                @if($recolecta['entidadRespuesta'][0]['codtipoveh'] == 2)
                                                    CAMION
                                                @endif</td>
                                            <td>{{$recolecta['entidadRespuesta'][0]['codrutapro']}}</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($recolecta['entidadRespuesta'][0]['codtipoing'] == 0)
                                                    CORREO
                                                @endif
                                                @if($recolecta['entidadRespuesta'][0]['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>{{ strtoupper($recolecta['entidadRespuesta'][0]['contenido']) }}</td>
                                            <td>{{ strtoupper($recolecta['entidadRespuesta'][0]['observacion']) }}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </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-danger">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><span class="glyphicon glyphicon-ban-circle"></span> OBSERVACIÓN DE ANULACIÓN:</h3>
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <tbody>
                                        <tr>
                                            <th class="center" colspan="2" style="font-weight: bold; background: #F5F5F5">Observación:</th>
                                        </tr>
                                        <tr>
                                            <td class="center" colspan="2">{{ strtoupper($recolecta['entidadRespuesta'][0]['obseranulada']) }}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <a href="{{ route('reportes') }}"  class="btn btn-primary btn-sm" style="float: right;"
                       style="float: right; margin-right: 20px">Reportes</a>
                    <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                       style="float: right; margin-right: 20px">Inicio</a>
                </div>
            </div>
        </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")
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });*/
    </script>
@endsection