Sindbad~EG File Manager

@extends('adminlte::page')

@section('title', 'Empresas')

@section('content_header')
    <h1><b>Listado de matriculados del equipo:</b> {{ $equipo->nombre }}</h1> <hr>

@stop

@section('content')
    <div class="container mt-5 text-center">
        <h2 class="mb-4">
            Matricular usuarios al equipo {{ $equipo->nombre }}
        </h2>

        <p><b>Formato: </b>| Nombre y Apellido | Email | Contraseña | Rango: 0=Jugador;1=Capitán</p>

        <form action="{{ route('asignacion-import') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group mb-4" style="max-width: 500px; margin: 0 auto;">
                <div class="custom-file text-left">
                    <input type="file" name="file" class="custom-file-input" id="customFile" required>
                    <label class="custom-file-label" for="customFile">Choose file</label>
                    <input type="hidden" name="id" value="{{ $equipo->id }}">
                </div>
            </div>
            <button class="btn btn-primary">Importar matriculaciones</button>
        </form>
    </div><br>

    @livewire('asignaciones', ['equipo_id' => $_GET['id']])

@stop

@section('js')
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {

            $('#example').DataTable({
                "paging": false,
                "lengthChange": false,
                "searching": false,
                "ordering": true,
                "info": false,
                "autoWidth": false,
                "responsive": true,
                language: {
                    sZeroRecords:    "No se encontraron resultados",
                }
            });

        } );
    </script>   
    <script>
        window.livewire.on('cerrarmodal', () => {
            jQuery.noConflict();
            $('#exampleModaledit').modal('hide');
            $('#exampleModalPass').modal('hide');
        });
    </script>
@stop