@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">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">{{ trans('labels.educational_centers') }}</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.educational-center.index') }}">{{ trans('labels.educational_centers') }}</a>
            </li>
            <li class="breadcrumb-item">{{ $data['center']->name }}</li>
            <li class="breadcrumb-item">{{ trans('labels.groups') }}</li>
            <li class="breadcrumb-item">{{ $data['group']->name }}</li>
            <li class="breadcrumb-item active">{{ trans('labels.students') }}</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-rep-plugin">
                        <div class="table-responsive mb-0" data-pattern="priority-columns">
                            @if (count($data['students']) > 0)
                                <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                        <tr>
                                            <th>{{ trans('labels.action') }}</th>
                                            <th>{{ trans('labels.student_id') }}</th>
                                            <th>{{ trans('labels.name') }}</th>
                                            <th>{{ trans('labels.email') }}</th>
                                            <th>{{ trans('labels.phone') }}</th>
                                            <th>اونلاين</th>
                                            <th>سنتر</th>
                                            <th>{{ trans('labels.wallet') }}</th>
                                            <th>{{ trans('labels.status') }}</th>
                                            <th>{{ trans('labels.last_seen') }}</th>
                                            <th>{{ trans('labels.activity_status') }}</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($data['students'] as $student)
                                            <tr id="{{ $student->id }}">
                                                <td class="font-20">
                                                    <i class="mdi mdi-account-card-details icon-demo-content student-modal"
                                                        data-toggle="modal" data-target=".bs-student"
                                                        data-info="{{ json_encode($student->info()) }}"
                                                        style="color: #212529; cursor: pointer;"></i>
                                                    <a
                                                        href="{{ route('admin.student-management.edit', ['student_management' => $student->id]) }}">
                                                        <i class="mdi mdi-account-edit"></i>
                                                    </a>
                                                    <a
                                                        href="{{ route('admin.student-management.show', ['student_management' => $student->id]) }}">
                                                        <i class="mdi mdi-eye"></i>
                                                    </a>
                                                    @if ($student->cookies)
                                                        <a href="{{ route('admin.student-management.reset', ['id' => $student->id]) }}"
                                                            style="color:#2196F3"> <i class="mdi mdi-laptop"></i>
                                                        </a>
                                                    @else
                                                        <a> <i class="mdi mdi-laptop"></i>
                                                        </a>
                                                    @endif
                                                </td>
                                                <td>
                                                    <!--<img src="{{ $student->profile_image_full_path }}" width="100">-->
                                                    @if ($student->flag)
                                                        <span
                                                            style="display: inline; font-size: 18px;">{!! $student->myFlag() !!}</span>
                                                    @else
                                                        <i class="{{ $student->getStatusIconAttribute() }}"
                                                            style="display: inline; font-size: 18px;"></i>
                                                    @endif
                                                    {{ $student->student_id }}
                                                </td>
                                                <td>{{ $student->name }}</td>
                                                <td>{{ $student->email }}</td>
                                                <td>{{ $student->phone }}</td>
                                                <td>{{ $student->liveLecturesCount() }}</td>
                                                <td>{{ $student->centerLecturesCount() }}</td>
                                                <td>{{ $student->wallet }} جنية</td>
                                                <td style="text-align: center;">{!! $student->statusElement() !!}</td>
                                                <td>
                                                    {{ Carbon\Carbon::parse($student->last_seen)->diffForHumans() }}
                                                </td>
                                                <td>
                                                    @if (Cache::has('user-is-online-' . $student->id))
                                                        <span class="text-success">Online</span>
                                                    @else
                                                        <span class="text-secondary">Offline</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="btn-group show" role="group">

                                                        <i id="btnGroupVerticalDrop1" style="cursor: pointer;"
                                                            class="mdi mdi-dots-horizontal" data-toggle="dropdown"
                                                            aria-haspopup="true" aria-expanded="true"></i>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1"
                                                            x-placement="top-start"
                                                            style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, -87px, 0px);">
                                                            @foreach ($student->requiredActionsArray() as $element)
                                                                <a class="dropdown-item addAction"
                                                                    data-name="{{ $element['name'] }}"
                                                                    data-action="{{ $element['action'] }}"
                                                                    data-modal="{{ $element['modal'] }}"
                                                                    href="{{ $element['action'] }}"
                                                                    {!! $element['html-identifier'] !!}
                                                                    data-title="{{ $element['title'] }}"
                                                                    data-input-append="{{ $element['input-append'] }}"
                                                                    data-input-type="{{ $element['input-type'] }}"
                                                                    data-input-validate-value="{{ $element['input-validate-value'] }}"
                                                                    data-input-validate-value="">{{ $element['title'] }}</a>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                    @can('student-delete')
                                                        <a class="btn btn-danger delete-confirm" type="button"
                                                            href="{{ route('admin.student-management.destroy', ['student_management' => $student->id]) }}"
                                                            aria-haspopup="true" aria-expanded="false">
                                                            {{ trans('labels.delete') }}
                                                        </a>
                                                        @if (!$student->isVerified($student->id))
                                                            <a class="btn btn-success" type="button"
                                                                href="{{ route('admin.student-management.verify', ['id' => $student->id]) }}"
                                                                aria-haspopup="true" aria-expanded="false">
                                                                تفعيل
                                                            </a>
                                                        @endif
                                                    @endcan
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            @endif

                         

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@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>
@endsection