<?php require_once "styles.php";?>
<div id="mainTwo">

	<div class="animated fadeIn">
        <div class = "container">

            <div class="row" id="titulo">

                <div class="col s12 card white">
                    <h4 id="InGroupstitle">{{traducirFrase("Buscador de Leads")}}</h4>
                </div>

            </div>

            <div class="row" id="panelBox" style="width: 80%;">

                <!-- Div del Card-Panel -->
                <div class="col s12 card-panel white hoverable" id="leftCard">
                    <!-- Div del Form -->
                    <div id="buscadorForm" class="center-align input-field">

                        <!-- Por ID del Agente -->
                        <div id = "hola">
                            <div>
                                <h5 class="blue lighten-3">
                                    {{traducirFrase("Por ID del Agente")}}
                                </h5>
                            </div>
                            <div style="margin: 1rem 0rem 2rem 0rem;" class="input-field">
                                <input v-bind:placeholder="traducirFrase('Identificador del Agente')" id="agentId" type="text">
                            </div>
                            <div style="margin-top: 3.5rem;">
                                <button class="btn waves-effect waves-light blue lighten-3 black-text" type="submit" name="action">{{traducirFrase("Buscar")}}</button>
                            </div>
                        </div>
                        <!-- Por ID del Agente -->
                    </div>
                </div>

                <div class="col s12 card-panel white hoverable" id="midCard">
                    <div id="buscadorForm" class="center-align input-field">
                        <!-- Por Teléfono -->
                        <div id="hola2" style="display: inline;">
                            <!-- <div style="margin-top: 3rem;"> -->
                                <h5 class="blue lighten-3">
                                    {{traducirFrase("Por Teléfono")}}
                                </h5>
                            <!-- </div> -->
                            <!-- <div> -->
                                <input :placeholder="traducirFrase('Número')" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                            <p>
                                <label>
                                    <input type="checkbox" id="test6" class="filled-in" checked="checked"/>
                                    <span>Red</span>
                                </label>
                            </p>
                            <!-- </div> -->
                            <!-- <div> -->
                                <button class="btn waves-effect waves-light" type="submit" name="action">{{traducirFrase("Buscar")}}</button>
                            <!-- </div> -->
                        </div>
                        <!-- Por Teléfono -->
                    </div>
                </div>

                <div class="col s12 card-panel white hoverable" id="rightCard">
                    <div id="buscadorForm" class="center-align input-field">

                        <!-- Por ID del registro -->
                        <div id="hola3">
                            <!-- <div style="margin-top: 3rem;"> -->
                                <h5 class="blue lighten-3">
                                    {{traducirFrase("Por ID del Registro")}}
                                </h5>
                            <!-- </div> -->
                            <!-- <div> -->
                                <input placeholder="Identificador" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <button class="btn waves-effect waves-light" type="submit" name="action">{{traducirFrase("Buscar")}}</button>
                            <!-- </div> -->
                        </div>
                        <!-- Por ID del Registro -->
                    </div>
                </div>

                <div class="col s12 card-panel white hoverable" id="detailCard">
                    <div id="buscadorForm" class="center-align input-field">
                        <!-- Busqueda Detallada -->
                        <div id="hola4">
                            <!-- <div style="margin-top: 3rem;"> -->
                                <h5 class="blue lighten-3">
                                    {{traducirFrase("Búsqueda Detallada")}}
                                </h5>
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Estatus)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(ID de Lista)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Usuario)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Propietario)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <button class="btn waves-effect waves-light" type="submit" name="action">{{traducirFrase("Buscar")}}</button>
                            <!-- </div> -->
                        </div>
                        <!-- Búsqueda Detallada -->
                    </div>
                </div>

                <div class="col s12 card-panel white hoverable" id="logCard">
                    <div id="buscadorForm" class="center-align input-field">
                        <!-- Busqueda Detallada -->
                        <div id="hola4">
                            <!-- <div style="margin-top: 3rem;"> -->
                                <h5 class="blue lighten-3">
                                    {{traducirFrase("Búsqueda Detallada")}}
                                </h5>
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Estatus)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(ID de Lista)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Usuario)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <input v-bind:placeholder="traducirFrase(Propietario)" id="agentId" type="text">
                            <!-- </div> -->
                            <!-- <div> -->
                                <button class="btn waves-effect waves-light" type="submit" name="action">{{traducirFrase("Buscar")}}</button>
                            <!-- </div> -->
                        </div>
                        <!-- Búsqueda Detallada -->
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
<!-- END MAIN -->
<!-- ================================================
    Scripts
    ================================================ -->
<?php require_once "script_buscador.php";?>