@extends("la.layouts.app")

@section("contentheader_title", "Solicitar Viaje")
{{--@section("contentheader_description", "Bancos listing")--}}
{{--@section("section", "Viajes")--}}
{{--@section("sub_section", "Solicitar Viaje")--}}
@section("htmlheader_title", "Solicitar Viaje")

@section("headerElems")
    @la_access("GestionViajes", "create")

    <button id="fake" class="unstyled-buttom" onclick="$('#saveall').click();" type="submit"><i class="noni fa fa-save"
                                                                                                aria-hidden="true"></i>
    </button>
    <a type="button" class="unstyled-buttom euron" href="{{ url(config('laraadmin.adminRoute') . '/GestionViajes') }}">
        <i class="fa fa-remove" aria-hidden="true"></i>
    </a>
    @endla_access
@endsection

@section("main-content")

    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <style> .ng-cloak {
            display: none !important;
        } </style>
    <div id="app" ng-app="view" ng-controller="controller">

        <button class="unstyled-buttom" id="saveall" style="display: none" data-ng-click="Save()" type="submit"><i
                    class="noni fa fa-save" aria-hidden="true"></i>
        </button>
        <div class="ng-cloak">
            <div class="box box-success" style="border-top-color: @{{ borderTopBackGround() }};position: relative">

                <form method="POST" action="/guardarviaje" accept-charset="UTF-8" class="noorder"
                      id="banco-add-form" novalidate="novalidate">

                    {!! csrf_field() !!}
                    {!! method_field(isset($methodField) ? $methodField : 'POST') !!}

                    <div class="">
                        <div class="box-body">
                            <div class="row">


                                <div class="form-group col-lg-2">
                                    <label for="nombre">Viaje No.</label>
                                    <input class="form-control"
                                           name="viajeNo" type="text" value="{{$code}}" ng-model="data.viajeNo"
                                           data-ng-disabled="true">
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Desde</label>
                                    <div class="input-group date col-sm-12 fechondiv" data-child="maxDate" id="minDate">
                                        <span class="fa fa-calendar fechon"></span>
                                        <input style="@{{ dateStyle() }}"
                                               name="desde" id="desde" class="form-control inputfechon" datetimepicker
                                               type="text"
                                               ng-model="data.desde">

                                    </div>
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Hasta</label>
                                    <div class="input-group date col-sm-12 fechondiv" data-child="maxDate" id="minDate">
                                        <span class="fa fa-calendar fechon"></span>
                                        <input style="@{{ dateStyle() }}"
                                               name="hasta" id="hasta" class="form-control inputfechon" datetimepicker
                                               type="text"
                                               ng-model="data.hasta">

                                    </div>
                                </div>

                                <div class="form-group col-lg-2">
                                    <label for="nombre">Cantidad Días</label>
                                    <input class="form-control"
                                           name="cantidadDedias" type="text" data-ng-disabled="true"
                                           value="@{{ setDays(); }}">
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Coordinador</label>
                                    <select class="form-control" ng-model="data.coordinator"
                                            ng-options="item.id as item.NombreCompleto for item in coordinadores">
                                    </select>
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Estado del Viaje</label>
                                    <select class="form-control" ng-model="data.estado" data-ng-disabled="true"
                                            ng-options="item.id as item.nombre for item in estados">
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-lg-12 noorder">
                                    <label for="nombre">Concepto del Viaje</label>
                                    <input class="form-control"
                                           name="concepto" type="text" value="" ng-model="data.concepto">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Provincia</label>
                                    <select class="form-control" ng-model="data.provincia" ng-change="fmunicipios()"
                                            ng-options="item.id as item.nombre for item in provincias">
                                    </select>
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Municipio <b>@{{municipioLoad}}</b></label>
                                    <select class="form-control" ng-model="data.municipio"
                                            ng-change="fdistritomunicipales()"
                                            ng-disabled="!municipios.length"
                                            ng-options="item.id as item.nombre for item in municipios">
                                    </select>
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Distrito Municipal <b>@{{distritomunicipalLoad}}</b></label>
                                    <select class="form-control" ng-model="data.distritomunicipal"

                                            ng-disabled="!distritomunicipales.length"
                                            ng-options="item.id as item.nombre for item in distritomunicipales">
                                    </select>
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Parcela No.</label>
                                    <input class="form-control"  maxlength="25" name="parcela" ng-model="data.parcela"
                                           type="text"
                                           ng-disabled="!data.distritomunicipal">
                                </div>
                                <div class="form-group col-lg-2">
                                    <label for="nombre">Distrito Catastral No.</label>
                                    <input maxlength="25" class="form-control" name="distritocatastral"
                                           ng-model="data.distritocatastral"
                                           ng-disabled="!data.distritomunicipal"
                                           type="text">
                                </div>

                            </div>

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


                <section class="content-header" style="padding: 0 0 0 0 !important;">

                    <div class="modal fade" id="AddParticipante" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document" style="width:80%">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" id="closeP" class="close" data-dismiss="modal"
                                            aria-label="Close"><span
                                                aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Datos del viaje</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="box-body trompo" ng-show="puedeAgregar().length==0">
                                        <div class="row">
                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Viaje No.</label>
                                                <input class="form-control"
                                                       name="viajeNo" type="text" value="{{$code}}"
                                                       ng-model="data.viajeNo"
                                                       data-ng-disabled="true">
                                            </div>
                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Desde</label>
                                                <input class="form-control"
                                                       name="desde" id="desde" type="text" datetimepicker
                                                       ng-model="data.desde"
                                                       data-ng-disabled="true">
                                            </div>
                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Hasta</label>
                                                <input class="form-control"
                                                       name="hasta" id="hasta" type="text" datetimepicker
                                                       ng-model="data.hasta"
                                                       data-ng-disabled="true">
                                            </div>

                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Cantidad Días</label>
                                                <input class="form-control"
                                                       name="cantidadDedias" type="text" data-ng-disabled="true"
                                                       value="@{{ setDays(); }}">
                                            </div>
                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Coordinador</label>
                                                <select class="form-control" ng-model="data.coordinator"
                                                        data-ng-disabled="true"
                                                        ng-options="item.id as item.nombres for item in coordinadores">
                                                </select>
                                            </div>
                                            <div class="form-group col-lg-2">
                                                <label for="nombre">Estado del Viaje</label>
                                                <select class="form-control" ng-model="data.estado"
                                                        data-ng-disabled="true" ng-disable="true"
                                                        ng-options="item.id as item.nombre for item in estados">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-lg-12 noorder">
                                                <label for="nombre">Concepto del Viaje</label>
                                                <input class="form-control" data-ng-disabled="true"
                                                       name="concepto" type="text" value="" ng-model="data.concepto">
                                            </div>
                                        </div>
                                        <h4 class="modal-title" style="margin-bottom: 5px;margin-top: 10px;">
                                            Participante del Viaje</h4>
                                        <div class="row">
                                            <div class="form-group col-lg-3 noorder">
                                                <label for="nombre">Nombres y Apellidos</label>
                                                <input class="form-control" data-ng-disabled="true"
                                                       ng-show="mode=='edit'"
                                                       type="text" ng-model="nombreedit">
                                                <select class="form-control" ng-model="data.participante"
                                                        ng-hide="mode=='edit'"
                                                        ng-change="participanteDetail()"
                                                        ng-options="item.id as item.Nombre_y_Apellidos for item in participantes">
                                                </select>
                                            </div>

                                            <div class="form-group col-lg-2 noorder">
                                                <label for="nombre">Cédula</label>
                                                <input class="form-control" type="text" ng-model="cedula"
                                                       ng-disabled="true">
                                            </div>
                                            <div class="form-group col-lg-2 noorder">
                                                <label for="nombre">Cargo</label>
                                                <input class="form-control" type="text" ng-model="cargo"
                                                       ng-disabled="true">
                                            </div>
                                            <div class="form-group col-lg-2 noorder">
                                                <label for="nombre">Departamento</label>
                                                <input class="form-control" type="text" ng-model="departamento"
                                                       ng-disabled="true">
                                            </div>
                                            <div class="form-group col-lg-3 noorder">
                                                <label for="nombre">Institución</label>
                                                <input class="form-control" type="text" ng-model="institucion"
                                                       ng-disabled="true">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="box-body trompo" ng-hide="puedeAgregar().length==0">
                                        <div class="swal2-icon swal2-error swal2-animate-error-icon downin"
                                             style="display: block;">
                                            <span class="swal2-x-mark swal2-animate-x-mark">
                                                <span class="swal2-x-mark-line-left"></span>
                                                <span class="swal2-x-mark-line-right"></span>
                                            </span>
                                        </div>
                                        <h2 class="swal2-title-custom">Favor validar los datos del viaje antes de añadir
                                            los participantes</h2>
                                        <ul class="list-group last-christmas" style="font-size: 18px;">
                                            <li class="list-group-item active africa">Revise los siguientes errores</li>
                                            <li class="list-group-item africa"
                                                ng-repeat="error in puedeAgregar()">@{{ error }}</li>
                                        </ul>
                                        <p class="iusedtonknow">
                                            <button type="button" id="closeP" class="itisover" data-dismiss="modal"
                                                    aria-label="Close">Ok
                                            </button>
                                        </p>
                                    </div>
                                    <div class="box-body" style="padding-bottom: 0px;" ng-show="noparticipantesdisp">
                                        <p class="notes" style="margin-bottom: 0px;" ng-show="noparticipantesdisp">
                                            No hay participante disponibles.
                                        </p>
                                    </div>

                                    <div class="box-body" style="padding-bottom: 0px;"
                                         ng-show="currentConflicts.length>0">
                                        <p class="notes" style="margin-bottom: 0px;"
                                           ng-show="currentConflicts.length>0">
                                            Esta persona tiene conflictos con otros viajes
                                        </p>
                                        <ul style="font-size: 18px;padding-left: 30px;">
                                            <li class="err_stl" ng-repeat="row in currentConflicts">
                                                Viaje:
                                                <b>@{{row.viajeNo}}</b>
                                                Entre <b>@{{ row.salida }}</b> y
                                                <b>@{{ row.regreso }}</b>
                                            </li>
                                        </ul>
                                    </div>


                                    <div class="box-body trompo" ng-show="puedeAgregar().length==0">
                                        <button style="float: right"
                                                class="unstyled-buttom" type="button"
                                                data-ng-click="AddToMatriz()"
                                                ng-show="(currentDataParticipante || MyMatriz.length) && (currentConflicts.length==0 || currentConflicts==null)"
                                        >
                                            <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                        </button>
                                        <table id="example1" class="table table-bordered dataTable no-footer rpm">
                                            <thead>
                                            <tr class="success">
                                                <th style="width: 55px;" class="text-center">Día</th>
                                                <th style="width: 55px;">Fecha</th>
                                                <th style="width: 55px;">Hora Salida</th>
                                                <th style="width: 55px;">Hora Regreso</th>
                                                <th style="width: 55px;" ng-repeat="MyService in MyServices">
                                                    @{{MyService.Servicio}}
                                                </th>
                                                <th style="width: 55px;">Total Por Día (RD$)</th>
                                                <th style="width: 55px;" class="text-center">Acciones</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr ng-repeat="row in MyMatriz">
                                                <td class="text-center">@{{ row.prices[0].dia }}</td>
                                                <td style="position: relative;">
                                                    <div class="input-group date col-sm-12 fechondiv"
                                                         data-child="maxDate" id="minDate">
                                                        <span class="fa fa-calendar fechon"></span>
                                                        <input style="@{{ dateStyleRange(row.prices[0].salida,row.prices[0].regreso) }}"
                                                               class="form-control inputfechon"
                                                               type="text"
                                                               ng-model="row.prices[0].salida"
                                                               data-ng-disabled="!(row.prices[0].dia==MyMatriz.length)"
                                                               withtime
                                                        >
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="input-group date col-sm-12 fechondiv"
                                                         data-child="maxDate" id="minDate">
                                                        <span class="fa fa-calendar fechon"></span>
                                                        <input style="@{{ dateStyleRange(row.prices[0].salida,row.prices[0].regreso) }}"
                                                               class="form-control inputfechon"
                                                               type="text"
                                                               ng-model="row.prices[0].horasalida"
                                                               timepick
                                                        >
                                                    </div>
                                                </td>
                                                <td style="position: relative;">
                                                    <div class="input-group date col-sm-12 fechondiv"
                                                         data-child="maxDate" id="minDate">
                                                        <span class="fa fa-calendar fechon"></span>
                                                        <input style="@{{ dateStyleRange(row.prices[0].salida,row.prices[0].regreso) }}"
                                                               class="form-control inputfechon"
                                                               type="text"
                                                               ng-model="row.prices[0].horaregreso"
                                                               timepick
                                                        >
                                                    </div>
                                                </td>
                                                <td style="width: 55px;" ng-repeat="price in row.prices">
                                                    <input class="form-control numeric" type="text"
                                                           ng-model="price.value"

                                                           style="text-align: right;@{{ aplicaPrice(row.prices[0].horasalida,row.prices[0].horaregreso,price) }}"/>
                                                </td>
                                                <td style="text-align: right; padding: 12px;padding-left: 0;">@{{ TotalPorDia(row) }}</td>
                                                <td>
                                                    <button ng-show="row.prices[0].dia==MyMatriz.length"
                                                            class="btn btn-danger fa fa-remove"
                                                            data-ng-click="DeleteMatriz(row)"></button>
                                                </td>
                                            </tr>
                                            <tr ng-show="MyMatriz.length>0">
                                                <td></td>
                                                <td></td>
                                                <td style="width: 55px;" ng-repeat="MyService in MyServices"></td>
                                                <td></td>
                                                <td>
                                                    <b>Total Viático</b>
                                                </td>
                                                <td style="text-align: right;">@{{ TotalMatriz(MyMatriz) }}</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button ng-show="MyMatriz.length" class="unstyled-buttom"
                                            data-ng-click="AddParticipante()"><i class="fa fa-save"
                                                                                 aria-hidden="true"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>

                <div class="">
                    <h2 class="data-tile2">
                        Participantes del viaje
                        <button style="float: right" class="unstyled-buttom" type="button"
                                data-ng-click="fparticipantes()"
                                data-toggle="modal" data-target="#AddParticipante"><i class="fa fa-plus-circle"
                                                                                      aria-hidden="true"></i></button>
                    </h2>
                    <div ng-show="nocorrecta.length>0">
                        <label style="font-size: 18px!important;padding: 15px 15px 0px;color: #d9534f;">Hay problemas con este viaje, no se permitirá actualizar hasta resolver los
                            mismos.</label>
                        <ul style="font-size: 18px">
                            <li ng-repeat="item in nocorrecta" style="color: #d9534f;">
                                <div ng-show="item.mensajeEspecial">
                                    @{{ item.mensajeEspecial }}
                                </div>
                                <div ng-show="!item.mensajeEspecial" style="font-size: 15px;color: #d9534f;">
                                    Existen rangos de horas erróneas en el participante @{{ item.participante }} con las
                                    horas @{{  item.horasalida.toUpperCase() }} y @{{ item.horaregreso.toUpperCase() }}
                                    en
                                    el día @{{ item.dia }}
                                </div>

                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box whioutB2">
                    <div class="box-body">
                        <table id="example1" class="table table-bordered dataTable no-footer">
                            <thead>
                            <tr class="success">
                                <th>No</th>
                                <th>Nombres y Apellidos</th>
                                <th>Cédula</th>
                                <th>Cargo</th>
                                <th>Departamento</th>
                                <th>Institución</th>
                                <th>Cantidad de Días</th>
                                <th>Monto del Viático (RD$)</th>
                                <th>Acción</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="model in data.MyParticipantes">
                                <td class="text-center">@{{ model.No }}</td>
                                <td class="">@{{ model.participante.Nombre_y_Apellidos }}</td>
                                <td class="text-center">@{{ model.participante.Cedula }}</td>
                                <td class="">@{{ model.participante.Cargo }}</td>
                                <td class="">@{{ model.participante.Departamento }}</td>
                                <td class="">@{{ model.participante.Institucion }}</td>
                                <td class="text-center">@{{ model.MyMatriz.length }}</td>
                                <td class="money_align">@{{ TotalMatriz(model.MyMatriz)  }}</td>
                                <td style="text-align: center;">
                                    <button class="unstyled-buttom"
                                            data-toggle="modal" data-target="#AddParticipante" style="font-size: 18px"
                                            data-ng-click="EditParticipante(model)"><i class="fa fa-edit"
                                                                                       aria-hidden="true"></i></button>
                                    <button class="unstyled-buttom" style="font-size: 18px"
                                            data-ng-click="DeleteParticipante(model)"><i class="fa fa-remove"
                                                                                         aria-hidden="true"></i>
                                    </button>
                                </td>
                            </tr>
                            <tr ng-show="data.MyParticipantes.length>0">
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td><b>Total</b></td>
                                <td class="money_align"><b>@{{ AllTotal() }}</b></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
<!-- <link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}"/> -->
@endpush

@push('scripts')
<!-- <script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
    $(function () {
    });
</script>
<script>
    function getFormattedDate(date) {
        var day = date.getDate();
        var month = date.getMonth() + 1;
        var year = date.getFullYear().toString();
        return day + '-' + month + '-' + year;
    }

    function getRealDate(date) {
        var date = date.split('/');
        return date[2] + '-' + date[1] + '-' + date[0];
    }

    function getRealDateHour(date) {
        if (date) {
            var date = date.split(' ');
            var detaPart = date[0].split('/');
            return detaPart[2] + '/' + detaPart[1] + '/' + detaPart[0] + ' ' + detaPart[1];
        }
    }

    function reverseDate(date, chars) {
        var finalChar = chars == undefined ? '/' : chars;
        return new Date(date.split(finalChar)[2], parseInt(date.split(finalChar)[1]) - 1, date.split(finalChar)[0]);
    }

    function addDays(date, days) {
        var newDate = new Date(date.split('/')[2], parseInt(date.split('/')[1]) - 1, parseInt(date.split('/')[0]) + days);
        return newDate.getDate() + "/" + (newDate.getMonth() + 1) + "/" + newDate.getFullYear();
    }

    var myApp = angular.module('view', []).directive('datetimepicker', function () {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function (scope, element, attrs, ngModelCtrl) {
                var id = element.attr("id");
                element.datetimepicker({format: 'DD/MM/YYYY'});
                eval("element" + id + " = element;");
                element.data("DateTimePicker").minDate(getRealDate(getFormattedDate(new Date())) + '00:00');
                element.on('dp.change', function (event) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(event.date.format('DD/MM/YYYY'));
                    });

                });
            }
        }
    }).directive('withtime', function () {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function (scope, element, attrs, ngModelCtrl) {
                element.datetimepicker({format: 'DD/MM/YYYY'});
                if (scope.MyMatriz.length > 0) {
                    var desde = scope.MyMatriz[scope.MyMatriz.length - 1].prices[0].salida;
                    element.data("DateTimePicker").minDate(desde);
                } else
                    element.data("DateTimePicker").minDate(scope.data.desde);
                element.data("DateTimePicker").maxDate(scope.data.hasta);
                element.on('dp.change', function (event) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(event.date.format('DD/MM/YYYY'));
                    });
                });
            }
        }
    }).directive('timepick', function () {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function (scope, element, attrs, ngModelCtrl) {
                element.datetimepicker({format: 'hh:mm a', format: 'LT'});
                element.on('dp.change', function (event) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(event.date.format('hh:mm a'));
                    });
                });
            }
        }
    });


    myApp.factory('httpRequestInterceptor', function () {
        return {
            request: function (config) {
                config.headers['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content');
                return config;
            }
        };
    });
    myApp.config(function ($httpProvider) {
        $httpProvider.interceptors.push('httpRequestInterceptor');
        $httpProvider.defaults.headers.common['Cache-Control'] = 'no-cache';
        $httpProvider.defaults.cache = false;
    });
    myApp.controller('controller', function ($scope, $http) {
        $scope.data = {};
        $scope.data.desde = "";
        $scope.data.hasta = "";
        $scope.data.viajeNo = "{{$code}}";
        $scope.selectDate = function (dt) {
            console.log(dt);
        };
        $scope.data.maxDia = 0;
        $scope.setDays = function () {
            if ($scope.data.desde && $scope.data.hasta) {
                var date1 = reverseDate($scope.data.desde);
                var date2 = reverseDate($scope.data.hasta);
                var timeDiff = Math.abs(date2.getTime() - date1.getTime());
                $scope.data.maxDia = Math.ceil(timeDiff / (1000 * 3600 * 24)) + 1;
                return $scope.data.maxDia;
            } else {
                $scope.data.maxDia = 0;
                return 0;
            }
        };

        $scope.data.coordinator = null;
        $scope.coordinadores = [];
        $http({
            method: 'GET',
            url: 'services/coordinators',
            data: {}
        }).success(function (result) {
            $scope.coordinadores = result[0];
        });

        $scope.data.estado = 1;
        $scope.estados = [];
        $http({
            method: 'GET',
            url: 'services/viajestatus',
        }).success(function (result) {
            $scope.estados = result[0];
        });

        $scope.data.provincia = null;
        $scope.provincias = [];
        $http({
            method: 'GET',
            url: 'services/provincias'
        }).success(function (result) {
            $scope.provincias = result[0];
        });

        $scope.data.municipio = null;
        $scope.municipios = [];
        $scope.fmunicipios = function () {
            $scope.municipioLoad = "...";
            $http({
                method: 'GET',
                url: 'services/municipiosByProvincia?provincia=' + $scope.data.provincia
            }).success(function (result) {
                $scope.municipios = result[0];
                $scope.municipioLoad = "";
            });
        };

        $scope.data.distritomunicipal = null;
        $scope.distritomunicipales = [];
        $scope.fdistritomunicipales = function () {
            $scope.distritomunicipalLoad = "...";
            $http({
                method: 'GET',
                url: 'services/distritomunicipalByMunicipio?municipio=' + $scope.data.municipio
            }).success(function (result) {
                $scope.distritomunicipales = result[0];
                $scope.distritomunicipalLoad = "";
            });
        };

        $scope.data.participante = null;
        $scope.participantes = [];
        $scope.noparticipantesdisp = false;
        $scope.fparticipantes = function (mode) {
            $scope.mode = "create";

            $scope.MyServices = [];
            $scope.MyMatriz = [];
            $scope.currentDataParticipante = null;
            $scope.data.participante = null;
            $scope.participantes = [];
            $scope.cedula = "";
            $scope.cargo = "";
            $scope.departamento = "";
            $scope.institucion = "";

            if (mode != undefined)
                $scope.mode = mode;
            var all = "";
            for (var part in $scope.data.MyParticipantes) {
                var item = $scope.data.MyParticipantes[part];
                all += item.participante.id + ",";
            }
            all += "0";
            $http({
                method: 'GET',
                url: 'services/participantes?not=' + all
            }).success(function (result) {
                $scope.participantes = result[0];
                if ($scope.participantes.length == 0)
                    $scope.noparticipantesdisp = true;
            });
        };

        $scope.currentDataParticipante = null;
        $scope.currentConflicts = null;
        $scope.participanteDetail = function () {
            $scope.currentDataParticipante = null;
            $scope.currentConflicts = null;
            $scope.cedula = $scope.cargo = $scope.departamento = $scope.institucion = "validando ocupación...";
            $http({
                method: 'GET',
                url: 'services/busy?entidad='
                + $scope.data.participante
                + '&from=' + getRealDate($scope.data.desde)
                + '&to=' + getRealDate($scope.data.hasta)
            }).success(function (result) {
                $scope.currentConflicts = result[0];
                $scope.cedula = $scope.cargo = $scope.departamento = $scope.institucion = "cargando información...";
                $http({
                    method: 'GET',
                    url: 'services/participante?id=' + $scope.data.participante
                }).success(function (result) {
                    var participante = result[0][0];
                    $scope.currentDataParticipante = participante;
                    $scope.cedula = participante.Cedula;
                    $scope.cargo = participante.Cargo;
                    $scope.departamento = participante.Departamento;
                    $scope.institucion = participante.Institucion;
                    $http({
                        method: 'GET',
                        url: 'services/matriz?id=' + participante.CargoID
                    }).success(function (result) {
                        $scope.ResetMatriz();
                        $scope.MyServices = result[0];
                    });
                });

            });


        };


        $scope.ResetMatriz = function () {
            $scope.MyServices = [];
            $scope.MyMatriz = [];
        };
        $scope.MyServices = [];
        $scope.MyMatriz = [];
        $scope.AddToMatriz = function () {
            var cantidad = $scope.MyMatriz.length;
            if ((cantidad + 1) > $scope.data.maxDia) {
                swal(
                    'Límite de días',
                    'Favor no exceder los días programados en el viaje.',
                    'warning'
                );
                return;
            }

            var desde = addDays($scope.data.desde, 0);
            if ($scope.MyMatriz.length > 0) {
                desde = addDays($scope.MyMatriz[$scope.MyMatriz.length - 1].prices[0].salida, 1);
                if (reverseDate(desde) > reverseDate($scope.data.hasta)) {
                    swal(
                        'Límite de fecha',
                        'Al añadir este día exederá la fecha limite general del viaje.',
                        'warning'
                    );
                    return;
                }
            }

            $scope.MyMatriz.push({
                dia: cantidad + 1,
                salida: desde,
                regreso: desde,
                prices: []
            });

            for (var i in $scope.MyServices) {
                var item = $scope.MyServices[i];
                $scope.MyMatriz[cantidad].prices.push({
                    key: item.Servicio,
                    value: parseFloat(item.Valor),
					valueBK: parseFloat(item.ValorBK),
					wasbad: item.wasbad,
                    id: item.id,
                    salida: desde,
                    aplicaDesde: item.aplicaDesde,
                    aplicaHasta: item.aplicaHasta,
                    horasalida: ' 09:00 AM',
                    horaregreso: ' 11:00 PM',
                    dia: cantidad + 1,
                });
            }
            $scope.MyMatriz[cantidad].TotalPorDia = function () {
                var sum = 0;
                for (var price in $scope.MyMatriz[cantidad].prices) {
                    var item = $scope.MyMatriz[cantidad].prices[price];
                    sum += parseFloat(item.value);
                }
                return money(sum);
            }
        };

        $scope.TotalPorDia = function (fu) {
            var sum = 0;
            for (var price in fu.prices) {
                var item = fu.prices[price];
                sum += parseFloat(item.value);
            }
            return money(sum);
        };

        $scope.TotalMatriz = function (data) {
            var total = 0;
            for (var matriz in data) {
                for (var price in data[matriz].prices) {
                    var item = data[matriz].prices[price];
                    total += parseFloat(item.value);
                }
            }
            return money(total);
        };

        $scope.TotalMatrizFloat = function (data) {
            var total = 0;
            for (var matriz in data) {
                for (var price in data[matriz].prices) {
                    var item = data[matriz].prices[price];
                    total += parseFloat(item.value);
                }
            }
            return total;
        };

        $scope.AllTotal = function () {
            var total = 0;
            for (var jisus in $scope.data.MyParticipantes) {
                total += $scope.TotalMatrizFloat($scope.data.MyParticipantes[jisus].MyMatriz);
            }
            return money(total);
        };

        $scope.data.MyParticipantes = [];
        $scope.AddParticipante = function () {
            if ($scope.mode == "create") {
                var cantidad = $scope.data.MyParticipantes.length;

                $scope.data.MyParticipantes.push({
                    No: cantidad + 1,
                    participante: $scope.currentDataParticipante,
                    MyMatriz: $scope.MyMatriz,
                    MyServices: $scope.MyServices
                });
            } else {
                $scope.data.MyParticipantes[$scope.index] =
                    {
                        No: $scope.data.MyParticipantes[$scope.index].No,
                        participante: $scope.data.MyParticipantes[$scope.index].participante,
                        MyMatriz: $scope.MyMatriz,
                        MyServices: $scope.data.MyParticipantes[$scope.index].MyServices
                    };
            }
            $scope.mode = "create";

            $scope.MyServices = [];
            $scope.MyMatriz = [];
            $scope.currentDataParticipante = null;
            $scope.data.participante = null;
            $scope.participantes = [];
            $scope.cedula = "";
            $scope.cargo = "";
            $scope.departamento = "";
            $scope.institucion = "";
            $scope.matrizCorrecta();
            $("#closeP").trigger('click');
        };


        $scope.AddParticipante = function () {
            if ($scope.mode == "create") {
                var cantidad = $scope.data.MyParticipantes.length;

                $scope.data.MyParticipantes.push({
                    No: cantidad + 1,
                    participante: $scope.currentDataParticipante,
                    MyMatriz: $scope.MyMatriz,
                    MyServices: $scope.MyServices
                });
            } else {
                $scope.data.MyParticipantes[$scope.index] =
                    {
                        No: $scope.data.MyParticipantes[$scope.index].No,
                        entidad: $scope.data.MyParticipantes[$scope.index].entidad,
                        participante: $scope.data.MyParticipantes[$scope.index].participante,
                        MyMatriz: $scope.MyMatriz,
                        MyServices: $scope.data.MyParticipantes[$scope.index].MyServices
                    };
            }
            $scope.mode = "create";

            $scope.MyServices = [];
            $scope.MyMatriz = [];
            $scope.currentDataParticipante = null;
            $scope.data.participante = null;
            $scope.participantes = [];
            $scope.cedula = "";
            $scope.cargo = "";
            $scope.departamento = "";
            $scope.institucion = "";
            $scope.matrizCorrecta();
            $("#closeP").trigger('click');
        };

        $scope.DeleteMatriz = function (part) {
            var index = $scope.MyMatriz.indexOf(part);
            $scope.MyMatriz.splice(index, 1);
        };

        $scope.DeleteParticipante = function (part) {
            var index = $scope.data.MyParticipantes.indexOf(part);
            $scope.data.MyParticipantes.splice(index, 1);
        };


        $scope.mode = "create";
        $scope.EditParticipante = function (part) {
            $scope.mode = "edit";
            $scope.index = 0;
            $scope.index = $scope.data.MyParticipantes.indexOf(part);
            var model = $scope.data.MyParticipantes[$scope.index];
            $scope.cedula = model.participante.Cedula;
            $scope.cargo = model.participante.Cargo;
            $scope.departamento = model.participante.Departamento;
            $scope.institucion = model.participante.Institucion;
            $scope.nombreedit = model.participante.Nombre_y_Apellidos;
            console.log(model);
            $scope.MyMatriz = model.MyMatriz;
            $scope.MyServices = model.MyServices;
        };

        $scope.data.grantMode = "create";
        $scope.Save = function (part) {
            $scope.matrizCorrecta();

            if (!($scope.puedeAgregar().length == 0)) {
                $("#AddParticipante").modal("show");
                return;
            }
            if ($scope.nocorrecta.length > 0) {
                swal(
                    'Rangos de horas incorrecntos',
                    'Favor revise los mensaes de rango de horas incompletos, verifique que esten correctos.',
                    'warning'
                );
                return;
            }
            if ($scope.data.MyParticipantes.length == 0) {
                swal(
                    'Sin Participantes',
                    'Debe introducir al menos un participante en el viaje.',
                    'warning'
                )
                return;
            }


            $scope.codeaa = "";
            swal({
                title: '¿Estas seguro?',
                html: "¿Está seguro de crear este viaje con los participantes asignados?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085D6',
                cancelButtonColor: '#D33',
                confirmButtonText: 'Si',
                cancelButtonText: 'No',
                showLoaderOnConfirm: true,
                allowOutsideClick: false,
                preConfirm: function (email) {
                    return new Promise(function (resolve, reject) {
                        $("#fake").hide();
                        $http({
                            method: 'POST',
                            url: 'services/CreateViaje',
                            data: {"data": $scope.data}
                        }).success(function (result) {
                            $scope.codeaa = result.split('arturito')[1];
                            resolve();
                        });
                    })
                },
            }).then(function () {
                swal({
                    title: "Viaje creado: " + $scope.codeaa,
                    html: "",
                    type: 'success',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'Ok',
                    allowOutsideClick: false,
                }).then(function () {
                    location.href = "GestionViajes";
                });
            });
        };


        $scope.dateStyleRange = function (desde, hasta) {

            var fromdt = "1999/01/01 " + desde;
            var todt = "1999/01/01 " + hasta;
            var from = new Date(Date.parse(fromdt));
            var to = new Date(Date.parse(todt));
            if (from > to) {
                return 'border: red solid 1px !important';
            }
            return '';
        };

        $scope.dateStyle = function () {
            var from = new Date(Date.parse(reverseDate($scope.data.desde)));
            var to = new Date(Date.parse(reverseDate($scope.data.hasta)));
            return (from <= to) ? '' : 'border: red solid 1px !important';
        };


        $scope.nocorrecta = [];
        $scope.matrizCorrecta = function () {
            $scope.nocorrecta = [];
            for (var i in $scope.data.MyParticipantes) {
                var ncParticipante = $scope.data.MyParticipantes[i];
                for (var e in ncParticipante.MyMatriz) {
                    var ncMatriz = ncParticipante.MyMatriz[e];
                    var pcPrices = ncMatriz.prices[0];

                    var fromdt = "1999/01/01 " + pcPrices.horasalida;
                    var todt = "1999/01/01 " + pcPrices.horaregreso;
                    var from = new Date(Date.parse(fromdt));
                    var to = new Date(Date.parse(todt));
                    if (from > to) {
                        $scope.nocorrecta.push({
                            participante: ncParticipante.participante.Nombre_y_Apellidos,
                            dia: pcPrices.dia,
                            horasalida: pcPrices.horasalida,
                            horaregreso: pcPrices.horaregreso,
                        });
                    }

                    var fromMain = new Date(Date.parse(reverseDate($scope.data.desde)));
                    var toMain = new Date(Date.parse(reverseDate($scope.data.hasta)));
                    var myDateMain = new Date(Date.parse(reverseDate(pcPrices.salida)));
                    console.log(fromMain + " to " + toMain + " contra " + myDateMain);
                    if (myDateMain < fromMain || myDateMain > toMain) {
                        $scope.nocorrecta.push({
                            participante: ncParticipante.participante.Nombre_y_Apellidos,
                            dia: pcPrices.dia,
                            horasalida: pcPrices.horasalida,
                            horaregreso: pcPrices.horaregreso,
                            mensajeEspecial: "El participante " + ncParticipante.participante.Nombre_y_Apellidos + " se sale del rango de fecha de viaje con el día: " + pcPrices.dia + " y la fecha: " + pcPrices.salida
                        });
                    }
                }
            }
        };

        $scope.aplicaPrice = function (from, to, price) {
            var fromdt = "1999/01/01 " + from;
            var todt = "1999/01/01 " + to;

            var priceFrom = "1999/01/01 " + price.aplicaDesde;
            var priceTo = "1999/01/01 " + price.aplicaHasta;

            var nandafrom = new Date(Date.parse(fromdt));
            var nandato = new Date(Date.parse(todt));

            var korefrom = new Date(Date.parse(priceFrom));
            var koreto = new Date(Date.parse(priceTo));

            if ((korefrom >= nandafrom && korefrom <= nandato) || (koreto >= nandafrom && koreto <= nandato)) {
				if(price.wasbad == 1){
					price.value = price.valueBK;
					price.wasbad = 0;
				}
                return '';
            }
            price.value = 0;
			price.wasbad = 1;
            return 'border: red solid 1px !important';
        };

        $scope.rangoDeHoraInvalido = function (from, to) {
            var fromdt = "1999/01/01 " + from;
            var todt = "1999/01/01 " + to;
            var from = new Date(Date.parse(fromdt));
            var to = new Date(Date.parse(todt));
            if (from > to) {
                return true;
            }
            return false;
        };

        $scope.puedeAgregar = function () {
            var errors = [];
            var from = new Date(Date.parse(reverseDate($scope.data.desde)));
            var to = new Date(Date.parse(reverseDate($scope.data.hasta)));
            if (!(from <= to))
                errors.push("La fecha desde debe ser menor o igual a la fecha hasta");
            if (!$scope.data.desde)
                errors.push("La fecha desde es requerida");
            if (!$scope.data.hasta)
                errors.push("La fecha hasta es requerida");
            if (!$scope.data.coordinator)
                errors.push("El coordinador es requerido");
            if (!$scope.data.estado)
                errors.push("El estado es requerido");
            if (!$scope.data.concepto)
                errors.push("El concepto es requerido");
            if (!$scope.data.provincia)
                errors.push("La provincia es requerida");
            if (!$scope.data.municipio)
                errors.push("El municipio es requerido");
            if (!$scope.data.distritomunicipal)
                errors.push("El distrito municipal es requerido");
            if (!$scope.data.distritocatastral)
                errors.push("El distrito catastral es requerido");
            if (!$scope.data.parcela)
                errors.push("La parcela es requerida");
            return errors;

        }

    });
</script>
@endpush