@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        {{-- verfiy session extracto-transferencia --}}
       
        <div class="page-content">
            @if (session('extracto-transferencia'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong class="text-dark">Excelente!</strong> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true" class="fa fa-times"></span>
                    </button>
                </div>
            @endif
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title text-primary">Cargar extracto para depósito o transferencia</div>
                        {{-- error --}}
                       
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/puestos') }}">Cargar
                                extracto para depósito o transferencia</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                    </ol>
                </div>
            </div>
            @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong class="text-dark">Error!</strong> <span class="text-dark">{{ session('error') }}</span>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true" class="fa fa-times"></span>
                </button>
            </div>
            
        @endif
            <!-- start widget -->
            <!-- start admited patient list -->
           {{--    @dump($columnas) --}}
            @if (count($columnas) <= 0)
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="card  card-box">
                            {!! Form::open([
                                'url' => 'pagos/depositos/tranferencias/cargar_listado',
                                'method' => 'POST',
                                'role' => 'form',
                                'id' => 'frmCarga',
                                'enctype' => 'multipart/form-data',
                            ]) !!}
                            <div class="card-body">
                                <div class="row">
                                    {!! Form::mtext('listado', null, 'Nombre Cargue', $errors, 5, false, true, [
                                        ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                    ]) !!}

                                    <div class="col-5">
                                        <div class="row col-md-12">
                                            <label for="foto" class="form-label">Archivo</label>
                                            <input 
                                                type="file" 
                                                class="form-control" 
                                                name="planilla_conciliacion"
                                                id="planilla_conciliacion">
                                        </div>
                                    </div>
                                    <div class="">
                                        <div class="col-2"><br>
                                            <button type="submit" class="btn bg-success"><i class="fa fa-cloud-upload"></i>
                                                Cargar Archivo</button>
                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>

                    </div>
                </div>
            @else
                <div class="card p-3">
                    {!! Form::open(['url' => 'pagos/depositos/tranferencias/cargar_listado', 'method' => 'POST', 'role' => 'form', 'id' => 'form-cargar-extracto', 'enctype' => 'multipart/form-data']) !!}
                    <div class="row">
                        <div class="col-2">
                            <th>Fecha</th>
                          
                            {!! Form::select('fecha', $columnas, null, [
                                'id' => 'fecha',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>

                        <div class="col-2">
                            <th>Contrato #</th>
                          
                            {!! Form::select('contrato', $columnas, null, [
                                'id' => 'contrato',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>
                        <div class="col-2">
                            <th>Cliente Documento</th>
                          
                            {!! Form::select('referencia', $columnas, null, [
                                'id' => 'referencia',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>
                        <div class="col-2">
                            <th>Transacción #</th>
                            
                            {!! Form::select('transaccion', $columnas, null, [
                                'id' => 'transaccion',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>
                        <div class="col-2">
                            <th>Valor</th>
                            {!! Form::select('valor', $columnas, null, [
                                'id' => 'valor',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}


                        </div>

                        <div class="col-2">
                            <th>Concepto</th>
                            
                            {!! Form::select('concepto', $columnas, null, [
                                'id' => 'concepto',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>

                        <div class="col-2">
                            <th>Observaciones</th>
                            
                            {!! Form::select('observaciones', $columnas, null, [
                                'id' => 'observaciones',
                                'class' => 'form-control select2',
                                'style' => 'width: 90%;',
                                'placeholder' => 'Seleccionar'
                            ]) !!}
                        </div>
                        
                    </div>
                    <div class="panel-footer text-center mt-2">
                        <a href="{{url('pagos/depositos/tranferencias/cargar_listado')}}" class="btn btn-warning">
                            <span class="fa fa-chevron-left"></span> Cambiar de archivo				
                        </a>
                        <a onclick="saveExtracto()" class="btn btn-success">
                            <span class="fa fa-check"></span> Cargar				
                        </a>
                    </div>
                    {!! Form::close() !!}
                </div>
                <table class="table">
                    <thead>
                        <tr>
                            @foreach ($columnas as $item)                
                                <th>{{ $item }}</th>
                   
                            @endforeach
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($info as $fila)
                            <tr>
                               @foreach ($fila as $dato)
                                <td>{{ $dato }}</td>
                                   
                               @endforeach
                            </tr>
                            @endforeach
                    </tbody>

                </table>
            @endif
            <div class="row">
                @isset ($view)
                    
                    <div id="content-ir-detalle" class="row" style="padding-top: 40px; display: none">
                        <div class="col-md-12 text-center">
                            <a {{-- href="{{ url('pagos/depositos/tranferencias/listados_no_conciliados/ver_detalle/' . $listado->cobro_planilla_id) }}"  --}}
                                class="btn btn-warning">
                                Ver Detalle
                            </a>
                        </div>
                    </div>
                @endisset
            </div>

        </div>
    </div>
@endsection
@section('script')
    <script>

        /* toggle content-ir-detalle if exist view */

       



        function clearSession(){
            $.ajax({
                url: "{{ url('pagos/depositos/tranferencias/clear_session') }}",
                type: 'GET',
                success: function(data) {
                    location.reload();
                }
            });
        }

        function saveExtracto(){
          /*   alert("hola") */
            let fecha = $('#fecha').val();
            let referencia = $('#referencia').val();
            let transaccion = $('#transaccion').val();
            let valor = $('#valor').val();
            let concepto = $('#concepto').val();
            let observaciones = $('#observaciones').val();
            let contrato = $('#contrato').val();


            if(fecha == '' || referencia == '' || transaccion == '' || valor == ''  || observaciones == '' ){
                return Swal.fire({
                    title: 'Error!',
                    text: 'Debe seleccionar todas las columnas',
                    icon: 'error',
                    confirmButtonText: 'Aceptar'
                });
            }

            /* get form frmCarga */
            let form = $('#form-cargar-extracto')[0];
            let formData = new FormData(form);
            form.submit();

           /*  $.ajax({
                url: "{{ url('pagos/depositos/tranferencias/cargar_listado') }}",
                type: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                success: function(data) {
                    
                 
                    console.log(data)
                       
                }
            }); */
        }

        $(document).ready(function() {


            $('#frmCarga').validate({
                rules: {
                    listado: {
                        required: true
                    },
                },
                messages: {
                    listado: {
                        required: "Debe seleccionar un listado."
                    },
                },
                errorElement: 'span',
                errorPlacement: function(error, element) {
                    error.addClass('invalid-feedback');
                    element.closest('.form-group').append(error);
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                }
            });
        });
    </script>
@endsection