@extends('layouts.app')

@section('title', 'Alumnos - SICA')
@section('page-icon')
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"/><path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"/></svg>
@endsection
@section('page-title', 'Alumnos')

@push('styles')
<style>
    .page-body > .container-xl { max-width: 95%; }
</style>
@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-vcenter card-table" id="students-table" style="width:100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>CURP</th>
                        <th>Nombre(s)</th>
                        <th>Ap. Paterno</th>
                        <th>Ap. Materno</th>
                        <th>Correo</th>
                        <th>Telefono</th>
                        <th>Nivel</th>
                        <th>Moodle</th>
                        <th>Fecha registro</th>
                        <th class="w-1"></th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    var studentsDataUrl = "{{ route('students.data') }}";
    var studentsBaseUrl = "{{ url('students') }}";
</script>
<script src="{{ asset('js/students/index.js') }}?v={{ filemtime(public_path('js/students/index.js')) }}"></script>
@endpush