@extends('layout.structure')
@section('title-tab')
    Studenti
@endsection
@section('title-page')
    Lista studenti
@endsection
@section('head')
    @parent
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
    <style>
        .td-btn{
            width: 50px;
            text-align: center;
        }
        .student-selected .student{
            font-weight: bold;
        }
    </style>
@endsection
@section('content')
    <div class="card shadow mb-4">
        <div class="card-body">
            <div>
                <form>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" placeholder="Ricerca" aria-label="Ricerca studente" aria-describedby="button-addon2" name="keyword" value="{{request('keyword')}}" autocomplete="off">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" id="button-addon2"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-sm table-striped" width="100%" cellspacing="0" id="users-table">
                    <thead>
                    <tr>
                        <th>Cognome</th>
                        <th>Nome</th>
                        <th>Iscrizioni</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($students as $student)
                        <tr>
                            <td class="align-middle student">{{$student->lastname}}</td>
                            <td class="align-middle student">{{$student->firstname}}</td>
                            <td class="p-2 ">
                                @component('components.listEnrolmentsStudents',['student'=>$student])
                                @endcomponent
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            {{$students->appends(['keyword' => request('keyword')])->links()}}
        </div>
    </div>
@endsection
@section('footer')
    @parent

@endsection