@extends('dashboard.layouts.master')

@section('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.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')
    <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; margin-left: 10px">
                            ملخص بيانات الطالب <a style="text-decoration: underline;font-size: 12px;" href="{{route('admin.student-management.edit', ['student_management' => $data->id])}}"><i class="fa fa-pen" style="font-size:12px"></i> تعديل</a>
                        </h4>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="table-responsive" style="margin-top:20px">
                                <table class="table table-striped mb-0">
                                        <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->parent_phone }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row" style="width: 300px;">الصف الدراسي</th>
                                            <td>{{ $data->educationalLevelLabel() }}</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;">النوع</th>
                                            <td>{{ $data->gender == 'male' ? "ذكر" : "انثى" }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row" style="width: 300px;">المحافظة</th>
                                            <td>{{ $data->government->governorate_name_ar }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row" style="width: 300px;">{{ trans('labels.created_at') }}</th>
                                            <td>{{ $data->created_at }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <a href="{{ $data->profile_image_full_path }}">
                                <img style="max-height:500px" width="100%" src="{{ $data->profile_image_full_path }}">
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div> <!-- end col -->
    </div>
    <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.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;">المحاضرات</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>
                                <tr>
                                    <th scope="row" style="width: 300px;">الكورسات</th>
                                    <td>{{ $data->myCoursesCount() }}
                                        <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>
                                <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;"> اذون دفع غير مسدده</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;">{{ 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>
                                
                                <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->followupLogs->count()}}
                                        <a style="font-size: 20px; float: left;"
                                            href="{{ route('admin.student-management.follow-up-logs', ['id' => $data->id]) }}">
                                            <i class="mdi mdi-eye"></i>
                                        </a>
                                    </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>
                                @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
                                <tr>
                                    <th scope="row" style="width: 300px;">لينك ولي الامر</th>
                                    <td>
                                        {{--
                                        <a href="{{route('parentPage', ['token' => $data->parent_token ?? 1])}}" target="_blank">{{route('parentPage', ['token' => $data->parent_token ?? 1])}}</a>
                                        --}}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div> <!-- end col -->
    </div>
    <a class="btn btn-primary" style="width:100%;margin-bottom: 15px;" href="{{route('admin.student-management.customer-service-report', $data->id)}}">
        متابعة الطالب
    </a>
    <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('dashboard/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('js/student-management-new.js') }}"></script>
    <script type="text/javascript">
        $('.refused').click(function (event) {
            event.preventDefault();
            const row = this;
            const id = $(this).attr('data-id');
            Swal.fire({
                title: "{{trans('labels.what_reason_refuse')}}",
                input: 'text',
                showCancelButton: true,
                confirmButtonText: '{{trans('labels.ok')}}',
                confirmButtonColor: "#626ed4",
                cancelButtonColor: "#ec4561",
                cancelButtonText: '{{trans('labels.cancel')}}',
                preConfirm: function (value) {
                    if (value === "") {
                        Swal.showValidationMessage("{{trans('labels.message_required')}}");
                        return false
                    }
                    return new Promise(function (resolve, reject) {
                        var url = '{{route('admin.student-management.changeStatus', ['id' => ':id', 'status' => 'refused'])}}?message='+value;
                       location.href = url.replace(':id', id);
                    })
                },
            });
        });

        $('.blocked').click(function (event) {
            event.preventDefault();
            const row = this;
            const id = $(this).attr('data-id');
            Swal.fire({
                title: "{{trans('labels.what_reason_block')}}",
                input: 'text',
                showCancelButton: true,
                confirmButtonText: '{{trans('labels.ok')}}',
                confirmButtonColor: "#626ed4",
                cancelButtonColor: "#ec4561",
                cancelButtonText: '{{trans('labels.cancel')}}',
                preConfirm: function (value) {
                    if (value === "") {
                        Swal.showValidationMessage("{{trans('labels.message_required')}}");
                        return false
                    }
                    return new Promise(function (resolve, reject) {
                        var url = '{{route('admin.student-management.changeStatus', ['id' => ':id', 'status' => 'blocked'])}}?message='+value;
                        location.href = url.replace(':id', id);
                    })
                },
            });
        });
        $('.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