{{--
Creado por Yonarkis Linares
Fecha: 11/01/2018/

Modificado por Ender Bastidas 24/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')
    @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 col-xs-12 col-md-12">
            <div class="panel panel-primary"> <!--Inicio del panel-->
                <div class="panel panel-heading">
                    <h3 class="panel-title"><strong>{{ $guardarRecolecta['entidadRespuesta']['mensaje']}}</strong> bajo el numero: <strong>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['codrecolecta']}}</strong></h3>
                </div>
                <br>
                <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">Codigo:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                        </tr>
                                        <tr>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['codcliente']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataCliente']['nombre']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataCliente']['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>{{$guardarRecolecta['entidadRespuesta']['dataCliente']['urbanizacionobl']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataCliente']['ciudadobl']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataCliente']['contacto']}}</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>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['nombrepro']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['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>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['urbanizacionpro']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['codciudadpro']}}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Télefono:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre Contacto:</th>
                                        </tr>
                                        <tr>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['telefonopro']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['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">{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['fechamod']}}</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']['dataRecolecta']['horadesde']}}</td>
                                            <td>{{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['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']['dataRecolecta']['codtipoenv'] == 1)
                                                    DOCUMENTO
                                                @endif
                                                @if($guardarRecolecta['entidadRespuesta']['dataRecolecta']['codtipoenv'] == 2)
                                                    MERCANCÍA
                                                @endif
                                            </td>
                                            <td>
                                                @if($guardarRecolecta['entidadRespuesta']['dataRecolecta']['codcasillero'] == 0)
                                                    GUIA
                                                @else
                                                    CASILLERO N° {{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['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']['dataRecolecta']['codtipoveh'] == 1)
                                                    MOTO
                                                @endif
                                                @if($guardarRecolecta['entidadRespuesta']['dataRecolecta']['codtipoveh'] == 2)
                                                    CAMION
                                                @endif
                                            </td>
                                            <td>
                                                {{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['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($guardarRecolecta['entidadRespuesta']['dataRecolecta']['codtipoing'] == 0)
                                                    CORREO
                                                @endif
                                                @if($guardarRecolecta['entidadRespuesta']['dataRecolecta']['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']['dataRecolecta']['contenido']}}
                                            </td>
                                            <td>
                                                {{$guardarRecolecta['entidadRespuesta']['dataRecolecta']['observacion']}}
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    {{--<button  href="{{ route('reportes') }}" class="btn btn-primary btn-sm" style="float: right;">Reportes</button>--}}
                    <a href="{{ route('reportes') }}"  class="btn btn-primary btn-sm" style="float: right;"
                       style="float: right; margin-right: 20px">Reportes</a>
                    <a href="{{ route('recolectaActualizarDatos') }}" 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") // 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