@extends("la.layouts.app")

@section("contentheader_title", "Fondos Extraordinarios / Aplicar Partida")
@section("htmlheader_title", "Fondos Extraordinarios / Aplicar Partida")

@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="fondoExtraordinario" value="{{ isset($fondoExtraordinario) ? $fondoExtraordinario : 0 }}"/>
<div class="box box-success">
    <div class="box-body pl pr">
        <div class="sotavento">
            <div class="col-lg-8 p10 p0">
                @if($isAdmin === true)
                <div class="form-group col-lg-3">
                    <label for="fondoExtraordinario" class="bolder">Custodio</label>
                    <select class="form-control" data-placeholder="Fondo Extraordinario" rel="select2" name="fondoExtraordinario">
                        <option value="0" {{ isset($data->IDFondoExtraordinario) ? '' : 'selected' }} disabled>Seleccione una opción</option>
                        @foreach($fondosExtraordinarios as $fondo)
                            @if(isset($data->IDFondoExtraordinario))
                                <option value="{{$fondo->id}}" {{ $data->IDFondoExtraordinario == $fondo->id ? 'selected' : '' }}>{{$fondo->idFondo}}</option>
                            @else
                                <option value="{{$fondo->id}}">{{$fondo->idFondo}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                @else
                <div class="form-group col-lg-3">
                    <label for="fondoExtraordinario" style="width: 100%;">Fondo Extraordinario</label>
                    <span>{{ isset($data->IDFondoExtraordinario) ? $data->IDFondoExtraordinario : 'FE-2017-?' }}</span>
                </div>
                @endif
                <div class="form-group col-lg-3">
                    <label for="montoAprobado" style="width: 100%;">Monto Aprobado</label>
                    <span>{{ isset($data->MontoAprobado) ? $data->MontoAprobado : 'RD$0.00' }}</span>
                </div>
                <div class="form-group col-lg-3">
                    <label for="consumidoAcumulado" style="width: 100%;">Consumido Acumulado</label>
                    <span>{{ isset($data->ConsumidoAcumulado) ? $data->ConsumidoAcumulado : 'RD$0.00' }}</span>
                </div>
                <div class="form-group col-lg-3">
                    <label for="fondoExtraordinario" style="width: 100%;">DisponibleAcumulado</label>
                    <span>{{ isset($data->DisponibleAcumulado) ? $data->DisponibleAcumulado : 'RD$0.00' }}</span>
                </div>
            </div>
            <div class="col-lg-4 col-sm-4 col-lg-4 col-xs-12">
                <div class="info-box default">
                    <span class="col-md-5 col-sm-5 col-lg-5 col-xs-12 bg-greenday left-sided" style="font-size: 15px; line-height: 40px;">
                        <label>Monto Partida Vigente</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: #4E8542;">
                            <div id="porcentaje-bar" class="progress-bar" style="width: {{ isset($data->Porcentaje) ? $data->Porcentaje : '0%' }}; background: #4E8542;"></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\FondoExtraordinariosController@store', 'method' => 'POST', 'id' => 'fondoextraordinario-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 detalleLiquidacionOpenModal = "{{ json_encode($detalleLiquidacionOpenModal) }}";
    var partidaId = "{{ json_encode($partidaId) }}";

    detalleLiquidacionOpenModal = (detalleLiquidacionOpenModal == 'true');

    if(detalleLiquidacionOpenModal == true){
        var url = "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/detalleliquidacion') }}?id=" + partidaId;
        ShowPartialView(url);
    }

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

    table = $("#example1").DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/ajax/detalleingresos') }}" + '{{(Request::getQueryString() ? ('?' . Request::getQueryString()) : '')}}',
            data: function(d){
                Object.assign(d,{
                    'fondoExtraordinario': $('#fondoExtraordinario').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="fondoExtraordinario"]').on('change', function(){
        $me = $(this);
        $('#fondoExtraordinario').val($me.val());

        url = "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/detalleingresofondoextraordinarios')}}?withView=false&id=" + $me.val();
        $.ajax({
            url: url,
            method: 'GET',
            success: function(response){
                $('#descripcion').val(response.data.data.Descripcion);
                $('#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>');
                $('#porcentaje-bar').css({
                    'width': response.data.data.Porcentaje
                });
            }
        });

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