{{--
    Creado Por Junior Medina
    Fecha: 02-09-2019
    Vista crearrecolectaGe.blade.php
--}}
@extends('Wscanguroazul.layouts.master_recolecta_ge')
@section('header')
    <link rel="stylesheet" href="{{ asset('css/custom_recolecta_ge.css') }}">

    @php
        $desde = '13:00';
        $hasta = '17:30';

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

    <div class="panel panel-theme">
        <div class="panel-heading"><h5 class="text-center card-subtitle" style="font-size: medium;">Buscar</h5></div>
        <div class="panel-body">
            <form class="">
                <div class="form-row">
                    <div class="form-group col-md-2">
                        <center><label for="input" class="col-form-label col-form-label-sm">Recolecta</label></center>
                        <input type="text" class="form-control form-control-sm" id="codRecolecta" placeholder=""
                               onKeyUp="javascript:this.value=this.value.replace(/[^0-9]/g,'');">
                    </div>
                    <div class="form-group col-md-3">
                        <center><label for="input" class="col-form-label col-form-label-sm">Fecha Solicitud</label>
                        </center>
                        <div class="input-group">
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <input type="text" class="form-control form-control-sm" name="fechaSolicitudDesde"
                                           id="fechaSolicitudDesde" value="{{date('d-m-Y')}}">
                                </div>
                                <div class="form-group col-md-6">
                                    <input type="text" class="form-control form-control-sm" name="fechaSolicitudHasta"
                                           id="fechaSolicitudHasta" value="{{date('d-m-Y')}}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <center><label for="input" class="col-form-label col-form-label-sm">Fecha Recolecta</label>
                        </center>
                        <div class="input-group">
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <input type="text" class="form-control form-control-sm" name="fechaRecolectaDesde"
                                           id="fechaRecolectaDesde">
                                </div>
                                <div class="form-group col-md-6">
                                    <input type="text" class="form-control form-control-sm" name="fechaRecolectaHasta"
                                           id="fechaRecolectaHasta">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-2">
                        <center><label for="input" class="col-form-label col-form-label-sm">Tipo Envio</label></center>
                        <select class="form-control form-control-sm" id="tipoEnvio">
                            <option value="">Todos</option>
                            <option value="0">DOC</option>
                            <option value="1">MER</option>
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <center><label for="input" class="col-form-label col-form-label-sm">Estatus</label></center>
                        <select class="form-control form-control-sm" id="Estatus">
                            <option value="">Todos</option>
                            <option selected value="0">Activo</option>
                            <option value="1">Inactivo</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-12">
                        <center>
                            <button type="button" class="btn btn-primary btn-sm" onclick="consultaRecolecta()">Buscar
                            </button>
                        </center>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-10 col-sm-10 col-xs-10 offset-md-1 offset-sm-1 offset-xs-1 text-center">
                        <label style='text-align: justify; font-size: small;'>S&iacute; no se coloca ning&uacute;n par&aacute;metro,
                            la
                            consulta arrojar&aacute; el listado de las Recolectas realizadas el d&iacute;a de
                            hoy.</label>
                    </div>
                    <div class="col-md-1 col-sm-1 col-xs-1"></div>
                    <br>
                </div>
            </form>
        </div>
    </div>

    {{---------------------------------------------TABLA PARA LISTAR RECOLECTAS----------------------------------}}
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8?/>
    <input type="hidden" id="url" data-url="{{ route('getConsumirAjax') }}">
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <div class="panel panel-theme">
                <div class="panel-heading"><h5 class="text-center card-subtitle" style="font-size: medium;">
                        Listar/Modificar Beneficiario de
                        Recolecta</h5></div>
                <div class="panel-body">
                    <div class="row col-md-12">
                        <div class="form-group col-md-12">
                            <div class="container" style="padding-right: 0px !important; padding-left: 0px !important;">
                                <br>
                                <div class="row">
                                    <div class="col-sm-12 col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-borderless table-striped table-earning"
                                                   id="datos">
                                                <thead>
                                                <tr>
                                                    <th class="text-center"></th>
                                                    <th class="text-center">Recolecta</th>
                                                    <th class="text-center">Fecha Solicitud</th>
                                                    <th class="text-center">Fecha Recolecta</th>
                                                    <th class="text-center">Tipo</th>
                                                    <th class="text-center">Beneficiario</th>
                                                    <th class="text-center">Contacto</th>
                                                    <th class="text-center">Contenido</th>
                                                    <th class="text-center">Tipo Envio</th>
                                                    <th class="text-center">Estatus</th>
                                                </tr>
                                                </thead>
                                                <tfoot></tfoot>
                                                <tbody class="text-center">
                                                @if(!empty($Resultrecolecta))
                                                    @foreach($Resultrecolecta['entidadRespuesta'] as $Recolecta)
                                                        @php $tipo = ($Recolecta['codcasillero'] > 0) ? 'CASILLERO' : 'GUIA'; @endphp
                                                        <tr>
                                                            <td>
                                                                <label class="radio-inline"><input type="radio"
                                                                                                   id="codrecolecta"
                                                                                                   value="{{ $Recolecta['codrecolecta'] }}"
                                                                                                   name="codrecolecta"
                                                                                                   data-msg-required="Este campo es Requerido."
                                                                                                   required>
                                                                </label>
                                                            </td>
                                                            <td>{{ strtoupper($Recolecta['codrecolecta']) }}</td>
                                                            <td>{{ date("d/m/Y", strtotime($Recolecta['fechasol'])) }}</td>
                                                            <td>{{ date("d/m/Y", strtotime($Recolecta['fecha'])) }}</td>
                                                            <td>
                                                                {{ $tipo }}
                                                            </td>
                                                            <td>{{ strtoupper($Recolecta['nombrepro']) }}</td>
                                                            <td>{{ strtoupper($Recolecta['contactopro']) }}</td>
                                                            <td>{{ substr(strtoupper($Recolecta['contenido']),0,45) }}</td>
                                                            <td>
                                                                @if($Recolecta['codtipoenv'] === 1)
                                                                    D
                                                                @else
                                                                    M
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if($Recolecta['inactivo'] == false)

                                                                    <button class="btn btn-primary"
                                                                            title="Se puede Editar">
                                                                        <span><i class="fas fa-check"></i></span>
                                                                    </button>
                                                                @else
                                                                    <button class="btn btn-warning"
                                                                            title="No se puede editar">
                                                                        <span><i class="fas fa-times"></i></span>
                                                                    </button>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 col-md-12">

                                        <div class="text-center">
                                            <input type="button" class="btn btn-primary btn-sm" value="Modificar"
                                                   onclick="modal_recolecta($('input:radio[name=codrecolecta]:checked').val())"/>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-----------------------------------------FIN TABLA PARA LISTAR RECOLECTAS----------------------------------}}


    {{------------------------------------------MODAL PARA MODIFICAR RECOLECTAS----------------------------------}}
    <div class="modal" id="modal_recolecta" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" style="max-width: 50em;" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title text-white text-center" style="font-size: medium;">Modificar/Anular Recolecta
                        Nro <span id="nro"></span>
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form name="form" id="formFields" method="" action="" enctype="">
                    <div class="modal-body">
                        <div class="panel panel-default">
                            <div class="panel-heading"><h5 class="text-center card-subtitle" style="font-size: medium;">
                                    Beneficiario de la
                                    Recolecta</h5></div>
                            <div class="panel-body">
                                <br>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Nombre</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control form-control-sm" id="Nombre"
                                               placeholder="Nombre Beneficiario" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword" class="col-sm-3 col-form-label col-form-label-sm">Contacto</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control form-control-sm" id="Contacto"
                                               placeholder="Contacto Beneficiario" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Ciudad</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control form-control-sm" id="Ciudad"
                                               placeholder="Ciudad"
                                               readonly>
                                    </div>

                                    <label for="inputPassword" class="col-sm-2 col-form-label col-form-label-sm">Tel&eacute;fono</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control form-control-sm" id="Telefono"
                                               placeholder="Telefono"
                                               readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Urbanizaci&oacute;n</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control form-control-sm" id="Urbanizacion"
                                               placeholder="Urbanización" readonly>
                                    </div>
                                </div>
                            </div>

                            <div class="panel-heading"><h5 class="text-center card-subtitle" style="font-size: medium;">
                                    Datos de la Recolecta</h5>
                            </div>
                            <div class="panel-body">
                                <br>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Fecha Solicitud</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control form-control-sm" id="fecha_sol"
                                               placeholder="fecha" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm"> Hora Desde</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control form-control-sm" id="horaDesde"
                                               placeholder="horaDesde" readonly>
                                    </div>
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Hora Hasta</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control form-control-sm" id="horaHasta"
                                               placeholder="horaHasta" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Veh&iacute;culo</label>
                                    <div class="col-sm-9">
                                        <select class="form-control form-control-sm" name="vehiculo" id="vehiculo"
                                                readonly>
                                            <option value='02'>CAMION</option>
                                            <option value='01'>MOTO</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Tipo de Servicio</label>
                                    <div class="col-sm-9">
                                        <input type="radio" name="tipo_servicio" value="GUIA">GU&Iacute;A&nbsp;&nbsp;
                                        <input type="radio" name="tipo_servicio" value="CASILLERO">CASILLERO
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Contenido</label>
                                    <div class="col-sm-9">
                                        <textarea cols="3" type="text" class="form-control form-control-sm"
                                                  id="Contenido"
                                                  placeholder="Contenido" readonly></textarea>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">Observacion</label>
                                    <div class="col-sm-9">
                                        <textarea cols="3" type="text" class="form-control form-control-sm"
                                                  id="Observacion"
                                                  placeholder="Observacion" readonly></textarea>
                                    </div>
                                </div>
                                <div class="form-group row" id="estatus_hidden">
                                    <label for="inputPassword"
                                           class="col-sm-3 col-form-label col-form-label-sm">&iquest;Que desea
                                        hacer?</label>
                                    <div class="col-sm-9">
                                        <input type="radio" name="estatus" id="estatus_a" value="Modifica">Modificar
                                        Recolecta&nbsp;&nbsp;
                                        <input type="radio" name="estatus" id="estatus_i" value="Inactivo">Anular
                                        Recolecta
                                    </div>
                                </div>
                                <div class="" id="modificar" style="display: none;">
                                    <div class="row ">
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="checkbox"
                                                 style="margin-top: 2em; text-align: justify;">
                                                <label>
                                                    <input type="checkbox"
                                                           name="tipoenvmer"
                                                           id="tipoenvmer"
                                                           value="MERCANCIA"
                                                           class="text-muted"><span
                                                            class="label label-small" id="text_vm">  MERCANCIA  </span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Cantidad de Piezas</span></label>
                                                <select name="cmbcantidadpiezasmer"
                                                        class="form-control form-control-sm"
                                                        id="cmbcantidadpiezasmer"
                                                        onchange="funvalidapiezas()"
                                                        disabled>
                                                    <option value=''>--</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option><option value=32>32</option><option value=33>33</option><option value=34>34</option><option value=35>35</option><option value=36>36</option><option value=37>37</option><option value=38>38</option><option value=39>39</option><option value=40>40</option><option value=41>41</option><option value=42>42</option><option value=43>43</option><option value=44>44</option><option value=45>45</option><option value=46>46</option><option value=47>47</option><option value=48>48</option><option value=49>49</option><option value=50>50</option><option value=51>51</option><option value=52>52</option><option value=53>53</option><option value=54>54</option><option value=55>55</option><option value=56>56</option><option value=57>57</option><option value=58>58</option><option value=59>59</option><option value=60>60</option><option value=61>61</option><option value=62>62</option><option value=63>63</option><option value=64>64</option><option value=65>65</option><option value=66>66</option><option value=67>67</option><option value=68>68</option><option value=69>69</option><option value=70>70</option><option value=71>71</option><option value=72>72</option><option value=73>73</option><option value=74>74</option><option value=75>75</option><option value=76>76</option><option value=77>77</option><option value=78>78</option><option value=79>79</option><option value=80>80</option><option value=81>81</option><option value=82>82</option><option value=83>83</option><option value=84>84</option><option value=85>85</option><option value=86>86</option><option value=87>87</option><option value=88>88</option><option value=89>89</option><option value=90>90</option><option value=91>91</option><option value=92>92</option><option value=93>93</option><option value=94>94</option><option value=95>95</option><option value=96>96</option><option value=97>97</option><option value=98>98</option><option value=99>99</option>                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Peso Aproximado</span></label>
                                                <select name="pesoaproxmer"
                                                        id="pesoaproxmer" disabled
                                                        class="form-control form-control-sm">
                                                    <option value="" selected>--
                                                    </option>
                                                    <option value="MENOS DE 2 KG">MENOS
                                                        DE 2 KG
                                                    </option>
                                                    <option value="DE 2 A 5 KG">DE 2 A 5
                                                        KG
                                                    </option>
                                                    <option value="DE 5 A 10 KG">DE 5 A
                                                        10 KG
                                                    </option>
                                                    <option value="DE 10 A 15 KG">DE 10
                                                        A 15 KG
                                                    </option>
                                                    <option value="MAS DE 15 KG">MAS DE
                                                        15 KG
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Dimensi&oacute;n</span></label>
                                                <select name="dimensionesmer"
                                                        id="dimensionesmer" disabled
                                                        class="form-control form-control-sm">
                                                    <option value="" selected>--
                                                    </option>
                                                    <option value="GRANDE">GRANDE
                                                    </option>
                                                    <option value="MEDIANO">MEDIANO
                                                    </option>
                                                    <option value="PEQUENO">PEQUENO
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="checkbox"
                                                 style="margin-top: 2em; text-align: justify;">
                                                <label>
                                                    <input type="checkbox"
                                                           name="tipoenvdoc"
                                                           id="tipoenvdoc"
                                                           value="DOCUMENTO"
                                                           class="text-muted"><span
                                                            class="label label-small" id="text_vd">  DOCUMENTO  </span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Cantidad de Piezas</span></label>
                                                <select name="cmbcantidadpiezasdoc"
                                                        class="form-control form-control-sm"
                                                        id="cmbcantidadpiezasdoc"
                                                        onchange="funvalidapiezas()"
                                                        disabled>
                                                    <option value=''>--</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option>                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Peso Aproximado</span></label>
                                                <select name="pesoaproxdoc"
                                                        id="pesoaproxdoc" disabled
                                                        class="form-control form-control-sm">
                                                    <option value="" selected>--
                                                    </option>
                                                    <option value="MENOS DE 2 KG">MENOS
                                                        DE 2 KG
                                                    </option>
                                                    <option value="DE 2 A 5 KG">DE 2 A 5
                                                        KG
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <div class="row ">
                                                <div class="col-md-6 col-sm-6 col-xs-6">
                                                    <div class="form-group">
                                                        <label for=""><span
                                                                    class="col-form-label col-form-label-sm">Total Piezas:</span></label>
                                                        <input type="text"
                                                               class="form-control form-control-sm"
                                                               name="totalgenPiezas"
                                                               id="totalgenPiezas">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <label for=""><span
                                                            class="col-form-label col-form-label-sm">Observaci&oacute;n</span></label>
                                                <textarea
                                                        class="form-control form-control-sm"
                                                        name="txtobservaciones"
                                                        id="txtobservaciones"
                                                        maxlength="200"
                                                        onKeyUp="document.getElementById(this.id).value=document.getElementById(this.id).value.toUpperCase()"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" id="codrecolecta">
                                <input type="hidden" id="codcasillero">
                                <input type="hidden" id="codproveedor">
                                <input type="hidden" id="codrutapro">
                                <input type="hidden" id="codtipoenv">
                                <input type="hidden" id="codtipomod">
                                <input type="hidden" id="codtipoveh">
                                <input type="hidden" id="contactopro">
                                <input type="hidden" id="contenido">
                                <input type="hidden" id="nombrepro">
                                <input type="hidden" id="contactopro">
                                <input type="hidden" id="fecha">
                                <input type="hidden" id="observacion">
                                <input type="hidden" id="horadesde">
                                <input type="hidden" id="horahasta">
                                <input type="hidden" id="direccionpro">
                                <input type="hidden" id="codciudadpro">
                                <input type="hidden" id="urbanizacionpro">
                                <input type="hidden" id="codtipoing">
                                <input type="hidden" id="tipo_servicio_">
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="CodRecolecta" name="CodRecolecta"/>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary btn-sm" id="button_a"
                                onclick="actualiza_Recolecta()">
                            Aceptar
                        </button>
                        <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{--------------------------------------FIN MODAL PARA MODIFICAR BENEFICIARIOS RECOLECTAS----------------------------------}}
@endsection
@section('script')
    <script>

        n = new Date();
        y = n.getFullYear();
        m = n.getMonth() + 1;
        d = n.getDate();

        $('#fechaSolicitudDesde').datepicker({
            format: 'dd-mm-yyyy',
            uiLibrary: 'bootstrap4'
        })

        $('#fechaSolicitudHasta').datepicker({
            format: 'dd-mm-yyyy',
            uiLibrary: 'bootstrap4'
        })

        $('#fechaRecolectaDesde').datepicker({
            format: 'dd-mm-yyyy',
            uiLibrary: 'bootstrap4'
        })

        $('#fechaRecolectaHasta').datepicker({
            format: 'dd-mm-yyyy',
            uiLibrary: 'bootstrap4'
        })

        $(document).ready(function () {

            $('#estatus_a').change(function () {
                if ($('#estatus_a').prop('checked')) {
                    $("#modificar").css("display", "block");
                } else {
                    $("#modificar").css("display", "none");
                }
            });

            $('#tipoenvmer').change(function () {
                if ($('#tipoenvmer').prop('checked')) {
                    $("#vehiculo").prop('value', '2');
                    $('select#pesoaproxmer').removeAttr('disabled');
                    $('select#dimensionesmer').removeAttr('disabled');
                    $('select#cmbcantidadpiezasmer').removeAttr('disabled');
                } else {
                    $("#cmbcantidadpiezasmer").prop('value', '');
                    $('select#pesoaproxmer').attr('disabled', 'disabled');
                    $('select#dimensionesmer').attr('disabled', 'disabled');
                    $('select#cmbcantidadpiezasmer').attr('disabled', 'disabled');
                    funvalidapiezas();
                }
            });

            $('#tipoenvdoc').change(function () {
                if ($('#tipoenvdoc').prop('checked')) {
                    $('select#cmbcantidadpiezasdoc').removeAttr('disabled');
                    $('select#pesoaproxdoc').removeAttr('disabled');
                } else {
                    $("#cmbcantidadpiezasdoc").prop('value', '');
                    $('select#cmbcantidadpiezasdoc').attr('disabled', 'disabled');
                    $('select#pesoaproxdoc').attr('disabled', 'disabled');
                    funvalidapiezas();
                }
            });


            $("#codrecolecta").attr('checked', true);


            $('#datos').DataTable({
                //"paging": false,
                "info": false,
                language: {
                    "sProcessing": "Procesando...",
                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sZeroRecords": "No se encontraron resultados",
                    "sEmptyTable": "Ningun dato disponible.",
                    "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sSearch": "Buscar:",
                    "sUrl": "",
                    "sInfoThousands": ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Ultimo",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
            });

        });

        function modal_recolecta(codrecolecta) {
            let UsuarioGE = @php echo json_encode($UsuarioGE) @endphp;
            $("#nro").text(codrecolecta);
            let ClientesMaster = UsuarioGE.listcliente.master;
            let codCliente = UsuarioGE.listcliente.codcliente;
            let codUsuario = UsuarioGE.listcliente.codusuario;
            let url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                params = {
                    webservice: 'getRecolectasGeWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codRecolecta', 'ClientesMaster', 'codCliente', 'codUsuario'],
                    valores: [codrecolecta, ClientesMaster, codCliente, codUsuario]
                };
            //console.log(params);
            $.ajax({
                async: false,
                type: method,
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    if (data.codrespuesta == 'COD_000') {
                        let Recolecta = data.entidadRespuesta['0'];
                        let Proveedor = data.entidadRespuesta['0']['list_proveedor'];

                        if (Recolecta['inactivo'] == '1') {
                            $("#estatus_hidden").css("display", "none");
                            $("#button_a").css("display", "none");
                        }
                        //Formulario de datos de benificiario
                        $("#Nombre").val(Proveedor['nombre']);
                        $("#Contacto").val(Proveedor['contacto']);
                        $("#Direccion").val(Proveedor['direccion']);
                        $("#Urbanizacion").val(Proveedor['urbanizacion']);
                        $("#Telefono").val(Proveedor['telefono']);
                        $("#Ciudad").val(Recolecta['nombreciudadproveedor']);

                        //Formulario Datos de recolectas
                        $("#fecha_sol").val(Recolecta['fechasol'].replace(/^(\d{4})-(\d{2})-(\d{2})$/g, '$3/$2/$1'));
                        $("#horaDesde").val(Recolecta['horadesde']);
                        $("#horaHasta").val(Recolecta['horahasta']);
                        $("#Contenido").val(Recolecta['contenido']);
                        $("#Observacion").val(Recolecta['observacion']);
                        $("#CodRecolecta").val(Recolecta['codrecolecta']);
                        $("#vehiculo option[value=" + Recolecta['codtipoenv'] + "]").attr('selected', 'selected');
                        //Información oculta
                        $("#codrecolecta").val(Recolecta['codrecolecta']);
                        $("#codcasillero").val(Recolecta['codcasillero']);
                        $("#codproveedor").val(Recolecta['codproveedor']);
                        $("#codrutapro").val(Recolecta['codrutapro']);
                        $("#codtipoenv").val(Recolecta['codtipoenv']);
                        $("#codtipomod").val(Recolecta['codtipomod']);
                        $("#codtipoveh").val(Recolecta['codtipoveh']);
                        $("#contactopro").val(Recolecta['contactopro']);
                        $("#contenido").val(Recolecta['contenido']);
                        $("#nombrepro").val(Recolecta['nombrepro']);
                        $("#contactopro").val(Recolecta['contactopro']);
                        $("#fecha").val(Recolecta['fecha']);
                        $("#observacion").val(Recolecta['observacion']);
                        $("#horadesde").val(Recolecta['horadesde']);
                        $("#horahasta").val(Recolecta['horahasta']);
                        $("#direccionpro").val(Recolecta['direccionpro']);
                        $("#codciudadpro").val(Recolecta['codciudadpro']);
                        $("#urbanizacionpro").val(Recolecta['urbanizacionpro']);
                        $("#codtipoing").val(Recolecta['codtipoing']);
                        if (Recolecta['codcasillero'] > '0') {
                            $('input:radio[name="tipo_servicio"]').filter('[value=CASILLERO]').attr('checked', true);
                            $("#tipo_servicio_").val('CASILLERO');
                        } else {
                            $('input:radio[name="tipo_servicio"]').filter('[value=GUIA]').attr('checked', true);
                            $("#tipo_servicio_").val('GUIA');
                        }
                        $('#modal_recolecta').modal('show');
                    }
                    //console.log(data);
                }, error: function (mensaje) {
                    console.log(mensaje)
                }
            });
        }


        var consultaRecolecta = function () {

            var options = {year: 'numeric', month: 'long', day: 'numeric'};

            var url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                codRecolecta = $('#codRecolecta').val(),
                fechaSolicitudDesde = $('#fechaSolicitudDesde').val().replace(/^(\d{2})-(\d{2})-(\d{4})$/g, '$3-$2-$1'),
                fechaSolicitudHasta = $('#fechaSolicitudHasta').val().replace(/^(\d{2})-(\d{2})-(\d{4})$/g, '$3-$2-$1'),
                fechaRecolectaDesde = $('#fechaRecolectaDesde').val().replace(/^(\d{2})-(\d{2})-(\d{4})$/g, '$3-$2-$1'),
                fechaRecolectaHasta = $('#fechaRecolectaHasta').val().replace(/^(\d{2})-(\d{2})-(\d{4})$/g, '$3-$2-$1'),
                tipoEnvio = $('#tipoEnvio').val(),
                Estatus = $('#Estatus').val(),
                codCliente = '{{$UsuarioGE['listcliente']['codcliente']}}',
                codUsuario = '{{$UsuarioGE['listcliente']['codusuario']}}',
                ClientesMaster = '{{$UsuarioGE['listcliente']['master']}}',
                params =
                    {
                        webservice: 'getRecolectasGeWs',
                        pagina: pagina,
                        method: method,
                        campos: ['codCliente', 'ClientesMaster', 'codUsuario', 'codRecolecta', 'fechaDesdeSolicitud', 'fechaHastaSolicitud', 'fechaDesdeRecolecta', 'fechaHastaRecolecta', 'tipoEnvio', 'estatus'],
                        valores: [codCliente, ClientesMaster, codUsuario, codRecolecta, fechaSolicitudDesde, fechaSolicitudHasta, fechaRecolectaDesde, fechaRecolectaHasta, tipoEnvio, Estatus]
                    };
            //console.log(params)
            $.ajax({
                type: "GET",
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    //console.log(data);
                    var aux_cas;
                    var aux_env;
                    var inactivo;
                    $('#datos').dataTable().fnClearTable();
                    $('#datos').dataTable().fnDestroy();
                    var datos = data.entidadRespuesta;
                    $.each(datos, function (key, dat) {
                        aux_cas = (dat.codcasillero > 0) ? 'CASILLERO' : 'GUIA';
                        aux_env = (dat.codtipoenv == 1) ? 'D' : 'M';
                        if (dat.inactivo == false) {
                            inactivo = "<button class='btn btn-primary' title='Se puede Editar'><span><i class='fas fa-check'></i></span></button>";
                        } else {
                            inactivo = "<button class='btn btn-warning' title='No se puede editar'> <span><i class='fas fa-times'></i></span></button>";
                        }
                        $("#datos > tbody").append("<tr><td><input type='radio' id='codrecolecta' value='" + dat.codrecolecta + "' name='codrecolecta' ></td><td>" + dat.codrecolecta + "</td><td>" + dat.fechasol.replace(/^(\d{4})-(\d{2})-(\d{2})$/g, '$3/$2/$1') + "</td><td>" + dat.fecha.replace(/^(\d{4})-(\d{2})-(\d{2})$/g, '$3/$2/$1') + "</td><td>" + aux_cas + "</td><td>" + dat.nombrepro.toUpperCase() + "</td><td>" + dat.contactopro.toUpperCase() + "</td><td>" + (dat.contenido.substring(0, 45)).toUpperCase() + "</td><td>" + aux_env + "</td><td>" + inactivo + "</td></tr>");
                    });
                    $('#datos').DataTable({
                        //"paging": false,
                        "info": false,
                        language: {
                            "sProcessing": "Procesando...",
                            "sLengthMenu": "Mostrar _MENU_ registros",
                            "sZeroRecords": "No se encontraron resultados",
                            "sEmptyTable": "Ningun dato disponible.",
                            "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                            "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                            "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                            "sInfoPostFix": "",
                            "sSearch": "Buscar:",
                            "sUrl": "",
                            "sInfoThousands": ",",
                            "sLoadingRecords": "Cargando...",
                            "oPaginate": {
                                "sFirst": "Primero",
                                "sLast": "Ultimo",
                                "sNext": "Siguiente",
                                "sPrevious": "Anterior"
                            },
                            "oAria": {
                                "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                            }
                        },
                    });
                }
                , error: function (mensaje) {
                    console.log(mensaje);
                }
            });
        }


        function actualiza_Recolecta() {
            let estatus;
            let codcliente = '{{$UsuarioGE['listcliente']['codcliente']}}';
            let codusuario = '{{$UsuarioGE['listcliente']['codusuario']}}';
            let contenidodoc = " DOCUMENTOS = PIEZAS: " + $('#cmbcantidadpiezasdoc').val() + "; PESO APROXIMADO: " + $('#pesoaproxdoc').val();
            let contenidomer = " MERCANCIA = PIEZAS: " + $('#cmbcantidadpiezasmer').val() + "; PESO APROXIMADO: " + $('#pesoaproxmer').val() + "; DIMENSION DE LOS PAQUETES: " + $('#dimensionesmer').val();
            let contenido = "RECOLECTA DE " + $('#tipo_servicio_').val() + ";" + contenidodoc + ";" + contenidomer + " TOTAL DE PIEZAS:" + $('#totalgenPiezas').val();
            let observacion = $("#txtobservaciones").val();
            let codrecolecta = $("#codrecolecta").val();
            let fecha = $("#fecha").val();
            let codproveedor = $("#codproveedor").val();
            let codproveedorold = $("#codproveedor").val();
            let fecharecold = $("#fecha").val();
            let contenidoold = $("#contenido").val();
            let observacionold = $("#observacion").val();
            let codtipovehold = $("#codtipoveh").val();
            let vehiculo = $("#codtipoveh").val();
            let horadesdeold = $("#horadesde").val();
            let horades = $("#horadesde").val();
            let horahastaold = $("#horahasta").val();
            let horahas = $("#horahasta").val();
            let codrutaold = $("#codrutapro").val();
            let ruta = $("#codrutapro").val();
            let codtipoing = $("#codtipoing").val();
            let tipoenv = $("#codtipoenv").val();
            let codtipoenvold = $("#codtipoenv").val();
            let codcasilleroold = $("#codcasillero").val();
            let codcasillero = $("#codcasillero").val();
            let nombrepro = $("#nombrepro").val();
            let direccionpro = $("#direccionpro").val();
            let codciudadpro = $("#codciudadpro").val();
            let contactopro = $("#contactopro").val();
            let urbanizacionpro = $("#urbanizacionpro").val();

            if ($('#estatus_i').prop('checked')) {
                estatus = $("#estatus_i").val()
            } else if ($('#estatus_a').prop('checked')) {
                estatus = $("#estatus_a").val()
            }

            if (estatus == 'Inactivo') {
                let url_i = $("#url").data('url'),
                    method_i = 'POST',
                    pagina_i = 'canguroazul/',
                    params_i = {
                        webservice: 'anularRecolectaEveWs',
                        pagina: pagina_i,
                        method: method_i,
                        campos: ['codrecolecta', 'codcliente', 'codusuario'],
                        valores: [codrecolecta, codcliente, codusuario]
                    };
                $.ajax({
                    async: false,
                    type: method_i,
                    url: url_i,
                    data: params_i,
                    datatype: 'JSON',
                    success: function (data) {
                        //console.log(data);
                        $.confirm({
                            title: 'Recolecta Anulada',
                            content: 'La Recolecta fue Anulada con exito',
                            icon: '',
                            theme: 'material',
                            closeIcon: true,
                            animation: 'scale',
                            type: 'blue',
                            buttons: {
                                alphabet: {
                                    text: 'Aceptar',
                                    action: function () {
                                        location.reload();
                                    }
                                }
                            }
                        });

                    }, error: function (mensaje) {
                        console.log(mensaje)
                    }
                });
            } else if (estatus == 'Modifica') {

                let tipoenvmer = $("#tipoenvmer").val();
                let cmbcantidadpiezasmer = $("#cmbcantidadpiezasmer").val();
                let pesoaproxmer = $("#pesoaproxmer").val();
                let dimensionesmer = $("#dimensionesmer").val();
                let tipoenvdoc = $("#tipoenvdoc").val();
                let cmbcantidadpiezasdoc = $("#cmbcantidadpiezasdoc").val();
                let pesoaproxdoc = $("#pesoaproxdoc").val();
                let valid = true;
                /////////////////////////////////  VALIDAR FORMULARIO...  ///////////////////////////////

                if (($('input[name="tipoenvdoc"]').is(':checked')) || ($('input[name="tipoenvmer"]').is(':checked'))) {
                    if (($('input[name="tipoenvmer"]').is(':checked'))) {
                        if (cmbcantidadpiezasmer == '') {
                            $("#cmbcantidadpiezasmer").addClass("is-invalid");
                            valid = false;
                        }
                        if (pesoaproxmer == '') {
                            $("#pesoaproxmer").addClass("is-invalid");
                            valid = false;
                        }
                        if (dimensionesmer == '') {
                            $("#dimensionesmer").addClass("is-invalid");
                            valid = false;
                        }
                    }
                    if ($('input[name="tipoenvdoc"]').is(':checked')) {

                        if (cmbcantidadpiezasdoc == '') {
                            $("#cmbcantidadpiezasdoc").addClass("is-invalid");
                            valid = false;
                        }
                        if (pesoaproxdoc == '') {
                            $("#pesoaproxdoc").addClass("is-invalid");
                            valid = false;
                        }
                    }
                } else {
                    valid = false;

                    $("#text_vm").css({'color': '#a94442'});
                    $("#text_vd").css({'color': '#a94442'});
                }

                if (valid == true && (($('input[name="tipoenvdoc"]').is(':checked')) || ($('input[name="tipoenvmer"]').is(':checked')))) {

                    let url_a = $("#url").data('url'),
                        method_a = 'POST',
                        pagina_a = 'canguroazul/',
                        params_a = {
                            webservice: 'actualizarRecolectaEveWs',
                            pagina: pagina_a,
                            method: method_a,
                            campos: ['codrecolecta', 'fecha', 'codproveedor', 'codproveedorold', 'fecharecold', 'contenido', 'contenidoold', 'observacionold', 'observacion', 'codtipovehold', 'vehiculo', 'horadesdeold', 'horades', 'horahastaold', 'horahas', 'codrutaold', 'ruta', 'codtipoing', 'tipoenv', 'codtipoenvold', 'codcasilleroold', 'codcasillero', 'codusuario', 'nombrepro', 'direccionpro', 'codciudadpro', 'contactopro', 'urbanizacionpro', 'codcliente'],
                            valores: [codrecolecta, fecha, codproveedor, codproveedorold, fecharecold, contenido, contenidoold, observacionold, observacion, codtipovehold, vehiculo, horadesdeold, horades, horahastaold, horahas, codrutaold, ruta, codtipoing, tipoenv, codtipoenvold, codcasilleroold, codcasillero, codusuario, nombrepro, direccionpro, codciudadpro, contactopro, urbanizacionpro, codcliente]
                        };
                    $.ajax({
                        async: false,
                        type: method_a,
                        url: url_a,
                        data: params_a,
                        datatype: 'JSON',
                        success: function (data) {
                            //console.log(data);
                            $.confirm({
                                title: 'Recolecta Modificada',
                                content: 'La Recolecta fue Modificada con exito',
                                icon: '',
                                theme: 'material',
                                closeIcon: true,
                                animation: 'scale',
                                type: 'blue',
                                buttons: {
                                    alphabet: {
                                        text: 'Aceptar',
                                        action: function () {
                                            location.reload();
                                        }
                                    }
                                }
                            });

                        }, error: function (mensaje) {
                            console.log(mensaje)
                        }
                    });
                } else {
                    setTimeout(limpia, 1500);
                }
            }
        }

        function funvalidapiezas() {
            $("#dimensiones").attr('value', '0');

            var sumarcantidadd = $("#cmbcantidadpiezasdoc").val()
            var sumarcantidadm = $("#cmbcantidadpiezasmer").val()
            sumarcantidadd = (sumarcantidadd != '') ? sumarcantidadd : 0;
            sumarcantidadm = (sumarcantidadm != '') ? sumarcantidadm : 0;
            var suma = (parseFloat(sumarcantidadd) + parseFloat(sumarcantidadm));
            $("#totalgenPiezas").attr('value', (suma));
        }

        function limpia() {
            $('#tipoenvmer').removeClass("is-invalid");
            $('#cmbcantidadpiezasmer').removeClass("is-invalid");
            $('#pesoaproxmer').removeClass("is-invalid");
            $('#dimensionesmer').removeClass("is-invalid");
            $('#tipoenvdoc').removeClass("is-invalid");
            $('#cmbcantidadpiezasdoc').removeClass("is-invalid");
            $('#pesoaproxdoc').removeClass("is-invalid");
            $("#text_vm").css({'color': '#000000'});
            $("#text_vd").css({'color': '#000000'});
        }


    </script>
@endsection