{% extends 'core/base.html' %}
{% load static %}
{% block content %}
    <div class="content-heading">
        <div>Buscador general</div>
    </div>

    {% if info %}
        <div class="alert alert-warning alert-dismissible text-center" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            {{ info }}
        </div>
    {% endif %}

    <div class="row">
        <div class="col-lg-2">
            <div class="card b">
                <div class="card-header bg-gray-lighter text-bold">Selecciona una opción</div>
                <div class="list-group">
                    <a class="list-group-item list-group-item-action active" href="#tabcliente" data-toggle="tab">Ficha
                        cliente</a>
                    <a class="list-group-item list-group-item-action" href="#tabclienteBank" data-toggle="tab">Cuenta
                        bancaria cliente</a>
                </div>
            </div>
        </div>

        <div class="col-lg-10">
            <div class="tab-content p-0 b0">
                <form action="" method="post">
                {% csrf_token %}
                <div class="tab-pane active" id="tabcliente">
                    <div class="card b">
                        <div class="card-body">
                            <legend>Ficha de cliente</legend>
                            <div class="form-group row"><label class="col-md-2 col-form-label">NIF/CIF</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="nif">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Nombre</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="name">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Primer apellido</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="surname1">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Segundo apellido</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="surname2">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Email</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="email">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Teléfono</label>
                                <div class="col-md-10">
                                    <input class="form-control form-control" type="text" name="phone">
                                </div>
                            </div>
                            <div class="form-group row"><label class="col-md-2 col-form-label">Tipología</label>
                                <div class="col-md-10">
                                    <select class="custom-select custom-select-sm" name="type">
                                        <option selected=""></option>
                                        <option value="particular">Particular</option>
                                        <option value="company">Empresa</option>
                                        <option value="freelance">Autónomo</option>
                                    </select>
                                </div>
                            </div>
                            <div class="float-right">
                                <button class="btn btn-success btn-oval" name="btncliente" type="submit">Buscar</button>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>

    </div>


{% endblock %}