@extends('layouts.backend')

@section('content')

    <a href="/user-create" class="btn btn-primary">Crear Nuevo Cliente</a>

    <table class="table table-primary table-striped mt-4">
        <thead>
        <tr>
            <th scope="col">Seleccion</th>>
            <th scope="col">ID</th>
            <th scope="col">Nombre</th>
            <th scope="col">Numero de Identidad</th>
            <th scope="col">Fecha de Nacimiento</th>
            <th scope="col">Pais</th>
            <th scope="col">Creador</th>
            <th scope="col">Fecha de Creacion</th>
            <th scope="col">Ultimo Editor</th>
            <th scope="col">Ultima Edicion</th>
            <th scope="col">Opciones</th>

        </tr>
        </thead>
        <tbody>
        @foreach($clients as $client)
            <tr>

                <td>
                    <form action="/admin2/{{$client->id}}" method="POST">
                        <a href="/admin-edit/{{$client->id}}" class="btn btn-success">Seleccionar</a>

                    </form>
                </td>

                <td>{{$client->id}}</td>
                <td>{{$client->nombre}}</td>
                <td>{{$client->numeroid}}</td>
                <td>{{$client->fechanacimiento}}</td>
                <td>{{$client->pais}}</td>
                <td>{{$client->usuariocreador}}</td>
                <td>{{$client->fechacreacion}}</td>
                <td>{{$client->ultimocreador}}</td>
                <td>{{$client->fechamodificacion}}</td>


                <td>
                    <form action="/user/{{$client->id}}" method="POST">
                        <a href="/user-edit/{{$client->id}}" class="btn btn-info">Editar</a>

                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            Eliminar
                        </button>

                        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        ...
                                    </div>
                                    <div class="modal-footer">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger">Eliminar</button>
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<button type="submit" class="btn btn-danger">Borrar</button>-->
                    </form>
                </td>

            </tr>
        @endforeach
        </tbody>
    </table>


@endsection