@extends('modules.head') @section('contenido')
<h3 ><a class="ruta" class="" href="{{url('/categories')}}">{{ Lang::get('messages.screen_categories_tag7')}}  </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/categories/add')}}">{{ Lang::get('messages.screen_add_categories_tag1')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_add_categories_tag1')}}</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body" >
        <form role="form" id="createCategory" data-toggle="validator">
            <div class="row">
                <div class="col-xs-6">
                    <div class="form-group">
                        <label for="name">{{ Lang::get('messages.screen_add_categories_tag2')}} </label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="" required>
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="form-group">
                        <label for="priority">{{ Lang::get('messages.screen_add_categories_tag3')}}</label>
                        <input type="number" class="form-control" name="priority" placeholder="" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6">
                    <div class="form-group">
                        <label for="image">{{ Lang::get('messages.screen_add_categories_tag4')}} </label>
                        <input type="file" id="image" name="image" >
                    </div>
                </div>
            </div>
          
           
            
              
            <button  onClick="createCategory()" id="btn-create-category" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_add_categories_tag6')}}</button>
            <button type="button" class="btn btn-default pull-right btnCancel"  >
                <a href="{{url('/categories')}}">{{ Lang::get('messages.screen_add_categories_tag5')}} </a>
            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>

<div class="modal fade in modalDirection" id="modal_register_direction" >
        <div class="modal-dialog modal-dialog-direction" >
            <div class="modal-content modal-content-direction" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
    
                    <h4 class="modal-title">Registrar dirección
                        <i class="fa fa-map-marker modal-color-icon" ></i>
                    </h4>
    
                </div>
                <div class="modal-body modal-body-direction">
                    <div class="row">
                        <input type="text" class="controls" name="direccion_auto" id="pac-input" placeholder="Buscar dirección" data-lat="" data-long="">
                    </div>
    
                    <div id="map"></div>
                    <div class="row modal-row-direction" >
                        <div class="col-xs-6">
                            <label for="district">Barrio (Opcional)</label>
                            <div class="form-group" >
                                <input type="text" class="form-control"  id="district-modal" name="district-modal"
                                   >
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label for="indications">Cómo llegar?</label>
                                <textarea class="form-control" id="indications-modal"  rows="2" name="indications-modal"
                                    placeholder="Enter ..." maxlength="250"></textarea>
                            </div>
                        </div>
                    </div>
    
    
                    <div class="row modal-row-btn-direction" >
                        <button type="button" onClick="helpDirection()" id="btnAyuda" data-dismiss="" class="btn btn-warning pull-left">Ayuda
                            <i class="fa fa-question-circle"></i>
                        </button>
                        <button onClick="createDirectionSucursal()" id="btnDirection" data-dismiss="" class="btn btnBox pull-right" disabled>Agregar</button>
    
                    </div>
                    <div class="content-target-aviso" data-id="0">
                        <div class="target-aviso">
                            <h4 class="modal-title">Importante
                                <i class="fa fa-warning " style=""></i>
                            </h4>
                            <label>- El botón "Agregar", se activa al momento de validar la ubicación en el mapa, para ello se debe
                                seleccionar una opción de la búsqueda o presionar la tecla enter luego de ingresar la dirección.
                                Si trata de editar la dirección el botón se vuelve a desactivar y debe repetir el proceso anterior.</label>
    
                            <label>- Si no encuentra la dirección en el mapa, por favor ingrese un punto más cercano y en el campo “Cómo
                                llegar?’’ ingresar la dirección completa.</label>
    
                            <label>- Para mayor efectividad en la búsqueda se recomienda escribir la dirección sin espacios luego del
                                carácter "#". Ejemplo: Cra. 39 #5a-34, Cali, Valle del Cauca, Colombia. </label>
    
    
                        </div>
                    </div>
    
                </div>
    
            </div>
        </div>
    </div>



<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/categories.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
 @endsection