@extends('dashboard.layouts.master')

@section('css')
    <!-- DataTables -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <link href="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <!-- Responsive datatable examples -->
    <link href="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet"
        type="text/css" />
    <!-- Sweet Alert -->
    <link href="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
    <style>
        .swal2-popup .swal2-input[type=number] {
            max-width: 100% !important;
        }
    </style>
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">{{ trans('labels.student_management') }}</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
            <li class="breadcrumb-item"><a
                    href="{{ route('admin.student-management.search') }}">{{ trans('labels.student_management') }} -
                    {{ trans('labels.student_' . (request()->type ?? 'subscribed')) }}</a></li>
            <li class="breadcrumb-item"><a
                    href="{{ route('admin.student-management.show', ['student_management' => $student->id]) }}">{{ $student->name }}</a>
            </li>
            <li class="breadcrumb-item active">اسئلة المحاضرات</li>
        </ol>

    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <table id="datatable-buttonss" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;overflow-x: auto;display: block;">
                            <thead>
                            <tr>
                                <th>{{__('labels.id')}}</th>
                                <th>{{trans('labels.lecture')}}</th>
                                <th>{{trans('labels.student')}}</th>
                                <th>{{trans('labels.created_at')}}</th>
                                <th>الردود</th>
                                <th>الحالة</th>
                                <th>بحاجة للرد</th>
                                <th>المسئول</th>
                                <th style="border-right-width: 1px">{{trans('labels.action')}}</th>
                            </tr>
                            </thead>
    
                            <tbody>
                                @foreach($questions as $question)
                                    <tr>
                                        <td>{{$question->id}}</td>
                                        <td>{{$question->lecture->title??""}}</td>
                                        <td><a target="_blank" href="{{route('admin.student-management.show', ['student_management' => $question->student->id])}}">{{$question->student->name}}</a></td>
                                        <td style="direction: ltr;">{{date('Y-m-d h:i:s a', strtotime($question->updated_at))}}</td>
                                        <td>{{$question->replies->count()}}</td>
                                        <td>{{$question->statusText()}}</td>
                                        <td>{{$question->needs_reply ? 'نعم' : 'لا'}}</td>
                                        <td>{{$question->admin_id ? $question->admin->name : 'لا يوجد'}}</td>
                                        <td style="text-align: left !important; border-right-width: 1px">
                                            @can('lecture-questions-edit')
                                            <button class="btn btn-warning" type="button" onclick="location.href='{{route('admin.lecture-questions.edit', $question->id) . '?page='.request('page')}}'" aria-haspopup="true" aria-expanded="false">
                                                {{trans('labels.edit')}}
                                            </button>
                                            @endcan
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection

@section('script')
    <!-- Required datatable js -->
    <script src="{{ URL::asset('dashboard/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <!-- Buttons examples -->
    <script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/jszip.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/pdfmake.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/vfs_fonts.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/buttons.html5.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/buttons.print.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/buttons.colVis.min.js') }}"></script>
    <!-- Responsive examples -->
    <script src="{{ URL::asset('dashboard/plugins/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ URL::asset('dashboard/plugins/datatables/responsive.bootstrap4.min.js') }}"></script>

    <!-- Datatable init js -->
    <script src="{{ URL::asset('dashboard/assets/pages/datatables.init.js') }}"></script>


    <!-- Sweet-Alert  -->
    <script src="{{ URL::asset('dashboard/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>

    <script src="{{ URL::asset('js/student-management.js') }}"></script>
@endsection