{{-- @extends('layouts.app') --}}
@extends('layouts.sidebar')

@section('content')
 <!-- content -->
<div class="titulos"> 
    <h2>Clientes</h2>
    <hr />

</div>


 <div class="container-fluid botones-extremo " >
    <div class="d-flex justify-content-between">
    <a href="{{ route('clientes.crear') }}" class="nav-link py-3 px-2" title="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="Home">
            Nuevo
        </a>
        <a href="{{ route('clientes.crear') }}" class="nav-link py-3 px-2" title="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="Home">
            otro
        </a>
    </div>
</div>

 <div class="container-fluid table-responsive">
    <div class="row">
        <div class="col bttn-buscar">
            <input type="text" class="form-control" placeholder="Buscar">
        </div>
    </div>
    
    {{--INICIO TABLA --}}
    <div class="table-responsive mb-5">
        <table class="table table-striped table-hover" id="mitable">
          <thead class="color-head">
          
            <tr>
              <th class="th-subhead border-th">Razón Social</th>
              <th class="th-subhead border-th separador-v">RUT</th>
              <th class="th-subhead border-th">Teléfono</th>
              <th class="th-subhead border-th separador-v">Correo</th>
              <th class="th-subhead border-th">Región</th>
              <th class="th-subhead border-th">Comuna</th>
              <th class="th-subhead border-th separador-v">Calle</th>
              <th class="th-subhead border-th"></th>
            </tr>
          </thead>
          <tbody>
            <tr>
                <td class="td-val">a</td>
                
                
              </tr>
            {{-- @foreach ($clientes as $los_datos)
              <tr>
                <td class="td-val">{{$los_datos->razon_social}}</td>
                
                
              </tr>
            @endforeach --}}
          </tbody>
        </table>
      </div>
      

    {{-- FIN TABLA --}}

</div>
@endsection