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

Modificado por Ender Bastidas 20/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">
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>--}}
    @php
        $desde = '01:00 PM';
        $hasta = '05:30 PM';

    $fecha = new DateTime();
        $fecha = $fecha->format('d-m-Y');
    @endphp
@endsection
@section('content')

    @if($mensaje  && $cod == true && $menu == 7)
        <div class="alert alert-danger col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <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 DIV del panel Registro de Recolecta Eventual-->
                <div class="panel-heading">
                    <h3 class="panel-title">Sistema de Recolectas para Oficinas -- Recolecta N° <strong>{{ $recolecta['entidadRespuesta'][0]['codrecolecta'] }}</strong> @if($recolecta['entidadRespuesta'][0]['inactivo'] == true)<strong style="color:#ff5a5a;">(Anulada)</strong> @elseif($recolecta['entidadRespuesta'][0]['guia'] == true and $recolecta['entidadRespuesta'][0]['inactivo'] == false )<strong style="color:#A9CCE3;">(Recolecta Generada)</strong>@elseif($recolecta['entidadRespuesta'][0]['guia'] == false and $recolecta['entidadRespuesta'][0]['inactivo'] == false )<strong style="color:#A9CCE3;">(Pendiente por Generar)</strong> @endif</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">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>
               
                @if ($recolecta['entidadRespuesta'][0]['guia'] == true or $recolecta['entidadRespuesta'][0]['inactivo'] == true)
                    <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)
                                                        MERCANCIA
                                                    @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]['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($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>
                @endif
                @if ($recolecta['entidadRespuesta'][0]['guia'] == false and $recolecta['entidadRespuesta'][0]['inactivo'] == true)
                    <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>
                                <form method="post" action="{{route('desanularRecolecta')}}"
                                      accept-charset="UTF-8" enctype="multipart/form-data" id="">
                                    <div class="panel-body">
                                        <input type="hidden" value="{{$recolecta['entidadRespuesta'][0]['codrecolecta']}}" id="codrecolecta" name="codrecolecta">

                                    @if($recolecta['entidadRespuesta'][0]['guia'] == false and $recolecta['entidadRespuesta'][0]['inactivo'] == true)
                                        <!--<button type="submit" class="btn btn-primary btn-sm"
                                                   style="float: right; margin-right: 20px" onclick="return ConfirmDesanular();">Desanularr</button>-->

                                            <a href="{{route('recolectaActualizarDatos')}}" class="btn btn-default btn-sm"
                                               style="float: right; margin-right: 20px">Inicio</a>
                                        @endif
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                @endif
                @if($recolecta['entidadRespuesta'][0]['guia'] == true and $recolecta['entidadRespuesta'][0]['inactivo'] == false)
                    <div class="panel-body">
                        <a href="{{route('index')}}" class="btn btn-default btn-sm" style="float: right; margin-right: 20px">Aceptar</a>
                    </div>
                @endif
                @if($recolecta['entidadRespuesta'][0]['guia'] == false and $recolecta['entidadRespuesta'][0]['inactivo'] == false)
                    <div class="row">
                        <div class="col-sm-12 col-xs-12 col-md-12">
                            <div class="panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><span class="glyphicon glyphicon-shopping-cart"></span> DATOS DE LA RECOLECTA:</h3>
                                </div>
                                <br>
                                <form method="post" action="{{ route('crear') }}"
                                      accept-charset="UTF-8" enctype="multipart/form-data" id="crearRecolecta">
                                    <div role="tabpanel" class="tab-pane active" id="home">
                                        <div class="table-responsive">
                                            <div class="col-md-4 color3">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda" name="busqueda"
                                                       value="act">
                                                <input type="hidden" value="{{$recolecta['entidadRespuesta'][0]['codrecolecta']}}" id="codrecolecta" name="codrecolecta">
                                                <input type="hidden" value="{{$recolecta['entidadRespuesta'][0]['codcliente']}}" id="codcliente" name="codcliente">

                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codproveedor" name="codproveedor"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codproveedor']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="fecharecold" name="fecharecold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['fecha']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="contenidoold" name="contenidoold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['contenido']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="observacionold" name="observacionold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['observacion']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codtipovehold" name="codtipovehold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codtipoveh']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="horadesdeold" name="horadesdeold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['horadesde']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="horahastaold" name="horahastaold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['horahasta']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codrutaold" name="codrutaold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codrutapro']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codtipoing" name="codtipoing"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codtipoing']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codtipoenvold" name="codtipoenvold"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codtipoenv']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="nombrepro" name="nombrepro"
                                                       value="{{$recolecta['entidadRespuesta'][0]['nombrepro']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="direccionpro" name="direccionpro"
                                                       value="{{$recolecta['entidadRespuesta'][0]['direccionpro']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="codciudadpro" name="codciudadpro"
                                                       value="{{$recolecta['entidadRespuesta'][0]['codciudadpro']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="contactopro" name="contactopro"
                                                       value="{{$recolecta['entidadRespuesta'][0]['contactopro']}}">
                                                <input type="hidden" style="width : 150px; heigth : 150px" id="urbanizacionpro" name="urbanizacionpro"
                                                       value="{{$recolecta['entidadRespuesta'][0]['urbanizacionpro']}}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="horades" class="text-primary">Hora Desde: </label>
                                                <div class="input-group timepicker-hour" id="timepickerdesde">
                                                    <input type="text" class="form-control input-sm" id="horades"
                                                           name="horades"
                                                           value="{{$desde}}"
                                                           data-container="body"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                    <span class="input-group-addon">
                                                            <span class="glyphicon glyphicon-time"></span>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="horahas" class="text-primary">Hora Hasta: </label>
                                                <div class="input-group timepicker-hour" id="timepickerhasta">
                                                    <input type="text" class="form-control input-sm" id="horahas"
                                                           name="horahas"
                                                           value="{{$hasta}}"
                                                           data-container="body"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        @php
                                            $fecha2 = Date('Y-m-d',strtotime($recolecta['entidadRespuesta'][0]['fecha']));

                                        @endphp
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="fecha" class="text-primary">Fecha: </label>
                                                <div>
                                                    <div class='input-group date input-group-sm' id=''>
                                                        <input type="text" class="form-control input-sm" id="fecha"
                                                               name="fecha"
                                                               value="{{$fecha2}}"
                                                               data-container="body"
                                                               data-placement="right"
                                                               data-msg-required="Este campo es Requerido."
                                                               data-rule-required="true"
                                                        >
                                                        <span class="input-group-addon">
                                                            <span class="glyphicon glyphicon-calendar"></span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group" >
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Envío'></i></span>
                                                <select name="tipoenv" id="tipoenv" class="form-control input-sm" data-msg-required="Este campo es Requerido." data-rule-required="true">
                                                    <option value="">...</option>
                                                    @php($i=1)
                                                    @foreach($tipoEnvio['entidadRespuesta'] as $tipoDeEnvio)
                                                        @if($i == $recolecta['entidadRespuesta'][0]['codtipoenv'])
                                                            <option selected
                                                                    value="{{ $i }}">{{ $tipoDeEnvio['descripcion'] }}</option>
                                                        @elseif($i != $recolecta['entidadRespuesta'][0]['codtipoenv'])
                                                            <option
                                                                    value="{{ $i }}">{{ $tipoDeEnvio['descripcion'] }}</option>
                                                        @endif
                                                    @php($i++)

                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group" >
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Tipo de Servicio'></i></span>
                                                <select name="tipo_servicio" id="tipo_servicio" class="form-control input-sm" data-msg-required="Este campo es Requerido." data-rule-required="true" onchange="activar(this.form)">
                                                    @if($recolecta['entidadRespuesta'][0]['codcasillero'] != 0)
                                                        <option value="">...</option>
                                                        <option selected value="casillero">CASILLERO</option>
                                                        <option value="GUIA">GUIA</option>
                                                    @else
                                                        <option value="">...</option>
                                                        <option selected value="GUIA">GUIA</option>
                                                        <option value="casillero">CASILLERO</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group" >
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Codigo de Casillero'></i></span>
                                                <select name="codcasillero" id="codcasillero" class="form-control input-sm" data-msg-required="Este campo es Requerido." data-rule-required="true" {{ $recolecta['entidadRespuesta'][0]['codcasillero'] == 0 ? 'disabled' : '' }}>
                                                    <option value="">...</option>
                                                    @foreach($consultaCasillero['entidadRespuesta'] as $casillero)
                                                        @if($casillero['codcasillero'] == $recolecta['entidadRespuesta'][0]['codcasillero'])
                                                            <option selected
                                                                    value="{{ $casillero['codcasillero'] }}">{{ $casillero['codcasillero'] }}</option>
                                                        @elseif($casillero['codcasillero'] != $recolecta['entidadRespuesta'][0]['codcasillero'])
                                                            <option
                                                                    value="{{ $casillero['codcasillero'] }}">{{ $casillero['codcasillero'] }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @if ($recolecta['entidadRespuesta'][0]['listciudad']['codoficinaope'] == $codoficina)
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group" >
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Vehiculo'></i></span>
                                                <select name="vehiculo" id="vehiculo" class="form-control input-sm" data-msg-required="Este campo es Requerido." data-rule-required="true">
                                                    <option value="">...</option>
                                                    @foreach($tipoVehiculo['entidadRespuesta'] as $vehiculo)
                                                        @if($vehiculo['codtipoveh'] == $recolecta['entidadRespuesta'][0]['codtipoveh'])
                                                            <option selected
                                                                    value="{{ $vehiculo['codtipoveh'] }}">{{ $vehiculo['nombre'] }}</option>
                                                        @elseif($vehiculo['codtipoveh'] != $recolecta['entidadRespuesta'][0]['codtipoveh'])
                                                            <option
                                                                    value="{{ $vehiculo['codtipoveh'] }}">{{ $vehiculo['nombre'] }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Ruta'></i></span>
                                                <select name="ruta" id="ruta" class="form-control input-sm" required
                                                        data-msg-required="Este campo es Requerido."
                                                        data-placement="top"
                                                        data-rule-required="true">
                                                    <option value="">...</option>
                                                    @foreach($consultaRutas['entidadRespuesta'] as $rutas)
                                                        @if($rutas['codruta'] == $recolecta['entidadRespuesta'][0]['codrutapro'])
                                                            <option selected
                                                                    value="{{ $rutas['codruta'] }}">{{ $rutas['numerorut'] }}</option>
                                                        @elseif($rutas['codruta'] != $recolecta['entidadRespuesta'][0]['codrutapro'])
                                                            <option
                                                                    value="{{ $rutas['codruta'] }}">{{ $rutas['numerorut'] }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group" >
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Tipo de Vía de Ingreso'></i></span>
                                                <select name="codtipoing" id="codtipoing" class="form-control input-sm" required
                                                        data-msg-required="Este campo es Requerido."
                                                        data-placement="top"
                                                        data-rule-required="true">
                                                    @if($recolecta['entidadRespuesta'][0]['codtipoing'] = 0)
                                                        <option value="">...</option>
                                                        <option selected value="0">CORREO</option>
                                                        <option value="1">TELÉFONO</option>
                                                    @else
                                                        <option value="">...</option>
                                                        <option selected value="1">TELÉFONO</option>
                                                        <option value="0">CORREO</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div style="" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="contenido" id="contenido" rows="4"
                                                          placeholder="Contenido Declarado por el Remitente (*)" required
                                                          data-msg-required="Este campo es Requerido."
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-placement="top"
                                                          data-rule-required="true" >{{ $recolecta['entidadRespuesta'][0]['contenido'] }}
                                                </textarea>
                                                <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Contenido Remitente'></span>
                                                    </span>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-md-offset">
                                            <div style="" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="observacion" id="observacion" rows="4"
                                                          placeholder="Observaciones (*)"
                                                          data-msg-required="Este campo es Requerido."
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-placement="top"
                                                          data-rule-required="true">{{ $recolecta['entidadRespuesta'][0]['observacion'] }}
                                                </textarea>
                                                <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Observaci&oacute;n'></span>
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        <button type="submit" id="enviar" class="btn btn-primary btn-sm" style="float: right;">Aceptar</button>

                                        <a href="{{ route('recolectaActualizarDatos') }}" class="btn btn-default btn-sm"
                                           style="float: right; margin-right: 20px">Inicio</a>

                                        <a class="btn btn-danger" style="float: right; margin-right: 20px"
                                           data-toggle="modal"
                                           data-target="#AnularBeneficiario" title="Anular Beneficiario">Anular <span class="glyphicon glyphicon-ban-circle"></span>
                                        </a>
                                    </div>
                                    <div class="panel-footer col-md-12" style="font-size:12px;">
                                        <span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                @endif
            </div> <!--Final DIV del panel Registro de Recolecta Eventual-->
        </div>
    </div>

    <div class="modal fade" id="AnularBeneficiario">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="panel-danger">
                    <button type="button" class="close"
                            data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true" style="color: white">&times;</span></button>
                    <div class="panel-heading"><h4 class="panel-title" id="ActivarProveedorLabel">Anular Recolecta -- Recolecta N° <strong>{{ $recolecta['entidadRespuesta'][0]['codrecolecta'] }}</strong></h4></div>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="panel-body">
                                <form method="post" action="{{route('anularRecolecta')}}"
                                      accept-charset="UTF-8" enctype="multipart/form-data" id="">
                                    <div class="center">
                                        <label for="codproveedor" class="text-dark"><b>ANULACIÓN DE RECOLECTA</b></label>
                                    </div>
                                    <br>
                                    <br>
                                    <input type="hidden" value="{{$recolecta['entidadRespuesta'][0]['codrecolecta']}}" id="codrecolecta" name="codrecolecta">
                                    <input type="hidden" value="{{$recolecta['entidadRespuesta'][0]['codcliente']}}" id="codcliente" name="codcliente">
                                    <div class="row">
                                        <div class="col-md-10 col-md-offset-1 form-group">
                                            <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="obseranulada" id="obseranulada" maxlength="200" rows="4"
                                                          placeholder="Indique por favor, raz&oacute;n de la Anulación de la Recolecta" required
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-msg-required="Este campo es Requerido."
                                                          data-placement="top"></textarea>
                                                <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Anulación de Recolecta'></span>
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <button type="submit" class="btn btn-danger btn-sm" style="float: right;" onclick="return ConfirmAnular()">Aceptar
                                    </button>
                                    <button class="btn btn-default block" data-dismiss="modal"
                                            style="float: right; margin-right: 20px">Volver
                                    </button>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <div class="panel-footer col-md-12" style="font-size:12px;">
                                        <span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection
@section('script')
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <link href="{!! asset('/css/datatables.css') !!}" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{!! URL::asset('/js/datatables.js')  !!}"></script>

    <script>

        function ConfirmAnular()
        {
            var x = confirm("Anular una recolecta implica dejar sin efecto el servicio solicitado por el cliente.  Si esta de acuerdo con anular el servicio de recolecta presione ACEPTAR");
            if (x)
                return true;
            else
                return false;
        }

        function ConfirmDesanular()
        {

            var x = confirm("Desanular una recolecta implica activar el servicio solicitado por el cliente.  Si esta de acuerdo con desanular el servicio de recolecta presione ACEPTAR");
            if (x){
               return true;
            }else{
                return false;
            }
        }


        $(document).ready(function(){

            $("input[type=submit]").click(function() {
                var accion = $(this).attr('dir');
                $('form').attr('action', accion);
                $('form').submit();
            });

        });

        {{--    function submitForm(action)
        {
            alert('esto es una prueba');
            document.getElementById('anularRecolecta').action = route('recolecta.anularRecolecta');
            document.getElementById('anularRecolecta').submit();
        }--}}
    </script>

    <script type="text/javascript">

        function activar(form){
            if(form.tipo_servicio.value=='GUIA'){
                form.codcasillero.value='';
                form.codcasillero.disabled=true;
            }
            if(form.tipo_servicio.value=='casillero'){
                form.codcasillero.disabled=false;
                form.codcasillero.focus();
            }

        }

        function test(form) {
            if (form.tipo_servicio.value=='GUIA'){
                form.codcasillero.value='';
                form.codcasillero.disabled=true;
            }
        }

        //    $(document).ready(function() {
        //      $('#datos2').DataTable();
        //} );

        //$(document).ready(function() {
        // $('#datos').DataTable();
        //} );
    </script>
    <script>
        $(document).ready(function() {

            var t =$('#datos').DataTable( {
                columnDefs: [ {
                    "searchable": false,
                    "orderable": false,
                    "targets": 0
                } ],
                order: [[ 6, 'desc' ]],
                dom: 'Bfrtip',
                buttons: [

                ],
                pageLength: 5,
                language: {
                    "processing": "Procesando...",
                    "lengthMenu": "Mostrar _MENU_ registros",
                    "zeroRecords": "No se encontraron resultados",
                    "emptyTable": "Ningún dato disponible en esta tabla",
                    "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "infoPostFix": "",
                    "search": "Búsqueda:",
                    "url": "",
                    "infoThousands": ",",
                    "loadingRecords": "Cargando...",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                }

            } );

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes()
            } ).draw();
        } );

        $(document).ready(function() {

            var t =$('#datos2').DataTable( {
                columnDefs: [ {
                    "searchable": false,
                    "orderable": false,
                    "targets": 0
                } ],
                order: [[ 6, 'desc' ]],
                dom: 'Bfrtip',
                buttons: [

                ],
                pageLength: 5,
                language: {
                    "processing": "Procesando...",
                    "lengthMenu": "Mostrar _MENU_ registros",
                    "zeroRecords": "No se encontraron resultados",
                    "emptyTable": "Ningún dato disponible en esta tabla",
                    "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "infoPostFix": "",
                    "search": "Búsqueda:",
                    "url": "",
                    "infoThousands": ",",
                    "loadingRecords": "Cargando...",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                }

            } );

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes()
            } ).draw();
        } );

        $(function () {
            var date = new Date();
            var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

            $('#datetimepicker').datetimepicker({
                minDate: today,
                format: 'DD-MM-YYYY',
                useCurrent: false,
                widgetPositioning: {
                    vertical: 'bottom'
                }

            });
        });

        $(function () {
            $('#timepickerhasta').datetimepicker({
                format: 'LT'
            });
        });
        $(function () {
            $('#timepickerdesde').datetimepicker({
                format: 'LT'
            });
        });
    </script>
    <script type="text/javascript">
        $('#myTabs a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
        $('#myTabs a[href="#profile"]').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
                    });
                }
            });
        });

        $('document').ready(function () {
            $("#buscarRecolecta").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