@extends('layout.master',['activePage' => 'testws', 'menuParent' => 'Configuracion', 'titlePage' => __('Test WS')])

@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/sweetalerts/sweetalert2.min.css') !!}
    {!! Html::style('plugins/sweetalerts/sweetalert.css') !!}
    {!! Html::style('assets/css/basic-ui/custom_sweetalert.css') !!}
    {!! Html::style('plugins/notification/snackbar/snackbar.min.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush

@section('content')
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('CR')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Clientes')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span> {{__('Test')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <div class="col-lg-12">
        <div class="row">
            <div class="col-lg-12">
                <div class="statbox widget box box-shadow mb-4">
                    <div class="widget-content widget-content-area">
                        <div class="w-100">
                            <div class="row">
                                <div class="col-3">
                                    <label>Usuarios</label>
                                    <select id="usuario" style="width:100%">
                                        @foreach ($data['usuarios'] as $u)
                                            <option value="{{ $u->id }}">{{ $u->username }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3">
                                    <label>Sucursal</label>
                                     <select id="sucursal" style="width:100%">
                                        @foreach ($data['sucursales'] as $u)
                                            <option value="{{ $u->sucursal }}">{{ $u->sucursal }} - {{ $u->descripcion }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3">
                                    <label>Cliente</label>
                                    <input type="text" class="form-control form-control-sm" id="cliente">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <label>Importe</label>
                                    <input type="text" class="form-control form-control-sm" id="importe">
                                </div>
                                <div class="col-3">
                                    <label>Vendedor</label>
                                     <select id="vendedor" style="width:100%">
                                        @foreach ($data['agentes'] as $u)
                                            <option value="{{ $u->id }}">{{ $u->agente }} - {{ $u->nombre }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-3">
                                    <label>Metodo Pago</label>
                                    <input type="text" class="form-control form-control-sm" id="metodopago">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <label>Tipo Movimiento</label>
                                    <input type="text" class="form-control form-control-sm" id="tipo">
                                </div>
                                <div class="col-3">
                                    <label>Fecha</label>
                                    <input type="text" class="form-control form-control-sm" id="fecha" value="{{ $data['fecha'] }}">
                                </div>
                                <div class="col-3">
                                    <label>idterra</label>
                                    <input type="text" class="form-control form-control-sm" id="idterra">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-3">
                                    <label>Folio Reversa</label>
                                    <input type="text" class="form-control form-control-sm" id="folioreversa">
                                </div>
                                <div class="col-3">
                                    <label>Nombre Cliente</label>
                                    <input type="text" class="form-control form-control-sm" id="nombretar">
                                </div>
                                <div class="col-3" style="display:none;">
                                    <label>Plazo</label>
                                    <input type="text" class="form-control form-control-sm" id="plazo">
                                </div>
                                <div class="col-3" align="right">
                                    <button class="btn btn-primary" onclick="probar();">Probar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="statbox widget box box-shadow mb-4">
                    <div class="row">
                        <div class="col-6">
                            <textarea class="form-control" cols="30" rows="10" id="respuesta"></textarea>
                        </div>
                    </div>
                </div>  
            </div>
        </div>

    </div>


@endsection

@push('plugin-scripts')
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('plugins/sweetalerts/sweetalert2.min.js') !!}
    {!! Html::script('assets/js/basicui/sweet_alerts.js') !!}
    {!! Html::script('plugins/notification/snackbar/snackbar.min.js') !!}
    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
@endpush

@push('custom-scripts')
    <script type="text/javascript">
        $(document).ready(function() {
        /*$("#fecha").flatpickr({
            dateFormat: "Y-m-d",
        });*/
  
        });
        function probar(){
            var usuario = $('#usuario').val()
            var sucursal = $('#sucursal').val()
            var cliente = $('#cliente').val()
            var importe = $('#importe').val()
            var vendedor = $('#vendedor').val()
            var metodopago = $('#metodopago').val()
            var tipo = $('#tipo').val()
            var fecha = $('#fecha').val()
            var idterra = $('#idterra').val()
            var folioreversa = $('#folioreversa').val()
            var nombretar = $('#nombretar').val()
            var plazo = $('#plazo').val()            
        
            $.ajax({
                url: "{{url('configuracion/test_ws')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    usuario: usuario,
                    sucursal: sucursal,
                    cliente: cliente,
                    importe: importe,
                    vendedor: vendedor,
                    metodopago: metodopago,
                    tipo_movimiento: tipo,
                    fecha: fecha,
                    idterra: idterra,
                    folio_reversa: folioreversa,
                    nombretar: nombretar,
                    //plazo: plazo,
                    
                },
            })
            .done(function(resp) {
                console.log(resp);
                
                $('#respuesta').val(resp.resp)
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            

        }
    </script>

@endpush