@extends('admin.layout')
@push('css')
   <link rel="stylesheet" href="{{ asset('css/areas.css') }}">
@endpush

@section('content')
    <div class="container">

        <br>
        <div class="row d-flex justify-content-between align-items-center">
            <div class="loader">
                {{ __('CLIENTES REGISTRADOS') }}
            </div>    
            <div class="text-right col-md-6">
                <a class="" href="#" data-toggle="modal" data-target="#ModalCreate">
                    <button class="button-create">
                        {{ __('REGISTRAR CLIENTE') }}
                    </button>
                </a>
            </div>
        </div>
    
        <br>
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <table id="products-table" class="table table-striped">
                            <thead>
                                <tr>
                                    <th scope="col">
                                        {{ __('DOCUMENTO') }}
                                    </th>
                                    <th scope="col">
                                        {{ __('NOMBRE') }}
                                    </th>
                                </tr>
                            </thead>

                            <tbody style="font-size: 13px">
                                @if (count($clientes) > 0)
                                    @foreach ($clientes as $cliente)
                                        <tr>
                                            <td scope="row">
                                                {{ strtoupper($cliente->documento) }} 
                                            </td>

                                            <td scope="row">
                                                {{ strtoupper($cliente->nombre) }} 
                                            </td>


                                            
                                            {{-- <td class="btn-group">

                                                <a href="#" data-toggle="modal"
                                                    data-target="#ModalEdit{{ $cliente->id }}" class="ml-1">

                                                    <button class="editBtn" style=" margin-top:-3px">
                                                        <svg height="1em" viewBox="0 0 512 512">
                                                            <path
                                                                d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z">
                                                            </path>
                                                        </svg>
                                                    </button>
                                                </a>


                                            </td> --}}

                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="9" class="text-center text-muted">
                                            {{ __('NO HAY DATOS DISPONIBLES') }}
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>    
                         <!-- Pagination Links -->
                            <div class="d-flex justify-content-between">
                                <div>
                                    {{ $clientes->links('pagination::bootstrap-4') }}
                                </div>
                                <div>
                                    {{ __('MOSTRANDO DEL') }} {{ $clientes->firstItem() }} {{ __('AL') }} {{ $clientes->lastItem() }} {{ __('DE') }} {{ $clientes->total() }} {{ __('REGISTROS') }}
                                </div>
                            </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('liquidaciones.clientes.modal.create')

@push('js')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="{{ asset('js/updateadvice.js') }}"></script>

<script>
    @if (session('status'))
    Swal.fire('ÉXITO', '{{ session('status') }}', 'success');
    @elseif (session('error'))
    Swal.fire('ERROR', '{{ session('error') }}', 'error');
    @endif
</script>
@endpush

@endsection