@extends('layouts.dashboard')

@section('dashboard')
    @if(session('message') && session('alert'))
    <div class="alert {{ session('alert') }} mb-3">
        {{ session('message') }}
    </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Clientes Mayorista</strong></li>
    </ul>

    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Clientes Mayorista</h1>
        </div>
    </div>

    <div class="card mt-4 position-sticky" style="top: 0;">
        <div class="card-body">
            <form class="row mx-0 align-items-end justify-content-end form-enter" id="form-clientes" onsubmit="return buscarClientesMayorista(this.id)">
                <div class="col form-group mb-lg-0">
                    <label for="buscar" class="small mb-0">Buscar Cliente</label>
                    <input type="search" class="form-control input-filtrar-producto alert-warning"
                        placeholder="Buscar por Nombre o RUT" name="buscar-cliente-mayorista" id="buscar" style="background: #fff3cd;">
                </div>
                <div class="col-auto form-group mb-lg-0 text-right">
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Filtrar</button>
                </div>
            </form>

            <div class="pt-3">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>RUT</th>
                                <th>Correo</th>
                                <th>Domicilio</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                        <tbody class="list-clientes">
                            @if (isset($listado_clientes) && !empty($listado_clientes))
                                @include('dashboard.clientes.tr-cliente-mayorista')
                            @else
                                <tr class="text-center">
                                    <td colspan="6">Busque clientes a traves del filtro</td>

                                </tr>
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>

            {{-- @if(isset($listado_clientes))
                <div class="container">
                    <div class="d-flex justify-content-center mt-4 list-paginacion">
                        {{ $listado_clientes->links() }}
                    </div>
                </div>
            @endif --}}
        </div>
    </div>
@endsection