@extends('app')
@section('content')



<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <h1 class="dashboard-heading">
                Corporativo
            </h1>
            <h2 class="dashboard-heading">
                Gasolina
            </h2>
            <div class="col-md-6 text-right">
              <button type="button" class="btn btn-primary btn-header" data-toggle="modal" data-target="#pay-manual">
                Fondeo <i class="fa fa-plus" aria-hidden="true"></i>
            </button>
            </div
        </div>
        @if ($report_fondeo->count() > 0)
        <div class="col-md-6 text-right" style="padding-top: 29px">
            {!! Form::open(['method' => 'POST','url' => url('excelgas_report_fondeo') ]) !!}
            <div class="form-group">
                <button class="btn btn-primary export-button" type="submit">
                    Exportar Reporte <i class="fa fa-file-excel"></i>
                </button>
            </div>
            <input type="hidden" name="report_fondeo" >
            {!! Form::close() !!}
        </div>
        @else
        @endif
    </div>
    @if ($report_fondeo->count() > 0)
    {!! Form::open([
    'method' => 'POST',
    'url' => url('gasreportcorporativo')
    ]) !!}
    <div class="row">
        <div class="col-sm-2">
            <div class="form-group">
                {!! Form::label('fecha', 'Fecha') !!}
                {!! Form::date('fecha', \Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control'],request()->input('fecha')) !!}
            </div>
        </div>
<!--             <div class="filter-nombre">
                <div class="col-sm-2">
                    <div class="form-group ">
                        <label for="filter-name">Filtrar por Nombre</label>
                        {!! Form::text('name_trabajador', request()->input('name_trabajador'), ['class' => 'form-control', 'id' => 'filter-name']) !!}
                    </div>
                </div>
            </div>
            <div class="filter-identificador">
                <div class="col-sm-2">
                    <div class="form-group">
                        <label for="filter_identificador">Filtrar por Identificador</label>
                        {!! Form::text('identificador_filter', request()->input('identificador_filter'), ['class' => 'form-control', 'id' => 'filter_identificador']) !!}
                    </div>
                </div>
            </div> -->
            <div class="col-sm-4">
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label for="">&nbsp;</label>
                            <button id="filter-btn" type="submit" class="btn btn-primary btn-block">
                                <i class="fa fa-fw fa-search"></i> Filtrar
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}

        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table table_gas">
                <thead>
                    <tr>
                        <th>NOMBRE DEL TRABAJADOR</th>
                        <th>IDENTIFICADOR</th>
                        <th>NO. TARJETA</th>
                        <th>CONCEPTO</th>
                        <th>MONTO DE FONDEO</th>
                        <th>FECHA DE FONDEO</th>
                        <th>MES</th>
                        <th>NOMBRE</th>
                        <th>AÑO</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($report_fondeo as $report)  
                    <tr>
                        <td><span>{{ json_decode($report->data)->nombre_trabajador }}</span></td>
                        <td><span>{{ json_decode($report->data)->identificador }}</span></td>
                        <td><span>{{ json_decode($report->data)->no_tarjeta }}</span></td>
                        <td><span>{{ json_decode($report->data)->concepto }}</span></td>
                        <td><span>$</span><span>{{ number_format(json_decode($report->data)->monto_de_fondeo,2) }}</span></td>
                        <td><span>{{ json_decode($report->data)->fecha_de_fondeo }}</span></td>
                        <td><span>{{ json_decode($report->data)->mes }}</span></td>
                        <td><span>{{ json_decode($report->data)->nombre }}</span></td>
                        <td><span>{{ json_decode($report->data)->anio }}</span></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
        <div class="alert alert-info">
            No hay registros que mostrar
        </div>
        @endif
    </div>

    @endsection
    @section('modals')

    @endsection
    @section('script')
<!-- 	<script>
        $(function() {
                $('.filter-nombre').show();
                $('.filter-identificador').hide();
                $('#filtro').change(function(){
                        if($(this).val() == 'name') {
                                $('.filter-nombre').show();
                                $('.filter-identificador').hide(); 
                        } else if ($(this).val() == 'identificador') {
                                $('.filter-nombre').hide();
                                $('.filter-identificador').show(); 
                        }else {
                                $('.filter-nombre').hide();
                                $('.filter-identificador').hide(); 
                        } 
                });
        });
    </script> -->
<!-- <script>
$(document).ready(function() {
        $(".export-button").click(function() {
                var data = $('.big-table').serialize();
                console.log(data);

                $.ajaxSetup({
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                        }
                });
                $.ajax({
                        url: 'http://localhost:8000/excelgas',
                        dataType : 'json', 
                        type: 'POST',
                        data: {
                                active:active, 
                        },
                        success: function(data) {
                                console.log("Success with data " + data);
                        },
                        error: function(data) {
                                console.log("Error with data " + data);
                        }
                });
        });
});
</script> -->
@endsection