@extends('layouts.default')
@section('content')
<div class="row">
    <div class="col-12 col-md-12">
        <div class="card">
            <div class="card-body">                    
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">Almacen:</span>
                            <input type="text" class="x-form-control" id="almacen" placeholder="" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">Empresa:</span>
                            <select class="x-form-control" id="empresa">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">Telefono:</span>
                            <input type="number" maxlength="10" class="x-form-control" id="telefono" placeholder="" autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Email:</span>
                            <input type="text" class="x-form-control" id="email" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Calle:</span>
                            <input type="text" class="x-form-control" id="calle" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-1">                        
                        <div class="form-group">
                            <span class="x-label"># Exterior:</span>
                            <input type="text" class="x-form-control" id="numExterior" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-1">                        
                        <div class="form-group">
                            <span class="x-label"># Interior:</span>
                            <input type="text" class="x-form-control" id="numInterior" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group">
                            <span class="x-label">C.P:</span>
                            <input type="text" maxlength="5" class="x-form-control" id="codigopostal" onchange="getColonia()"/>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Colonia:</span>
                            <select class="x-form-control" id="colonia">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Pais:</span>
                            <select class="x-form-control" id="pais" onchange="getEstados()">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Estado:</span>
                            <select class="x-form-control" id="estado" onchange="getMunicipios()">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Municipio:</span>
                            <select class="x-form-control" id="municipio">

                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <button type="button" class="btn btn-secondary btn-icon-text" onclick="limpiarInputs()" style="margin:8px;">
                            <span id="buttonLimpiar">Limpiar</span>                                                                          
                        </button>
                        <button type="button" class="btn btn-success btn-icon-text" onclick="agregarCliente()" style="margin:8px;">
                            <span id="buttonAgregar">Agregar</span>
                            <span id="buttonActualizar" style="display:none">Actualizar</span>                                           
                        </button>    
                    </div>
                </div>
                <hr>
                <div class="row" style="height:520px; overflow:auto">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Almacén</th>
                                <th>Empresa</th>
                                <th>Email</th>
                                <th>Telefono</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody id="tableAlmacenes">
                            
                        </tbody>
                    </table>
                </div> 
            </div>
        </div>
    </div>
</div>
@stop
@section('jspage')
  <script src="jsprod/tiendas.js"></script>
@stop