@extends('layouts.master')

@section('title', 'Assign Student')

@section('content')

<div class="page-heading">
    <h3>Assign Student to Room</h3>

    <section class="section">
        <div class="row justify-content-center">

            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h5>Assign Student</h5>
                    </div>

                    <div class="card-body">
                        <form method="POST" action="{{ route('hostel.assign.store') }}">
                            @csrf

                            <!-- Student -->
                            <div class="form-group mb-3">
                                <label>Student</label>
                                <select name="student_id" class="form-control select2" required>
                                    <option value="">-- Select Student --</option>
                                    @foreach($students as $student)
                                        <option value="{{ $student->id }}">
                                            {{ $student->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <!-- Room -->
                            <div class="form-group mb-3">
                                <label>Room</label>
                                <select name="room_id" id="room" class="form-control" required>
                                    <option value="">-- Select Room --</option>
                                    @foreach($rooms as $room)
                                        <option value="{{ $room->id }}">
                                            {{ $room->room_number }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <!-- Seat -->
                            <div class="form-group mb-3">
                                <label>Seat</label>
                                <select name="seat_id" class="form-control" required>
                                    <option value="">-- Select Seat --</option>
                                    @foreach($seats as $seat)
                                        <option value="{{ $seat->id }}">
                                            {{ $seat->seat_number }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <button type="submit" class="btn btn-primary w-100">
                                Assign Student
                            </button>

                        </form>
                    </div>
                </div>
            </div>

        </div>
    </section>
</div>

@endsection

@push('js')
<script>
    $(document).ready(function() {
        $('.select2').select2();
    });
</script>
@endpush