@extends('dashboard.layouts.master')

@section('css')
@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">{{ trans('labels.student_management') }} -
                {{ trans('labels.student_' . (request()->type ?? 'subscribed')) }}</li>
            <li class="breadcrumb-item">{{ $data->name }}</li>
            <li class="breadcrumb-item active">{{ trans('labels.show') }}</li>
        </ol>
    </div>
@endsection

@section('content')

    @if ($data->status == 'approved_center' || $data->status == 'pending_center' || true)
        @if(in_array(auth()->user()->id, [1,76,75,122]))
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div>
                            <form action="{{ route('admin.student-management.define-center', ['id' => $data->id]) }}"
                                method="post">
                                @csrf
                                <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">تحديد /تعديل السنتر
                                </h4>
                                <div class="form-group">
                                    <select class="form-control @error('group_id') is-invalid @enderror" name="group_id">
                                        <option value="">اون لاين</option>
                                        @foreach ($data->groups() as $group)
                                            @if ($group->id == $data->group_id)
                                                <option value="{{ $group->id }}" selected>
                                                    {{ $group->simple_formated_title }}</option>
                                            @else
                                                <option value="{{ $group->id }}">{{ $group->simple_formated_title }}
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                    @error('admin')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary waves-effect waves-light" type="submit"
                                        aria-haspopup="true" aria-expanded="false">
                                        تحديث
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
    @endif
    <div class="row">
        <span id="prefered-number" data-url="{{route('admin.student-management.prefered-number', $data->id)}}"></span>
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline; margin-left: 10px">
                            {{ trans('labels.student_details') }} </h4>
                        {!! $data->statusElement() !!}
                        <span style="float: left;"><button type="button"
                                class="btn btn-danger waves-effect waves-light">{{ trans('labels.refuse') }}</button></span>
                    </div>
                    <!-- <p class="text-muted m-b-30">Use <code>.table-striped</code> to add zebra-striping to any table row within the <code>&lt;tbody&gt;</code>.</p>  -->

                    <div class="table-responsive" style="margin-top:20px">
                        <table class="table table-striped mb-0">


                            <tbody>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.student_id') }}</th>
                                    <td>{{ $data->student_id }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.student_name') }}</th>
                                    <td>{{ $data->name }}</td>
                                </tr>

                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.phone') }}</th>
                                    <td>{{ $data->phone }}</td>
                                </tr>

                                <tr>
                                    <th scope="row" style="width: 300px;">الدراسة</th>
                                    <td>{{ $data->department }}</td>
                                </tr>


                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.email') }}</th>
                                    <td>{{ $data->email }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.parent_phone') }}</th>
                                    <td>
                                    @if(in_array('father', json_decode($data->default_phone ?? "[]")))
                                    <i id="modal-prefer-father" class="prefered-number fa fa-check-circle" style="font-size: 20px;color: green;"></i> 
                                    @else
                                     <i id="modal-prefer-father" class="prefered-number fa fa-check-circle" style="font-size: 20px;color: lightgrey;"></i> 
                                    @endif

                                        {{ $data->parent_phone }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.mother_phone') }}</th>
                                    <td>
                                        @if(in_array('mother', json_decode($data->default_phone ?? "[]"))) 
                                            <i id="modal-prefer-mother" class="prefered-number fa fa-check-circle" style="font-size: 20px;color: green;"></i> 
                                        @else
                                            <i id="modal-prefer-mother" class="prefered-number fa fa-check-circle" style="font-size: 20px;color: lightgrey;"></i> 
                                        @endif

                                        {{ $data->mother_phone }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">النوع</th>
                                    <td>
                                       {{$data->female ? "انثى" : "ذكر"}}
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.national_id') }}</th>
                                    <td>
                                        <a href="{{$data->national_id_full_path}}" style="color: blue; text-decoration: underline;"><img src="{{$data->national_id_full_path}}" height="50px"></a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.group') }}</th>
                                    <td>{{ $data->group ? $data->group->center->name . ' - ' . __('labels.' . $data->group->classes->first()->day) . ' ' . \Carbon\Carbon::parse($data->group->classes->first()->start)->translatedFormat('g:i A') : null }}
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.gov') }}</th>
                                    <td>{{ $data->government->name }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">اماكنية السؤال</th>
                                    <td>
                                        @if ($data->canAsk())
                                            <span>can ask</span>
                                        @else
                                            <span>cannot ask until {{ $data->cannot_ask_until }}</span>
                                        @endif
                                        <span style="font-size: 14px; float: left; direction:ltr">
                                            <a
                                                href="{{ route('admin.student-management.cannot-ask', ['id' => $data->id, 'period' => 24]) }}">
                                                24Hr |
                                            </a>
                                            <a
                                                href="{{ route('admin.student-management.cannot-ask', ['id' => $data->id, 'period' => 3]) }}">
                                                3 Days |
                                            </a>
                                            <a
                                                href="{{ route('admin.student-management.cannot-ask', ['id' => $data->id, 'period' => 1]) }}">
                                                1 Week |
                                            </a>
                                            <a
                                                href="{{ route('admin.student-management.cannot-ask', ['id' => $data->id, 'period' => 'now']) }}">
                                                no limit
                                            </a>
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.special_discount') }}</th>
                                    <td><span id="get-user-discount">{{ $data->special_discount ?: 0 }}</span>%
                                        <a style="font-size: 20px; float: left; cursor: pointer;"
                                            data-action="{{ route('admin.student-management.setDiscount', ['id' => $data->id]) }}"
                                            class="addAction" data-title="{{ trans('labels.set_discount%') }}"
                                            data-input-append="true" data-input-type="number" data-input-name="discount"
                                            data-modal="true" data-name="set-user-discount"> <i
                                                class="mdi mdi-circle-edit-outline"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.created_at') }}</th>
                                    <td>{{ $data->created_at }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.email_verified_at') }}</th>
                                    <td>{{ $data->email_verified_at ?? $data->one_time_password_verified_at }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.attendance') }}</th>
                                    <td>{{ $data->attendanceDays()->count() . '/' . $data->lectureDays()->count() }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.lectures.index', ['student_id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @can('return-requests')
                                <tr>
                                    <th scope="row" style="width: 300px;">الباقات</th>
                                    <td>
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.packages.index', ['id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endcan
                                @if($data->type == 'center')
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.attendance_center') }}</th>
                                    <td>{{ $data->centerAttendance()->count() . '/' . (($data->group ?? null)? $data->group->classes()->count() : null) }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.lectures.centerLectureList', ['student_id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endif
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.orders') }}</th>
                                    <td>{{ $data->lectures->count() }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.orders', ['id' => $data->id]) }}"> <i
                                                class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.wallet') }}</th>
                                    <td>
                                        {{ $data->wallet }} {{ trans('labels.egp') }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.wallet.index', ['student_id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">خصم الاكواد</th>
                                    <td>
                                        {{ $data->discount }} {{ trans('labels.egp') }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.wallet.discount-with-code', ['student_id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">{{ trans('labels.exams') }}</th>
                                    <td>
                                        {{ $data->exams->count() }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.exams', ['id' => $data->id]) }}"> <i
                                                class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">طلبات فوري</th>
                                    <td>
                                        {{ $data->fawryDeposits->count() }}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.fawry-requests', ['id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row" style="width: 300px;">طلبات الحجز</th>
                                    <td>
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.class-booking-orders', ['id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @can('lecture-questions-edit')
                                <tr>
                                    <th scope="row" style="width: 300px;">اسئلة الطالب</th>
                                    <td>
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.lecture-questions', ['id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @endcan

                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div> <!-- end col -->
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div>
                        <h4 class="mt-0 header-title" style="display:inline;">{{ trans('labels.admin_logs') }} </h4>
                    </div>
                    @foreach ($data->adminLogs as $log)
                        <div class="m-t-20">
                            <a class="media">
                                <img class="d-flex ml-3 rounded-circle"
                                    src="{{ URL::asset('dashboard/assets/images/users/user-2.jpg') }}"
                                    alt="Generic placeholder image" height="36">
                                <div class="media-body chat-user-box">
                                    <p class="user-title m-0">{{ $log->admin->name ?? "" }}
                                        <span class="text-muted"
                                            style="font-size: 12px; float: left;">{{ $log->created_at }}</span>
                                    </p>
                                    <p class="text-muted">{{ $log->message }}</p>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @include('dashboard.pages.student-management.partials.add-action-modal')
@endsection

@section('script')
    <script src="{{ URL::asset('js/student-management.js') }}"></script>
    <script type="text/javascript">
        $('.flagSpan').on('click', function() {

            var url = $('#flagSector').attr('data-url');

            let type = 'POST';
            let data = {};
            data['_method'] = 'PATCH';
            data['value'] = $(this).find('.flag').attr('id') != 'without' ? $(this).find('.flag').attr('id') : null;
            console.log($(this).html());
            var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
            var cache = false;
            var processData = true;
            $.ajax({
                url: url,
                type: type,
                data: data,
                contentType: contentType,
                cache: cache,
                processData: processData,
                success: function(data) {
                    var message = [];
                    $.each($('.flagSpan'), function(index, ele) {
                        $(ele).css('color', '');
                    });
                    $.each($('.flag'), function(index, ele) {
                        $(ele).css('color', '');
                    });

                    $('#' + data.flag).css('color', '#38a4f8');
                },
                error: function(data) {

                }
            });
        });

        $('.prefered-number').on('click', function(){
            
            var url = $('#prefered-number').attr('data-url');
            
            let type = 'POST';
            let data = {};
            data['_method'] = 'PATCH';
            if($(this).attr('id') == 'modal-prefer-father'){
                data['value'] = 'father';
            }else if($(this).attr('id') == 'modal-prefer-mother'){
                data['value'] = 'mother';
            }
            var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
            var cache = false;
            var processData = true;
           $.ajax({
                url: url,
                type: type,
                data: data,
                contentType: contentType,
                cache: cache,
                processData: processData,
                success: function (data) {
                    var message =[];
                    $.each($('.prefered-number'), function(index, ele){
                        $(ele).css('color', 'lightgrey');
                    });

                    if(data.value.includes('father')){
                        $('#modal-prefer-father').css('color', 'green');
                        message.push('father');
                    }
                    if(data.value.includes('mother')){
                        $('#modal-prefer-mother').css('color', 'green');
                        message.push('mother');
                    }

                    // if(data.value == 'father'){
                    //     $('#modal-prefer-father').css('color', 'blue');
                    //     message = 'father';
                    // }else if(data.value == 'mother'){
                    //     $('#modal-prefer-mother').css('color', 'blue');
                    //    message = 'mother';
                    // }
                    $('#'+data.id).find('.student-modal').attr('data-message', message);
                    // console.log( $('#'+data.id).find('.student-modal').data('message'));
                },
                error: function (data) {
                    
                }
            }); 
        });
    </script>
@endsection