@extends('layouts.head')

@section('content')

    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row ">
                    <div class="col-md-12">
                        <div class="card card-color row">
                                <div class="card-header" >
                                    <h3 style="color:white" class="card-title"><b>REGISTRO DE CLIENTES </b> </h3>
                                </div>
                                <form id="form_clientes" style='font-size:12px'  method="POST" enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <div class="card-body">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label for="cedula">Cédula *</label>
                                                    <input type="text" class="form-control" id="cedula_clientes" name="cedula_clientes" placeholder="Ingrese cédula" required>
                                                </div>
                                                
                                                <div class="col-md-8">
                                                    <label for="nombre">Nombre y apellidos *</label>
                                                    <input  type="text" class="form-control" id="nombres_clientes" name="nombres_clientes" placeholder="Ingrese nombre y apellidos" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label for="celular_clientes">Celular</label>
                                                    <input type="text" class="form-control" id="celular_clientes" name="celular_clientes" placeholder="Ingrese celular" >
                                                </div>
                                                
                                                <div class="col-md-4">
                                                    <label for="correo_clientes">Correo</label>
                                                    <input  type="email" class="form-control" id="correo_clientes" name="correo_clientes" placeholder="Ingrese correo" >
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="direccion_clientes">Dirección</label>
                                                    <input  type="text" class="form-control" id="direccion_clientes" name="direccion_clientes" placeholder="Ingrese direccion" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-12" id='btn_footer'>
                                                    <label ></label>
                                                    <button type="submit" class="btn btn-color"> <i class="fa fa-save"></i> Registrar</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                        </div>
                        <hr>
                        
                        <div class="container-fluid">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table id="table_clientes" class="table table-striped table-bordered dataTable no-footer" style="width:100%">
                                                    <thead>
                                                        <tr align="center"> 
                                                            <th>Cédula</th>
                                                            <th>Nombres</th>
                                                            <th>Celular</th>
                                                            <th>Correo</th>
                                                            <th>Dirección</th>
                                                            <th></th>

                                                        </tr>
                                                    </thead>
                                                    <tbody id="body_clientes">
                                                        
                                                                                            
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <hr>
                
            </div>
        </section>
    </div>


    <script src="{{asset('js/administracion/clientes/index.js?v='.rand())}}"></script>

@endsection