{{--
Ender Bastidas
10/05/2018

Modificado por Ivan Salazar
02/07/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

        $fecha = new DateTime();
        $fecha = $fecha->format('d-m-Y');

    @endphp

@endsection

@section('content')

    @include('Wscanguroazul.Recolecta.menurecolectas')

    @if(session('msj') && session('cod') == false)
        <div class="alert alert-danger col-sm-6 col-sm-push-1">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('msj') }}</strong>
        </div>
    @endif
    @if(session('msj') && session('cod') == true && session('menu') == 1)
        <div class="alert alert-success col-sm-6 col-sm-push-1">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('msj') }}</strong>
        </div>
    @endif

    <div class="col-md-9 admin-content" id="">
        <div class="row">
            <div class="col-sm-11">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title"><i class="glyphicon glyphicon-send"></i> Actualizar Ruta y Vehículo en Lote:</h3>
                    </div>
                    <div class="panel-body">
                        <div class="container">
                            <br />
                            <form method="post" action="{{ route('actVehiRuta') }}"
                                  accept-charset="UTF-8" enctype="multipart/form-data" id="listaRecolecta">
                                <div class="row">
                                    <div class="col-md-3 col-md-offset-2 form-group">
                                        <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                            <label for="fecha" class="text-primary">FECHA: </label>
                                            <div class='input-group date' id='datetimepicker'>
                                                <input type="text" class="form-control input-sm" id="fecha"
                                                       name="fecha"
                                                       value="{{$fecha}}"
                                                       data-container="body"
                                                       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>

{{--
Ivan Salazar
Lista de oficinas Dependientes de la ciudad del usuario activo
con la excepcion de la oficina principal,
adicionalmente se movió la logica de la seleccion de oficina al controlador
02/07/2018
--}}

        <div class="row">
            <div class="col-md-3 col-md-offset-2 form-group" >
                @if ($codoficina != 46)<label for="fecha" class="text-primary hidden">OFICINA: </label>
            @else <label for="fecha" class="text-primary ">OFICINA: </label> @endif
                <div class="input-group col-xs-12 col-md-12 col-sm-12">
                    @if ($codoficina == 46)
                        <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Oficina'></i></span>
                        <select name="TipoOficinas" id="TipoOficinas" class="form-control selectpicker show-tick" data-live-search="true" data-size="10" data-msg-required="Este campo es Requerido." data-rule-required="true">
                            <option selected value="">SELECCIONE OFICINA</option>
                                @foreach($consultaOficinas['entidadRespuesta'] as $oficinas)
                                        <option value="{{ $oficinas['codoficina'] }}">{{ $oficinas['nombre'] }}</option>
                                @endforeach
                         </select>
                    @elseif($codoficina == 253)
                        <input type="text" class="form-control input-sm hidden" id="TipoOficinas" name="TipoOficinas"
                               value="{{$codoficina}}"/>
                    @else
                        <input type="text" class="form-control input-sm hidden" id="TipoOficinas" name="TipoOficinas"
                               value="{{$codoficina}}"/>
                    @endif
                </div>
            </div>
        </div>
    <div class="panel-body col-md-offset-6">
        <button class="btn btn-primary" type="submit"><span class=" glyphicon glyphicon-ok"></span> Aceptar</button>
    </div>
</form>
</div>
</div>
<div class="panel-footer" style="font-size:12px;">
<span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podrá ver una breve descripci&oacute;n del campo
</div>
</div>
</div>
</div>
</div>
@endsection
@section('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 () {
$("#buscarRecolecta2").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
});
}
});
});

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

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

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

});
});
</script>

<script>
$(document).ready(function()
{
var navItems = $('.admin-menu li > a');
var navListItems = $('.admin-menu li');
var allWells = $('.admin-content');
var allWellsExceptFirst = $('.admin-content:not(:first)');

allWellsExceptFirst.hide();
navItems.click(function(e)
{
e.preventDefault();
navListItems.removeClass('active');
$(this).closest('li').addClass('active');

allWells.hide();
var target = $(this).attr('data-target-id');
$('#' + target).show();
});
});
</script>

<script>

$(document).ready(function() {

//VALIDACION DE CAMPOS
jQuery.validator.addMethod("accept", function(value, element, param) {
return value.match(new RegExp("." + param + "$"));
});
$.validator.addMethod('regexp', function(value, element, param) {
return this.optional(element) || value.match(param);
},
'ingresa una cuenta valida');
$("#listaRecolecta").validate({
rules :{
checkfecha: { required : true}
},

messages : {
checkfecha: { required : "* Requerido"},
},
tooltip_options: {

},
});
//Combo de select de Actualizar Datos view (recolectaActualizarDatos)
$('#tipo').change(function(){

aux = document.getElementById('tipo').value;

if (aux == 1){

$('#fechadesdeselect').show("slow");
$('#fechahastaselect').show("slow");
$('#clienteselect').hide("slow");
$('#recolectainicial').hide("slow");
$('#recolectafinal').hide("slow");

}else if (aux == 2){

$('#fechadesdeselect').hide("slow");
$('#fechahastaselect').hide("slow");
$('#clienteselect').show("slow");
$('#recolectainicial').hide("slow");
$('#recolectafinal').hide("slow");

}else{

$('#fechadesdeselect').hide("slow");
$('#fechahastaselect').hide("slow");
$('#clienteselect').hide("slow");
$('#recolectainicial').show("slow");
$('#recolectafinal').show("slow");

}
});

$('#tiponota').change(function(){

aux = document.getElementById('tiponota').value;

if (aux == 0){

$('#notaTipoBusqueda').hide("slow");
$('#notaFechaIngreso').hide("slow");
$('#notaRecolectaInicial').hide("slow");
$('#notaRecolectaFinal').hide("slow");
$('#notarutadesde').hide("slow");
$('#notarutahasta').hide("slow");
}else if (aux == 1){

$('#notaTipoBusqueda').show("slow");
$('#notaFechaIngreso').show("slow");
$('#notaRecolectaInicial').hide("slow");
$('#notaRecolectaFinal').hide("slow");
$('#notarutadesde').hide("slow");
$('#notarutahasta').hide("slow");

}else if (aux == 2){

$('#notaTipoBusqueda').show("slow");
$('#notaFechaIngreso').hide("slow");
$('#notaRecolectaInicial').show("slow");
$('#notaRecolectaFinal').show("slow");
$('#notarutadesde').hide("slow");
$('#notarutahasta').hide("slow");

}else{

$('#notaTipoBusqueda').show("slow");
$('#notaFechaIngreso').hide("slow");
$('#notaRecolectaInicial').hide("slow");
$('#notaRecolectaFinal').hide("slow");
$('#notarutadesde').show("slow");
$('#notarutahasta').show("slow");
}
});

$('#tiporeporte').change(function(){

aux = document.getElementById('tiporeporte').value;

if (aux == 0){
$('#selectreportes').hide("slow");
$('#fechadesdereporte').hide("slow");
$('#fechahastareporte').hide("slow");
$('#selectvehiculo').hide("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}else if (aux == 1){
$('#selectreportes').hide("slow");
$('#fechadesdereporte').show("slow");
$('#fechahastareporte').show("slow");
$('#selectvehiculo').show("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}else if (aux == 2){
$('#selectreportes').hide("slow");
$('#fechadesdereporte').show("slow");
$('#fechahastareporte').show("slow");
$('#selectvehiculo').hide("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}else if (aux == 3){
$('#selectreportes').hide("slow");
$('#fechadesdereporte').hide("slow");
$('#fechahastareporte').hide("slow");
$('#selectvehiculo').hide("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}else{
$('#selectreportes').show("slow");
$('#fechadesdereporte').hide("slow");
$('#fechahastareporte').hide("slow");
$('#selectvehiculo').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");
}
});
$('#tiporeportes').change(function(){

aux = document.getElementById('tiporeportes').value;

if (aux == 0){
$('#fechadesdereporte').hide("slow");
$('#fechahastareporte').hide("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}else if (aux == 1){

$('#fechadesdereporte').show("slow");
$('#fechahastareporte').show("slow");
$('#selectcliente').show("slow");
$('#codigocliente').show("slow");
$('#nombrecliente').show("slow");
$('#selectestatus').show("slow");
$('#selectrecolecta').show("slow");

}else{
$('#fechadesdereporte').show("slow");
$('#fechahastareporte').show("slow");
$('#selectcliente').hide("slow");
$('#codigocliente').hide("slow");
$('#nombrecliente').hide("slow");
$('#selectestatus').hide("slow");
$('#selectrecolecta').hide("slow");

}
});

});
</script>
<script>
$('#enviar').on('click', function() {
var RegistroForm=$('#crearRecolecta').valid();
//alert(RegistroForm);
if(RegistroForm==true) {
$('#procesando').modal('show');
var elem = document.getElementById("progressBar");
var width = 1;
var id = setInterval(frame, 30);

function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
document.getElementById("label").innerHTML = width * 1 + '%';
}
}
}
});
</script>

@endsection