@extends('layouts.tables')

@section('tables-head')
    <title>Miss INBTEL 2024 | PBX Hosting</title>
@endsection

@section('tables-title')
    Miss INBTEL 2024
@endsection

@section('tables-btn')
@endsection

@section('tables-content')
    <thead>
        <tr>
            <th>Nombre</th>
            <th>Correo</th>
            <th>Telefono</th>
            <th>Edad</th>
            <th>Fecha de nacimiento</th>
            <th>Direccion</th>
            <th>Municipio</th>
            <th>Redes Sociales</th>
            <th>Mensaje</th>
            <th>Imagenes</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
        @if(isset($entries))
            @foreach($entries as $entry)
                <tr>
                    <td>{{$entry['nombre']}}</td>
                    <td>{{$entry['correo']}}</td>
                    <td>{{$entry['telefono']}}</td>
                    <td>{{$entry['edad']}}</td>
                    <td>{{$entry['fecha_nacimiento']}}</td>
                    <td>{{$entry['direccion']}}</td>
                    <td>{{$entry['municipio']}}</td>
                    <td>{{$entry['redes_sociales']}}</td>
                    <td>{{$entry['mensaje']}}</td>
                    <td><img src="https://www.inbtel.com/pasarela/inscripcion/{{$entry['imagenes']}}" alt=""></td>
                    <td>
                        <button class="btn btn-danger eliminarParticipante" data-id="{{$entry['id']}}">Eliminar</button>
                    </td>
                </tr>
            @endforeach
        @endif
    </tbody>
    <tfoot>
        <tr>
            <th>Nombre</th>
            <th>Correo</th>
            <th>Telefono</th>
            <th>Edad</th>
            <th>Fecha de nacimiento</th>
            <th>Direccion</th>
            <th>Municipio</th>
            <th>Redes Sociales</th>
            <th>Mensaje</th>
            <th>Imagenes</th>
            <th>Acciones</th>
        </tr>
    </tfoot>
@endsection

@section('tables-scripts')
<script>
    $(document).ready(function(){
        $(document).on('click', '.eliminarParticipante', function(){
            const id = $(this).data('id');
            if(confirm('¿Esta segur@ que quiere eliminar la informacion de esta participante? Esta accion no podra ser revertida')){
                $.ajax({
                    url: `{{route('missInbtel.delete')}}`,
                    type: 'DELETE',
                    data: {
                        _token:$('input[name="_token"]').val(),
                        id:id,
                    },
                    success: (response)=>{
                        response = JSON.parse(response);
                        if(response.success){
                            toastSuccess(`${response.msg}`, 'Exito');
                            setTimeout(()=>{window.location.reload();}, 3000);
                        }else{
                            toastError(`${response.msg}`, 'Error');
                        }
                    },
                    error: (error) => {
                        console.log(error);
                    }
                });
            }else{
                return false;
            }
        });
    });
</script>
@endsection