@extends('dashboard.layouts.master')

@section('css')
<style type="text/css">
    .template{
        margin: 10px;
        padding: 10px;
        border: 1px solid gray;
        border-radius: 10px;
        cursor: pointer;
    }
    .template:hover{
        background-color: #c1185b;
        color: white;
    }
    .parent_template{
        margin: 10px;
        padding: 10px;
        border: 1px solid gray;
        border-radius: 10px;
        cursor: pointer;
    }
    .parent_template:hover{
        background-color: #c1185b;
        color: white;
    }
</style>
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">طلب متابعة</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
        </ol>
    </div>
    <div class="col-sm-6">
        <p>عدد متابعة اليوم: {{auth()->user()->followupCount() ?? 0}}</p>
        <p>{{$activeRequest->id ?? "---"}}</p>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div>لا يوجد طلاب متاحيين للمتابعة</div>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

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

        $('.openIt').on('click', function(){
            const id = $(this).data('id');
            console.log(id);
            $('.'+id).toggle();
        });

        // $('.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) {

        //         }
        //     });
        // });
    </script>
    <script type="text/javascript">
        $('.template').on('click', function($query){
            $('#comment').val($(this).data('content'));
        });
        $('.parent_template').on('click', function($query){
            $('#parent_comment').val($(this).data('content'));
        });

       
    </script>
@endsection