@extends('la.layouts.app')

@section("contentheader_title", "Fondo Extraordinario")
{{--@section("section", "FondoExtraordinarios")--}}
{{--@section("sub_section", "Listing")--}}
@section("htmlheader_title", "FondoExtraordinarios Listing")

@section("headerElems")

@endsection

@section("main-content")

<input type="hidden" name="id" value="{{ $data->ID }}"/>
<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="fechaApertura" style="width: 100%;">Fecha Apertura</label>
                <span id="fechaApertura">{{ $data->FechaApertura }}</span>
            </div>
            <div class="form-group col-lg-3">
                <label for="identificador" style="width: 100%;">Identificador</label>
                <span id="identificador">{{ $data->Identificador }}</span>
            </div>
            <div class="form-group col-lg-3">
                <label for="monto" style="width: 100%;">Monto del Fondo</label>
                <span id="monto">{{ $data->Monto }}</span>
            </div>
            <div class="form-group col-lg-3">
                <label for="estado">Estado del Fondo</label>
                <select class="form-control" data-placeholder="Estado" rel="select2" name="estado" {{ $data->Estado == 3 ? 'disabled' : '' }}>
                    <br />
<b>Notice</b>:  Undefined variable: estados in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\detallepartidas.blade.php</b> on line <b>35</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\detallepartidas.blade.php</b> on line <b>35</b><br />
                </select>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 decrip">
                <label for="descripcion" style="width: 100%;">Descripción</label>
                <span id="descripcion">{{ $data->Descripcion }}</span>
            </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-greenday left-sided" style="font-size: 15px; line-height: 40px;">
                    <label>Monto Partida Vigente</label>
                    <!-- <label>Fondo Extraordinario</label> -->
                    <label style="font-weight: normal;">{{ $data->MontoPartida }}</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;">{{ $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;">{{ $data->Reservado }}</label>
                    </span>
                     <div class="progress" style="width: 100%;margin-left: 0px;height: 6px;background: #4E8542;">
                        <div class="progress-bar" style="width: {{ $data->Porcentaje }}; 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;">{{ $data->Consumido }}({{ $data->Porcentaje }}) <b>Consumido</b></label>
                    </span>
                </span>

            </div>
        </div>

        <div class="box-body nosepass">
        <style type="text/css">
           .nwut .col-sm-5{
                padding-left: 0px;
           }
           .nwut .col-sm-7{
                padding-right: 0px;
           }
        </style>
            <div class="no-row enuna nwut">
                <table id="data" class="table table-bordered">
                    <thead>
                        <tr class="success">
                            @foreach($cols as $col)
                            <th>{{ ucfirst(ReplaceLabels($col, $viewOrTable)) }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        
                    </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>
    var tableTransaccion = null;
    $(function(){

        $('.dataTables_info').parent().addClass('pl');

        tableTransaccion = $("#data").DataTable({
            processing: true,
            serverSide: true,
            ordering: false,
            ajax: "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/ajax/detallepartidas') }}" + '{{(Request::getQueryString() ? ('?' . Request::getQueryString()) : '')}}&fondoExtraordinario={{ $fondoExtraordinario }}',
            language: {
                lengthMenu: "_MENU_",
                search: "<div class='datatables-filter-div' data-datatable='tableTransaccion'>_INPUT_</div>",
                searchPlaceholder: "Search"
            }
        });
        tableTransaccion.on('draw', function () {
            $('tr').each(function (){
                $(this).addClass('text-center');
            });
        });

        $('[name="estado"]').on('change', function(e){
            var data = {};
            var realStatus = '<br />
<b>Notice</b>:  Undefined variable: data in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\detallepartidas.blade.php</b> on line <b>137</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\detallepartidas.blade.php</b> on line <b>137</b><br />
';
            data.id = $('[name="id"]').val();
            data.estado = $(this).val();

            if(data.estado != realStatus){
                swal({
                    title: 'Fondo Fijo',
                    type: 'warning',
                    html: '¿Está seguro de Cambiar el Estado de este Fondo?',
                    showCancelButton: true,
                    confirmButtonText: 'Si',
                    cancelButtonText: 'No',
                    confirmButtonColor: '#605CA8',
                    cancelButtonColor: '#D33'
                }).then(function(){
                    $.ajax({
                        url: "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios') }}/" + data.id,
                        method: 'PUT',
                        data: data,
                        success: function(response){
                            if(response.success){
                                location.reload();
                            }else{
                                swal({
                                    title: 'Fondo Extraordinario',
                                    type: 'error',
                                    html: response.html,
                                    showCloseButton: true,
                                    allowOutsideClick: true,
                                    confirmButtonText: 'Ok',
                                    confirmButtonColor: '#605CA8'
                                });
                                $('[name="estado"]').val(realStatus).trigger('change');
                            }
                        }
                    });
                }, function(dismiss){
                    if(dismiss == 'cancel'){
                        $('[name="estado"]').val(realStatus).trigger('change');
                    }
                });
            }
        });
    });
</script>
@endpush