@extends('layouts.master')

@section('title', 'Hostel Students')

@section('content')
<div class="page-heading">
    <h3>Hostel Students List</h3>

    <section class="section">
        <div class="card">
            <div class="card-body">

                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                <table class="table table-bordered table-striped">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Student Name</th>
                            <th>Reg ID</th>
                            <th>Room</th>
                            <th>Seat</th>
                            <th>Join Date</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($hostels as $key => $hostel)
                        <tr>
                            <td>{{ $key + 1 }}</td>

                            <td>
                                {{ optional($hostel->student->user)->name ?? 'N/A' }}
                            </td>

                            <td>{{ $hostel->student->reg_id }}</td>

                            <td>{{ $hostel->room->room_number }}</td>

                            <td>{{ $hostel->seat->seat_number }}</td>

                            <td>{{ \Carbon\Carbon::parse($hostel->join_date)->format('d-m-Y') }}</td>

                            <td>
                                <form action="{{ route('hostel.remove', $hostel->id) }}" method="POST" onsubmit="return confirm('Remove student?')">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger btn-sm">Remove</button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>

                </table>

            </div>
        </div>
    </section>
</div>
@endsection