@extends($extend)

@if($disabled === false)

@section("contentheader_title", "Fondos Fijos / Generar Solicitud de Reposición")
@section("section", "Fondos Fijos / Generar Solicitud de Reposición")
@section("htmlheader_title", "Fondos Fijos / Generar Solicitud de Reposición")

<form id="fondoextraordinario-ajax-update-form">
@section("headerElems")
    <button type="submit" class="unstyled-buttom euron" aria-label="Save">
        <i class="fa fa-usd" aria-hidden="true"></i>
    </button>
    <a class="unstyled-buttom euron exportExcelView" data-view="vw_solicitudreposicionfondofijo" data-fieldid="id" data-where="FondoFijo = {id} OR Reposicion = 'No Solicitado'" data-baseurl="{{ url(config('laraadmin.adminRoute') . '/getcsvview') }}" title="Exportar">
        <i class="fa fa-file-excel-o"></i>
    </a>
    <a class="unstyled-buttom euron" data-toggle="modal" data-target="#solicitudReposicionFilters" title="Filtrar">
        <i class="fa fa-filter"></i>
    </a>
@endsection
@section("main-content")
<div class="box box-success">
    
@endif

<div class="box-body" id="otherData">
    <input type="hidden" name="id" id="id" value="{{ $data->ID }}"/>
    <div class="sotavento">
        <div class="col-lg-8 p10 pt0 pl pb0">
            <div class="form-group col-lg-3">
                <label for="fondoFijo">Fondo Fijo</label>
                <select class="form-control" data-placeholder="Fondo Fijo" rel="select2" name="fondoFijo" {{ $disabled === true ? 'disabled' : '' }}>
                    <br />
<b>Notice</b>:  Undefined variable: fondosFijos in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>34</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>34</b><br />
                </select>
            </div>
            <div class="form-group col-lg-7 remove_col_6">
                <label for="descripcion">Descripción</label>
                <input class="form-control" type="text" name="descripcion" readonly disabled value="{{ $data->Descripcion }}"/>
            </div>
            <div class="form-group col-lg-10 remove_col_6">
                <label for="concepto">Concepto</label>
                <input class="form-control" type="text" name="concepto" readonly disabled value="{{ $data->Concepto }}"/>
            </div>
        </div>
        <div class="col-lg-4 col-sm-4 col-lg-4 col-xs-12 cuadro">
            <div class="info-box default">
                <span class="col-md-5 col-sm-5 col-lg-5 col-xs-12 bg-purple left-sided" style="font-size: 15px; line-height: 40px;">
                    <label>Fondo Fijo</label>
                    <label style="font-weight: normal;" id="dataMonto">{{ $data->Monto }}</label>
                </span>
                <span class="col-md-7 col-sm-7 col-lg-7 col-xs-12 pl0">
                    <span class="col-md-6 col-sm-6 col-lg-6 col-xs-12 utk">
                        <label>Disponible</label>
                        <label  style="font-weight: normal;" id="dataDisponible">{{ $data->Disponible }}</label>
                    </span>
                    <span class="col-md-6 col-sm-6 col-lg-6 col-xs-12 utk">
                        <label>Reservado</label>
                        <label style="font-weight: normal;" id="dataReservado">{{ $data->Reservado }}</label>
                    </span>
                    <div class="progress" style="width: 100%;margin-left: 0px;height: 6px;">
                        <div class="progress-bar" style="width: {{ $data->Porcentaje }}; background: #605ca8;"></div>
                    </div>
                    <span class="col-md-12 col-sm-12 col-lg-12 col-xs-12 utk ebh">
                        <label style="font-weight: normal;" id="dataConsumidoPorcentaje">{{ $data->Consumido }}({{ $data->Porcentaje }}) <b>Consumido</b></label>
                    </span>
                </span>
            </div>
        </div>
        <div class="box-body nosepass noss">
            <div class="ghaul gary">
                <label class="withG">Total Viajes Seleccionados: </label>
                <label id="totalViajesSeleccionados">RD$0.00</label>
            </div>
            @if($disabled === true)
                <a class="unstyled-buttom euron dominus exportExcelView" data-view="vw_solicitudreposicionfondofijo" style="float: right;font-size:18px;" data-fieldid="id" data-where="FondoFijo = {id} OR Reposicion = 'No Solicitado'" data-baseurl="{{ url(config('laraadmin.adminRoute') . '/getcsvview') }}" title="Exportar">
                    <i class="fa fa-file-excel-o"></i>
                </a>

            <a class="unstyled-buttom euron dominus" data-toggle="modal" style="float: right; font-size:18px;" data-target="#solicitudReposicionFilters" title="Filtrar">
                <i class="fa fa-filter"></i>
            </a>

             <button type="submit" class="unstyled-buttom euron dominus repobr" title="Aplicar reposición" aria-label="Save" style="float: right;top: 10px;">

            </button>
            @endif

            <div class="no-row">
            <table id="data" class="table table-bordered color-check">
                <thead>
                    <tr class="success">
                        <th></th>
                        @foreach($cols as $col)
                        <th>{{ ucfirst($col) }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>
@if($disabled === false)
</div>
</form>
@endif

<div class="modal fade" id="solicitudReposicionFilters" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close solicitudReposicionFilterCloseButton" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="filters">Filtros para Solicitud de Reposición de Fondo Fijos</h4>
            </div>
            <form class="filterForm" id="solicitudReposicionFilterForm">
                <div class="modal-body">
                    <div class="box-body">
                        @foreach($module->fields as $item)
                        <br />
<b>Notice</b>:  Undefined variable: item in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>130</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$DATA_TYPE in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>131</b><br />
<br />
<b>Notice</b>:  Undefined variable: module in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>131</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>131</b><br />
                        @if(strpos("($type)","(String)")!==false)
                        <div class="form-group col-lg-6">
                            <label class="llabel" for="name">{{$field->COLUMN_NAME}} :</label>
                            <select id="code" name="filter{{$field->COLUMN_NAME}}query" class="filteroffilter form-control2 col-md-3 col-lg-3">
                                <option value="contains">contiene</option>
                                <option value="not contains">no contiene</option>
                                <option value="equal to">igual a</option>
                                <option value="different to">diferente a</option>
                                <option value="starts with">empieza con</option>
                                <option value="not starts with">no empieza con</option>
                                <option value="ends with">termina con</option>
                                <option value="not ends with">no termina con</option>
                                <option value="only not set">solo no establecido</option>
                            </select>
                            <input id="{{$field->COLUMN_NAME}}" class="form-control2 col-md-9 col-lg-9" placeholder="Introduzca {{$field->COLUMN_NAME}}" maxlength="{{$field->CHARACTER_MAXIMUM_LENGTH}}"
                                 name="filter{{$field->COLUMN_NAME}}_String" id="{{$field->COLUMN_NAME}}_String"
                                type="text" value="{{Request::get('filter'.$field->COLUMN_NAME.'_String')}}">
                        </div>
                        @elseif(strpos("($type)","(Decimal)")!==false)
                        <div class="form-group col-lg-3">
                            <label for="name">{{$field->COLUMN_NAME}} From:</label>
                            <input class="form-control" placeholder="Enter {{$field->COLUMN_NAME}}" maxlength="{{$field->CHARACTER_MAXIMUM_LENGTH}}" 
                                name="filter{{$field->COLUMN_NAME}}_Decimal" id="{{$field->COLUMN_NAME}}" type="number" value="{{Request::get('filter'.$field->COLUMN_NAME.'_Decimal')}}">
                        </div>
                        <div class="form-group col-lg-3">
                            <label for="name">{{$field->COLUMN_NAME}} To:</label>
                            <input id="{{$field->COLUMN_NAME}}To" class="form-control" placeholder="Enter {{$field->COLUMN_NAME}}_Toxy" maxlength="{{$field->CHARACTER_MAXIMUM_LENGTH}}"
                                 name="filter{{$field->COLUMN_NAME}}_Toxy" id="{{$field->COLUMN_NAME}}_Toxy"
                                type="number" value="{{Request::get('filter'.$field->COLUMN_NAME)}}_Toxy">
                        </div>

                        @elseif(strpos("($type)","(Date)")!==false)
                        <div class="form-group col-lg-3">
                            <label for="name">{{$field->COLUMN_NAME}} From:</label>
                            <input id="dateFrom" class="form-control" placeholder="Enter {{$field->COLUMN_NAME}}" maxlength="{{$field->CHARACTER_MAXIMUM_LENGTH}}" 
                                name="filter{{$field->COLUMN_NAME}}_Date" id="{{$field->COLUMN_NAME}}" type="date" value="{{Request::get('filter'.$field->COLUMN_NAME.'_Date')}}">

                        </div>
                        <div class="form-group col-lg-3">
                            <label for="name">{{$field->COLUMN_NAME}} To:</label>
                            <input id="dateTo" class="form-control" placeholder="Enter {{$field->COLUMN_NAME}}_Toxy" maxlength="{{$field->CHARACTER_MAXIMUM_LENGTH}}" 
                                name="filter{{$field->COLUMN_NAME}}_Toxy" id="{{$field->COLUMN_NAME}}_Toxy" type="date" value="{{Request::get('filter'.$field->COLUMN_NAME)}}_Toxy">
                        </div>

                        @elseif(strpos("($type)","(Checkbox)")!==false)
                        <div class="form-group col-lg-6">
                            <label for="name">{{$field->COLUMN_NAME}}:</label>
                            <select id="filter{{$field->COLUMN_NAME}}_Checkbox" name="filter{{$field->COLUMN_NAME}}_Checkbox" class="form-control">
                                <option value="">All</option>
                                <option value="1">Yes</option>
                                <option value="2">Not</option>
                            </select>
                        </div>

                            @endif
                        @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="unstyled-buttom solicitudReposicionFilterCloseButton" title="Cancelar"><i class="fa fa-times-circle-o" aria-hidden="true"></i></button>                    {{--{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}--}}
                    <button class="unstyled-buttom" type="submit" title="Aceptar"><i class="fa fa-search" aria-hidden="true"></i></button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="realSaveModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Generación Carta Reposición de Fondo</h4>
            </div>
            <div class="modal-body">
                <form id="realDataForm">
                    <div class="row">
                        <div class="form-group col-lg-5">
                            <label for="realFondoFijo">Fondo Fijo</label>
                            <input class="form-control" type="text" name="realFondoFijo" readonly value="{{ $data->IDFondoFijo }}"/>
                        </div>
                        <div class="form-group col-lg-5">
                            <label for="realNumeroOficio">Ingrese Número de Oficio</label>
                            <input class="form-control" type="text" name="realNumeroOficio" value=""/>
                        </div>
                        <div class="form-group col-lg-2">
                            <button type="submit" class="close unstyled-buttom" aria-label="Save">
                                <i class="fa fa-save" style="color: black;" aria-hidden="true"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@if($disabled === false)
@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> -->
@endif

<script>
    var tableSolicitud = null;
    $(function(){
        var dataSubmit ={};
        $('#ajax-modal-title').text('Generar Solicitud Reposición Fondo Fijo');
        $('#ajax-modal-saveButton').css({
            'display': 'none'
        });
        tableSolicitud = $("#data").DataTable({
            processing: true,
            searching: false,
            serverSide: true,
            'columnDefs': [{
                'targets': 0,
                'searchable': false,
                'orderable': false,
                'className': 'dt-body-center',
                'render': function (data, type, row, meta){
                    if(row[12].trim().toLowerCase() != 'no solicitado'){
                        var splitReposicion = row[12].split('-');
                        
                        var id = splitReposicion[0];
                        var modalId = splitReposicion[1];
                        var date = splitReposicion[2];
                        
                        var url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/detalleingresofondofijos') }}/" + id + "?aplicarLiquidacionOpenModal=true&modalId=" + modalId;
                        
                        row[12] = '<a href="' + url + '" target="_blank">' + date + '</a>';
                        return '';
                    }
                    return '<input type="checkbox" name="nuevaSolicitud[]" value="' + $('<div/>').text(data).html() + '">';
                }
            }],
            ajax: {
                url: "{{ url(config('laraadmin.adminRoute') . '/fondofijos/ajax/solicitudreposicion') }}",
                data: function(d){
                    Object.assign(d,{
                        'fondoFijo': $('#id').val()
                    });
                    return d;
                }
            },
            language: {
                lengthMenu: "_MENU_",
                search: "<div class='datatables-filter-div' data-datatable='tableSolicitud'>_INPUT_</div>",
                searchPlaceholder: "Search"
            }
        });
        tableSolicitud.on('draw', function () {
            $('#data tbody tr').each(function (){
                var $td = $(this).find('td:last-child');
                if($td.html().toLowerCase() == 'no solicitado'){
                    $(this).addClass('danger');
                }else{
                    $(this).addClass('success');
                }
                $(this).addClass('text-center');
            });
        });

        $('#fondoextraordinario-ajax-update-form').submit(function(e){
            e.preventDefault();
            var form = $(this);

            // Iterate over all checkboxes in the table
            tableSolicitud.$('input[type="checkbox"]').each(function(){
                // If checkbox doesn't exist in DOM
                if(!$.contains(document, this)){
                    // If checkbox is checked
                    if(this.checked){
                        // Create a hidden element
                        $(form).append(
                        $('<input>')
                            .attr('type', 'hidden')
                            .attr('name', this.name)
                            .val(this.value)
                        );
                    }
                }
            });

            dataSubmit = form.serializeObject();
            
            if(dataSubmit.hasOwnProperty('nuevaSolicitud'))
                $('#realSaveModal').modal();
            else{
                swal({
                    title: 'Generar Solicitud de Reposición de Fondo Fijo',
                    type: 'error',
                    text: 'Debe seleccionar al menos un viaje',
                    showCloseButton: true,
                    allowOutsideClick: true,
                    confirmButtonText: 'Ok',
                    confirmButtonColor: '#605CA8'
                });
            }
        });

        $('#realDataForm').submit(function(e){
            e.preventDefault();
            var fondosFijos = JSON.parse('<br />
<b>Notice</b>:  Undefined variable: fondosFijos in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\partidas.blade.php</b> on line <b>339</b><br />
null');
            realIdFondoFijo = 0;

            for(var index in fondosFijos)
            {
                var fondoFijo = fondosFijos[index];
                if(fondoFijo.idFondoFijo == $('[name="realFondoFijo"]').val()){
                    realIdFondoFijo = fondoFijo.id;
                    break;
                }
            }
            dataSubmit.fondoFijo = realIdFondoFijo;
            dataSubmit.numeroOficio = $('[name="realNumeroOficio"]').val();
            
            $.ajax({
                url: "{{ url(config('laraadmin.adminRoute') . '/reposicionfondofijos') }}/" + dataSubmit.id,
                method: 'PUT',
                data: dataSubmit,
                success: function(response){
                    if(response.success){
                        location.reload();
                    }
                }
            });
        });

        $("#data tbody").on('change', 'input[type="checkbox"]', function(){
            $(this).closest('tr').toggleClass('item-selected');
            var value = SumarColumna("data");
            $("#totalViajesSeleccionados").html(value);
        });

        $('[name="fondoFijo"]').on('change', function(){
            $me = $(this);
            $('#id').val($me.val());

            url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/solicitudreposicion')}}?pageView=false&modalView=false&id=" + $me.val() + "&withView=" + false;
            $.ajax({
                url: url,
                method: 'GET',
                success: function(response){
                    $('[name="descripcion"]').val(response.data.data.Descripcion);
                    $('[name="concepto"]').val(response.data.data.Concepto);
                    $('#dataMonto').html(response.data.data.Monto);
                    $('#dataDisponible').html(response.data.data.Disponible);
                    $('#dataReservado').html(response.data.data.Reservado);
                    $('#dataConsumidoPorcentaje').html(response.data.data.Consumido + '(' + response.data.data.Porcentaje + ') <b>Consumido</b>');
                    $('#totalViajesSeleccionados').html('RD$0.00');
                    $('[name="realFondoFijo"]').val(response.data.data.IDFondoFijo);
                }
            });

            tableSolicitud.draw();
        });

        $('#solicitudReposicionFilterForm').submit(function(e){
            e.preventDefault();

            var parameters = $(this).serialize();
            var url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/ajax/solicitudreposicion') }}?" + $('#id').val() + "&" + parameters;
            tableSolicitud
                .ajax
                .url("{{ url(config('laraadmin.adminRoute') . '/fondofijos/ajax/solicitudreposicion') }}?" + parameters)
                .load();

            $('#solicitudReposicionFilters').modal('toggle');
        });

        $('.solicitudReposicionFilterCloseButton').click(function(){
            $('#solicitudReposicionFilters').modal('toggle');
        });

        var dt_f = $('.noss .dataTables_length');
        dt_f.parent().removeClass('col-sm-6');
        dt_f.parent().addClass('col-sm-12');

        

        var ghaul = $('.ghaul');
        ghaul.clone().appendTo('.nosepass .dataTables_length');
        ghaul.remove();

        var dominus = $('.dominus');
        dominus.clone().appendTo('.nosepass .dataTables_length');
        dominus.remove();

        $('.dataTables_length .dominus').show();

        $('.color-check').parent().addClass('resolve');

        $('.remove_col_6').removeClass('col-lg-6');
    });
</script>

@if($disabled === false)
@endpush
@endif