@extends('layouts.planti')
@section('contenido')
<style>
    .negro { color: black; }
    table thead th { background-color: #444; color: white; }
</style>


<div class="x_panel" style="">
        <div class="x_content">
            <div class="container">
                <div class="row">
                    <div class='col-sm-12'><h2>Servicio de Transporte Terrestre de Carga </h2></div>
                    <div class='col-sm-2'>
                        Buscar por:
                        <input id="pedido" class="form-control" placeholder="Pedido" autofocus value="" type="text">
                    </div>
                    <div class='col-sm-2'>
                        <br>
                        <button id='buscar' type="button" class="btn btn-dark"><span class="fa fa-filter"></span></button>
                    </div>
                    <div class='col-sm-3'>Nombre Responsable <input id="nombre" class="form-control" value="{{$df['nombre']}}" type="text"></div>
                    <div class='col-sm-3'>Cargo <input id="cargo" class="form-control" value="{{$df['cargo']}}" type="text"></div>
                    <div class='col-sm-5'><br>
                        <button id='guardar' type="button" class="btn btn-success"><span class="fa fa-save"></span> &nbsp;Guardar</button>
                        <a type="button" href="{{asset('infostransporte/pdf')}}/{{$pedido}}" class="btn btn-warning">PDF</a>
                        <a type="button" target="_blank" href="{{asset('rexserviciotrans/informes?pedido=')}}{{$pedido}}" class="btn btn-warning">HTML</a>
                        <a type="button" href="{{asset('exformatostransporte')}}" class="btn btn-primary">GENERAR FORMATOS ADICIONALES</a>
                    </div>
                    <div class='col-sm-12 negro'>
                        {!! $tabla !!}
                    </div>
                </div>
            </div>
        </div>
</div>
<script>
    $("#buscar").click(function(){
        ruta = "/rexserviciotrans/informes?pedido=" + $("#pedido").val() + "&ver";
        location.href = ruta;
    });

    $("#guardar").click(function(){
        if(confirm("CONFIRMACION REQUERIDA\n\nDesea actualizar estos valor predeterminado?")) {
            $.ajax({
                type:"get",
                url:"/parametros/guardar",
                data: {
                    nombre : $("#nombre").val(),
                    cargo  : $("#cargo").val(),
                    nodo   : 'servicio_transporte'
                },
                success : function(data) { alert(data); location.reload(); },
                error : function() { alert("ERROR INESPERADO\n\nNo se puedieron guardar los datos"); }
            })
        }
    });
</script>
@endsection