@extends("la.layouts.app")

@section("contentheader_title", "Fondo Fijo / Aplicar Reposición")
@section("htmlheader_title", "Fondos Fijos / Aplicar Reposición")

@section('headerElems')
<a class="unstyled-buttom euron refreshButton" data-datatable="table" title="Refrescar"><i class="fa fa-refresh"></i></a>
@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

<input type="hidden" id="fondoFijo" value="{{ isset($fondoFijo) ? $fondoFijo : '' }}"/>
<div class="box box-success">
    <div class="box-body pl pr">
        <div class="sotavento">
            <div class="col-lg-8 p10 p0">
                <div class="form-group col-lg-3">
                    <label for="fondoFijo" class="bolder" style="width: 100%;">Fondo Fijo</label>
                    <select class="form-control" data-placeholder="Fondo Fijo" rel="select2" name="fondoFijo" {{ $enableDropdown == false ? 'disabled' : ''}}>
                        <br />
<b>Notice</b>:  Undefined variable: fondosFijos in <b>C:\wamp64\www\sviaticos\resources\views\la\fondofijos\detalleingresos.blade.php</b> on line <b>31</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\wamp64\www\sviaticos\resources\views\la\fondofijos\detalleingresos.blade.php</b> on line <b>31</b><br />
                    </select>
                </div>
                <div class="form-group col-lg-7 remove_col_6">
                    <label for="descripcion" class="bolder" style="width: 100%;">Descripción</label>
                    {{-- <input type="text" class="form-control" id="descripcion" value="{{ isset($data->Descripcion) ? $data->Descripcion : '' }}" readonly disabled/> --}}
                    <textarea class="form-control" id="descripcion" style="min-width: 100%;height:60px;min-height: 60px;max-height: 60px;" name="descripcion" readonly disabled>{{ isset($data->Descripcion) ? $data->Descripcion : '' }}</textarea>
                </div>
                {{-- <div class="form-group col-lg-10 remove_col_6">
                    <label for="concepto" class="bolder" style="width: 100%;">Concepto</label>
                    <input type="text" class="form-control" id="concepto" value="{{ isset($data->Concepto) ? $data->Concepto : '' }}" readonly disabled/>

                </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">{{ isset($data->Monto) ? $data->Monto : 'RD$0.00' }}</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">{{ isset($data->Disponible) ? $data->Disponible : 'RD$0.00' }}</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">{{ isset($data->Reservado) ? $data->Reservado : 'RD$0.00' }}</label>
                        </span>
                        <div class="progress" style="width: 100%;margin-left: 0px;height: 6px;background: #605ca8;">
                            <div id="porcentaje-bar" class="progress-bar" style="width: {{ isset($data->Porcentaje) ? $data->Porcentaje : '0%' }}; 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">{{ isset($data->Consumido) ? $data->Consumido : 'RD$0.00' }}({{ isset($data->Porcentaje) ? $data->Porcentaje : '0%' }}) <b>Consumido</b></label>
                        </span>
                    </span>
                </div>
            </div>
            <div class="no-row">
                <table id="example1" class="table table-bordered data-table">
                    <thead>
                        <tr class="success">
                            @foreach($cols as $col)
                            <th>{{ ucfirst(ReplaceLabels($col, $viewOrTable)) }}</th>
                            @endforeach
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>

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

{{--============ PartialViewModal ===========--}}
<div class="modal fade" id="ajax-modal" role="dialog" aria-labelledby="ajax-modal-title">
    <div class="modal-dialog" role="document" style="width: 80%">
        <div class="modal-content">
            {!! Form::open(['action' => 'LA\FondoFijosController@store', 'method' => 'POST', 'id' => 'fondofijo-ajax-update-form', 'enctype' => 'multipart/form-data'])!!}
            <div class="modal-header">
                <button type="button" class="close modal-font-x" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <button type="submit" id="ajax-modal-saveButton" class="close unstyled-buttom modal-font" aria-label="Save">
                    <i class="fa fa-save" style="color: black;" aria-hidden="true"></i>
                </button>
                <h4 class="modal-title" id="ajax-modal-title">Partial View</h4>
            </div>
            <div class="modal-body" id="ajax-modal-content">

            </div>
            <div class="modal-footer gencor" id="ajax-modal-footer">
            </div>
            {!! Form::close() !!}
        </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>
var table = null;
$(function () {
    var aplicarLiquidacionOpenModal = "{{ json_encode($aplicarLiquidacionOpenModal) }}";
    var aplicarReposicionOpenModal = "{{ json_encode($aplicarReposicionOpenModal) }}";
    var modalId = "{{ json_encode($modalId) }}";

    aplicarLiquidacionOpenModal = (aplicarLiquidacionOpenModal == 'true');
    aplicarReposicionOpenModal = (aplicarReposicionOpenModal == 'true');
    
    if(aplicarLiquidacionOpenModal == true){
        var url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/aplicarliquidacion') }}?id=" + modalId;
        ShowPartialView(url);
    }else if(aplicarReposicionOpenModal == true){
        var url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/aplicarreposicion') }}?id=" + modalId;
        ShowPartialView(url);
    }

    $('.style_image').on('click', function () {
        $('#uploadImage').trigger('click');
    });

    table = $("#example1").DataTable({
        processing: true,
        serverSide: true,
        ajax: { 
            url: "{{ url(config('laraadmin.adminRoute') . '/fondofijos/ajax/detalleingresos') }}" + '{{(Request::getQueryString() ? ('?' . Request::getQueryString()) : '')}}',
            data: function(d){
                Object.assign(d,{
                    'fondoFijo': $('#fondoFijo').val()
                });
                return d;
            }
        },
        language: {
            lengthMenu: "_MENU_",
            search: "<div class='datatables-filter-div' data-datatable='table'>_INPUT_</div>",
            searchPlaceholder: "Search"
        },
        columnDefs: [ { orderable: false, targets: [-1] }]
    });
    table.on('draw', function () {
        $('tr').each(function (){
            $(this).addClass('text-center');
        });
    });

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

        url = "{{ url(config('laraadmin.adminRoute') . '/fondofijos/detalleingresofondofijos')}}?withView=false&id=" + $me.val();
        $.ajax({
            url: url,
            method: 'GET',
            success: function(response){
                var descripcion = (response.data.data.Descripcion != null) ? response.data.data.Descripcion : '';
                var concepto = (response.data.data.Concepto != null) ? response.data.data.Concepto : '';
                var dataMonto = (response.data.data.Monto != null) ? response.data.data.Monto : 'RD$0.00';
                var dataDisponible = (response.data.data.Disponible != null) ? response.data.data.Disponible : 'RD$0.00';
                var dataReservado = (response.data.data.Reservado != null) ? response.data.data.Reservado : 'RD$0.00';
                var dataConsumido = (response.data.data.Consumido != null) ? response.data.data.Consumido : 'RD$0.00';
                var dataPorcentaje = (response.data.data.Porcentaje != null) ? response.data.data.Porcentaje : '0%';

                $('#descripcion').val(descripcion);
                $('#concepto').val(concepto);
                $('#dataMonto').html(dataMonto);
                $('#dataDisponible').html(dataDisponible);
                $('#dataReservado').html(dataReservado);
                $('#dataConsumidoPorcentaje').html(dataConsumido + '(' + dataPorcentaje + ') <b>Consumido</b>');
                $('#totalViajesSeleccionados').html('RD$0.00');
                $('#porcentaje-bar').css({
                    'width': dataPorcentaje
                });
            }
        });

        table.draw();
    });
});
</script>
@endpush