@extends('layouts.admin')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">Lista de clientes</div>
                <div class="panel-body">
                    <table class="table table-striped table-bordered table-hover" id="sample_1">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Tipo Persona</th>
                                <th>Nombre /<br/> Razón social</th>
                                <th>Fecha nacimiento /<br/> Fecha constitución</th>
                                <th>Email</th>
                                <th>Teléfono fijo</th>
                                <th>Teléfono movil</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($clientes as $cliente)
                            <tr>
                                <td>{{ $cliente->id }}</td>
                                <td>{{ $cliente->tipo_persona ? "Moral" : "Física" }}</td>
                                <td>{{ $cliente->nombre }}</td>
                                <td>{{ $cliente->fecha_nacimiento }}</td>
                                <td>{{ $cliente->email }}</td>
                                <td>{{ $cliente->telefono_fijo }}</td>
                                <td>{{ $cliente->telefono_movil }}</td>
                                <td>
                                    <a href="{{ route('clientes.edit', $cliente->id) }}">
                                        <i class="glyphicon glyphicon-pencil"></i>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection