@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{route('change_price.index')}}" class="btn btn-info">volver</a>
                    Impresion entrada {{$numero}}

                </div>
                <div class="modal-body">

                    <div style="padding:20px">
                        <div class="row">
                            <input type="text" name="_token" id="_token" value="{{ csrf_token() }}" hidden>

                        </div>
                        <div class="row">
                            <div class="col">
                                <label for="" class="col-form-label text-md-center">Impresora:</label>
                                <select class="form-control" id="selected_device"
                                    onchange=onDeviceSelected(this);></select>
                            </div>
                            <div class="col">
                                <label for="" class="col-form-label text-md-center">Columnas:</label>
                                <select class="form-control" id="columns">
                                    <option value="1">1</option>
                                    <option value="2" selected>2</option>
                                </select>
                            </div>
                            <div class="col">
                                <label for="" class="col-form-label text-md-center">Formato:</label>
                                <select class="form-control" id="format">
                                    <option value="A" selected>Accesorios</option>
                                    <option value="J">Joyeria</option>
                                </select>
                            </div>
                            <div class="col">
                                <input hidden type="text" id="text_zpl" value="">
                                <button class="btn btn-success" onclick="fnImprimir()">Imprimir</button>
                            </div>
                        </div>
                        <hr>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection
<script src="{{ asset('js/BrowserPrint-2.0.0.75.min.js') }}" defer></script>
<script src="{{ asset('js/BrowserPrintFunctions.js') }}" defer></script>
<script>
    function fnImprimir() {

        console.log('fnImp')
        let columns = $('#columns').val()
        let format = $('#format').val()

        let url =
            "{{ route('redpine.entrada.zpl',['numero' => '$numero','columns' => 'columns_varable','type' => 'type_variable'])}}"
            .replace("columns_varable", columns).replace("type_variable", format);


        fetch(url, {
                method: 'GET', // or 'PUT'
            })
            .then((response) => {
                if (response.status >= 200 && response.status <= 300) {
                    return response.json()
                }
            })
            .then((r) => {
                console.log(r.zpl)
                $('#text_zpl').val(r.zpl)

                writeToSelectedPrinter_(null)
                //fcChangePrice()
            })
    }

</script>