{{--
Creado por Carmen Gomez
Fecha: 02-08-2019
--}}
@extends('layouts/master')

@section('content')
    <style type="text/css">
        .panel-theme {
            background-color: #FFFFFF;
            border: none;
            box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
        }

        .panel-heading {
            background-color: #0076be;
            border: none;
        }
        .badge {
            color:#FFFFFF;
            background-color: #00000;
        }

        .panel-title {
            font-weight: bold;
        }
        .panel-primary {
        extend(. panel-theme);
        }

        .panel-heading {
            padding: 0.75rem 1.25rem;
            margin-bottom: 0;
            background-color: #0076be;
            color: white;
        }
    </style>
    <div class="col-lg-8  col-sm-offset-2 container">
        <br> <br>
        <div class="panel panel-theme">
            <div class="panel-heading"><strong><h3 class="text-center card-subtitle panel-title" style="text-align:center;"><span
                                class="glyphicon glyphicon-plus"></span>
                        INGRESAR DATOS DE DEVOLUCION </h3></strong></div>
            <div class="panel-body">
                <div class="tab-content">
                    <div style="margin-right:20px" align="Right"><p><i class="glyphicon glyphicon-chevron-left" data-toggle="tooltip"></i>&nbsp;&nbsp;<a href="{{url('LiquidacionAliados/PrincipalDevolucion')}}">Volver al Menú Principal</a></p></div>
                    <form role="form" action="{{ url('LiquidacionAliados/AddDevolucion') }}" id="modifcar" name="modifcar" method="get">
                        <label class="radio-inline">Número de Guía</label>
                        <br>
                        <br>
                        <div style="margin-bottom: 25px; width: 100%;" class="input-group col-xs-12 col-md-4" id="idguia">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-search" data-toggle="tooltip"
                                                           data-placement="left"
                                                           title='Ingrese Número de Guía'></i></span>
                            <input type="text" class="form-control" name="codguia" id="codguia"
                                   placeholder="Ingrese un número de Guía"
                                   maxlength="20"
                                   data-container="body"
                                   data-placement="bottom"
                                   data-msg-required="Este campo es Requerido."
                                   data-msg-minlength="Debes ingresar al menos 3 caracteres."
                                   data-rule-minlength="3">
                        </div>

                        <div style="margin-bottom:15px; text-align:center;">

                            {{--LA CARACTERISTICA DE BLADE ES BTN-LAG  ES UN BOTON LARGO EN BOOSTRAP--}}
                            <button type="submit" class="btn btn-primary" id="load"
                                    data-loading-text="<i class='glyphicon glyphicon-refresh spinning '></i> Procesando.."
                                    data-style="expand-right">Aceptar
                            </button>
                        </div>

                    </form>
                </div>
            </div>
            <div class="panel-footer"><span class="glyphicon glyphicon-info-sign color"></span> <b>Nota:</b> Al
                posicionar el mouse sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
            </div>
        </div>
    </div>

@endsection