@extends('student.app')
@section('title', __('student.students'))
@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <div class="row flex-between-center">
                <div class="col-md">
                    <h5 class="mb-2 mb-md-0">@lang('student.students') ({{ $totalStudents }})</h5>
                </div>
                <div class="col-auto">
                    <a type="button" class="btn btn-falcon-info btn-sm " data-bs-toggle="collapse" href="#searchCard"
                        aria-expanded="true" aria-controls="collapseExample"><i class="fas fa-search"></i> </a>
                    <a href="{{ url()->current() }}" class="btn btn-falcon-primary btn-sm " role="button"><i
                            class="fa fa-sync"></i></a>
                    <a href="{{ route('std_students.create', $entity_id) }}"
                        class="btn btn-success btn-sm">@lang('employeeAffairs.add') <i class="fa fa-plus"></i></a>
                    <a href="{{ route('std_home', $entity_id) }}" class="btn btn-secondary btn-sm"
                        role="button">@lang('employeeAffairs.back')
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body pt-0">
            <div class="collapse {{ array_key_exists('searched', $filteredParameters) ? 'show' : '' }}" id="searchCard"
                style="">
                <div class="card border shadow-none card-body text-muted mb-0">
                    <form action="{{ route('std_students.index', $entity_id) }}" method="GET">
                        <div class="row mb-2">
                            <div class="alert alert-warning">@lang('employeeAffairs.multi_search')</div>
                            <div class="form-group col-md-3">
                                <input type="text" name="id" class="form-control" id="id"
                                    value="{{ old('id') }}" placeholder="@lang('student.search_by') @lang('student.id')">
                            </div>
                            <div class="form-group col-md-3">
                                <input type="text" name="student_code" class="form-control" id="student_code"
                                    value="{{ old('student_code') }}" placeholder="@lang('student.search_by') @lang('student.student_code')">
                            </div>

                            <div class="form-group col-md-3">
                                <input type="text" name="name" class="form-control" id="name"
                                    value="{{ old('name') }}" placeholder="@lang('student.search_by') @lang('student.name')">
                            </div>

                            <div class="form-group col-md-3">
                                <input type="text" name="surname" class="form-control" id="surname"
                                    value="{{ old('surname') }}" placeholder="@lang('student.search_by') @lang('student.surname')">
                            </div>
                        </div>
                        {{-- row 2  --}}

                        <div class="row mb-2">
                            <div class="form-group col-md-3">
                                <input type="text" name="father_name" class="form-control" id="father_name"
                                    value="{{ old('father_name') }}" placeholder="@lang('student.search_by') @lang('student.father_name')">
                            </div>
                            <div class="form-group col-md-3">
                                <input type="text" name="mother_name" class="form-control" id="mother_name"
                                    value="{{ old('mother_name') }}" placeholder="@lang('student.search_by') @lang('student.mother_name')">
                            </div>

                            <div class="form-group col-md-3">
                                <input type="text" name="birthplace" class="form-control" id="birthplace"
                                    value="{{ old('birthplace') }}" placeholder="@lang('student.search_by') @lang('student.birthplace')">
                            </div>

                            <div class="form-group col-md-3">
                                <input type="text" name="phone" class="form-control" id="phone"
                                    value="{{ old('phone') }}" placeholder="@lang('student.search_by') @lang('student.phone')">
                            </div>
                        </div>
                        {{-- row 3  --}}
                        <div class="row mb-2">

                            <div class="form-group col-md-3">
                                <input type="text" name="registry_number" class="form-control" id="registry_number"
                                    value="{{ old('registry_number') }}"
                                    placeholder="@lang('student.search_by') @lang('student.registry_number')">
                            </div>
                            <div class="form-group col-md-3">
                                <input type="text" name="commune" class="form-control" id="commune"
                                    value="{{ old('commune') }}" placeholder="@lang('student.search_by') @lang('student.commune')">
                            </div>
                            <div class="form-group col-md-3">
                                <input type="text" name="address" class="form-control" id="address"
                                    value="{{ old('address') }}" placeholder="@lang('student.search_by') @lang('student.address')">
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="gender"
                                    id="gender">
                                    <option selected disabled>@lang('student.search_by') @lang('student.gender')</option>
                                    <option value="male">@lang('student.male')</option>
                                    <option value="female">@lang('student.female')</option>
                                </select>
                            </div>
                        </div>
                        {{-- row 4  --}}
                        <div class="row mb-2">

                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="religion_id"
                                    id="religion_id">
                                    <option selected disabled>@lang('student.search_by') @lang('student.religion')</option>
                                    @foreach ($religions as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="component_id"
                                    id="component_id">
                                    <option selected disabled>@lang('student.search_by') @lang('student.component')</option>
                                    @foreach ($components as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example"
                                    name="foreign_language_id" id="foreign_language_id">
                                    <option selected disabled>@lang('student.search_by') @lang('student.foreign_language')</option>
                                    @foreach ($languages as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="health_status_id"
                                    id="health_status_id">
                                    <option selected disabled>@lang('student.search_by') @lang('student.healthes')</option>
                                    @foreach ($healthStatuses as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{-- row 5  --}}
                        <div class="row mb-2">
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="social_status_id" id="social_status_id">
                                    <option selected disabled>@lang('student.search_by') @lang('student.socials')</option>
                                    @foreach ($socialStatuses as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="student_status" id="student_status">
                                    <option selected disabled>@lang('student.search_by') @lang('student.student_status')</option>
                                    <option value="new">@lang('student.new')</option>
                                    <option value="repeater">@lang('student.repeater')</option>
                                    <option value="passed">@lang('student.passed')</option>
                                    <option value="failed">@lang('student.failed')</option>
                                    <option value="dropout">@lang('student.dropout')</option>
                                    <option value="transferred">@lang('student.transferred')</option>
                                </select>
                            </div>
                            <div class="form-group col-md-3 ">
                                <select class="form-select" aria-label="Default select example" name="martyr_family" id="martyr_family">
                                    <option selected disabled>@lang('student.search_by') @lang('student.martyr_family')</option>
                                    <option value="1">@lang('student.true')</option>
                                    <option value="0">@lang('student.false')</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="form-group col-md-3">
                                <label for="from_birthdate text-primary">@lang('student.from_birthdate')</label>
                                <input type="date" name="from_birthdate" class="form-control" id="from_birthdate"
                                    value="{{ old('from_birthdate') }}">
                            </div>

                            <div class="form-group col-md-3">
                                <label for="to_birthdate text-primary">@lang('student.to_birthdate')</label>
                                <input type="date" name="to_birthdate" class="form-control" id="to_birthdate"
                                    value="{{ old('to_birthdate') }}">
                            </div>

                            <div class="form-group col-md-3">
                                <label for="from_enrollment_date text-warning">@lang('student.from_enrollment_date')</label>
                                <input type="date" name="from_enrollment_date" class="form-control"
                                    id="from_enrollment_date" value="{{ old('from_enrollment_date') }}">
                            </div>

                            <div class="form-group col-md-3">
                                <label for="to_enrollment_date text-warning">@lang('student.to_enrollment_date')</label>
                                <input type="date" name="to_enrollment_date" class="form-control"
                                    id="to_enrollment_date" value="{{ old('to_enrollment_date') }}">
                            </div>
                        </div>
                        <div class="mb-2 row mt-2">
                            <div class="text-center">
                                <input type="submit" class="btn btn-primary w-25" name="searched"
                                    value="@lang('student.search')"></input>
                                <a class="btn btn-warning  w-25" href="{{ url()->current() }}">@lang('employeeAffairs.default')</a>
                            </div>
                        </div>
                </div>

                </form>
            </div>
        </div>
        <form id="selectedStudentsForm" method="POST" action="{{ route('std_changeMoreThanStudentStatus_view') }}">
            @csrf
            <button type="submit" id="bulkActionBtn" class="btn btn-info mb-3"
                style="display:none;">@lang('student.change_students_status')</button>
            <div class="tab-content">
                <div class="tab-pane preview-tab-pane active show " role="tabpanel">
                    <div class="table-responsive scrollbar ">
                        <table class="table table-hover table-striped overflow-hidden" id="selectedStudentsForm">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" id="select-all"></th>
                                    <th>@lang('student.id')</th>
                                    <th>@lang('student.student_code')</th>
                                    <th>@lang('student.full_name')</th>
                                    <th>@lang('student.actions')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($students as $student)
                                    <tr>
                                        <td><input type="checkbox" class="student-checkbox" name="student_ids[]"
                                                value="{{ $student->id }}"></td>
                                        <td>{{ $student->id }}</td>
                                        <td>{{ $student->student_code }}</td>
                                        <td style="max-width:200px">{{ $student->fullName() }}</td>
                                        <td>
                                            <a href="{{ route('std_students.edit', $student) }}"
                                                class="btn btn-falcon-primary" title="@lang('student.edit')"> <i
                                                    class="fa fa-edit"></i></a>
                                            <a href="{{ route('std_students.show', $student->id) }}"
                                                class="btn btn-falcon-danger" title="@lang('student.view')"><i
                                                    class="fa fa-trash"></i></a>
                                            <a href="{{ route('std_students_print', $student->id) }}"
                                                class="btn btn-falcon-success" title="@lang('student.print')"
                                                target="_blank"><i class="fas fa-print"></i></a>
                                            <a href="{{ route('std_student_statuses', $student->id) }}"
                                                class="btn btn-sm btn-secondary">@lang('student.student_statuses')</a>
                                            <a href="{{ route('std_student_entity_status', $student->id) }}"
                                                class="btn btn-sm btn-warning">@lang('student.student_entities')</a>
                                            <a href="{{ route('students.attachment.index', $student->id) }}"
                                                class="btn btn-sm btn-info">@lang('student.student_attachments')</a>

                                        </td>
                                    </tr>
                                @empty
                                    <tr class="text-center">
                                        <td colspan="8" class="text-danger">@lang('general.no_result')</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
        </form>
        <div class="d-flex mt-2">
            {!! $students->links() !!}
        </div>
    </div>

    </div>
    </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const checkboxes = document.querySelectorAll('.student-checkbox');
            const bulkActionBtn = document.getElementById('bulkActionBtn');
            const selectAllCheckbox = document.getElementById('select-all');
            let selectedIds = [];

            // Function to toggle bulk action button
            const toggleBulkActionBtn = () => {
                selectedIds = Array.from(checkboxes).filter(checkbox => checkbox.checked).map(checkbox =>
                    checkbox.value);
                bulkActionBtn.style.display = selectedIds.length >= 2 ? 'inline-block' : 'none';
            };

            // Handle individual checkbox clicks
            checkboxes.forEach(checkbox => {
                checkbox.addEventListener('change', toggleBulkActionBtn);
            });

            // Select/Deselect all checkboxes
            selectAllCheckbox.addEventListener('change', function() {
                checkboxes.forEach(checkbox => {
                    checkbox.checked = selectAllCheckbox.checked;
                });
                toggleBulkActionBtn();
            });

            // Form submission
            document.getElementById('selectedStudentsForm').addEventListener('submit', function(e) {
                e.preventDefault();

                if (selectedIds.length < 2) {
                    alert('Please select at least two students.');
                    return;
                }

                // Create a hidden input to hold the selected IDs
                const input = document.createElement('input');
                input.type = 'hidden';
                // input.name = 'student_ids';
                input.value = selectedIds.join(',');

                this.appendChild(input);
                this.submit();
            });
        });
    </script>
@endsection