@extends('layouts.admin')
@section('content')
    <!--App-Content-->
    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <x-page.header>Course Offerings Settings</x-page.header>
            @include('admin.errors.form-errors')
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Search
                            </h3>
                        </div>
                        <div class="card-body">
                            <form method="GET" action="{{ url('/staff/groups/search') }}" class="form-horizontal">
                                <div class="form-group ">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label class="form-label mt-2">Academic Year Session <i
                                                    class="text-danger">(required)</i></label>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="acysid" id="acysid" class="form-control select2-show-search"
                                                required>
                                                @foreach ($academicYearSessions as $item)
                                                    <option value="{{ $item->acysid }}">{{ $item->acyname }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-0 row justify-content-end">
                                    <div class="col-md-3">
                                        <button type="submit"
                                            class="btn btn-primary waves-effect waves-light">Search</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            @if ($id)
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Course Offerings</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table
                                        class="table table-striped table-bordered table-vcenter text-nowrap" id="course-offerings-table">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                    Id
                                                </th>
                                                <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                    Course Name</th>
                                                <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                    Team
                                                </th>
                                                <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                    Price
                                                </th>
                                                {{-- <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                    AED Fees
                                                </th> --}}
                                                <th style="text-align: center;">Settings</th>
                                                {{-- <th style="text-align: center;">Meetings</th> --}}
                                                <th>Status</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach ($courseOfferings as $key=>$coff)
                                                <tr>
                                                    <td>{{ ++$key }}</td>
                                                    <td>
                                                        {{ $courses->firstWhere('cid', $coff->cid)->cname .' ('.$coff->course->level->lname.')' }}
                                                        @if ($coff->has_label)
                                                        <span class="badge badge-danger">{{$coff->label}}</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $teachingTeams->firstWhere('ttid', $coff->ttid)->ttname }}</td>
                                                    <td>
                                                        @if ($coff->fee_per_course_total > 0)
                                                        {{ $coff->fee_per_course_total }} EGP
                                                        @else
                                                        Annual
                                                        @endif
                                                    </td>
                                                    {{-- @if ($coff->currency == 1)
                                                        <td style="text-align: center;">
                                                            Lesson
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->teacher_fee_per_lesson * $currentRate }}<br/>Site: {{ $coff->site_fee_per_lesson * $currentRate }} <br/>Total: {{ $coff->fee_per_lesson_total * $currentRate }}
                                                            "></i>
                                                            <br />
                                                            Course
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->is_priced ? $coff->teacher_fee_per_course_egp : $coff->teacher_fee_per_course * $currentRate }}EGP<br>Site: {{ $coff->is_priced ? $coff->site_fee_per_course_egp : $coff->site_fee_per_course * $currentRate}} EGP<br/>
                                                                {{$coff->fee_course_per_month != 0 ? 'per month: '.$coff->fee_course_per_month * $currentRate.'<br/>' : ''}} Total: {{ $coff->is_priced ? $coff->fee_per_course_total_egp : $coff->fee_per_course_total * $currentRate}} EGP
                                                            "></i>
                                                            @if ($coff->fee_per_lesson_total == 0)
                                                            <br />
                                                            Recording fees
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{  $coff->recording_teacher_fee_per_lesson * $currentRate }}EGP<br>Site: {{ $coff->recording_site_fee_per_lesson * $currentRate}} EGP<br/>
                                                                Total: {{ $coff->recording_fee_per_lesson_total * $currentRate}} EGP
                                                            "></i>
                                                            @endif
                                                        </td>

                                                        <td style="text-align: center;">
                                                            Lesson
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->teacher_fee_per_lesson }}<br/>Site: {{ $coff->site_fee_per_lesson }} <br/>Total: {{ $coff->fee_per_lesson_total }}
                                                            "></i>
                                                            <br />
                                                            Course
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->teacher_fee_per_course }}<br>Site: {{ $coff->site_fee_per_course }} <br/>
                                                                {{$coff->fee_course_per_month != 0 ? 'per month: '.$coff->fee_course_per_month.'<br/>' : ''}} Total: {{ $coff->fee_per_course_total }}
                                                            "></i>
                                                            @if ($coff->fee_per_lesson_total == 0)
                                                            <br />
                                                            Recording fees
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{  $coff->recording_teacher_fee_per_lesson }} AED<br>Site: {{ $coff->recording_site_fee_per_lesson}} AED<br/>
                                                                Total: {{ $coff->recording_fee_per_lesson_total}} AED
                                                            "></i>
                                                            @endif
                                                        </td>
                                                    @else
                                                        <td style="text-align: center;">
                                                            Lesson
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->teacher_fee_per_lesson }}EGP<br/>Site: {{ $coff->site_fee_per_lesson }} EGP<br/>Total: {{ $coff->fee_per_lesson_total }} EGP
                                                            "></i>
                                                            <br />
                                                            Course
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{ $coff->teacher_fee_per_course }}EGP<br>Site: {{ $coff->site_fee_per_course }} EGP<br/>
                                                                {{$coff->fee_course_per_month != 0 ? 'per month: '.$coff->fee_course_per_month.'<br/>' : ''}} Total: {{ $coff->fee_per_course_total }} EGP
                                                            "></i>
                                                            @if ($coff->fee_per_lesson_total == 0)
                                                            <br />
                                                            Recording fees
                                                            <i class="mdi mdi-information-outline leading-loose"
                                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title=""
                                                                data-bs-html="true" data-bs-original-title="Teacher: {{  $coff->recording_teacher_fee_per_lesson}}EGP<br>Site: {{ $coff->recording_site_fee_per_lesson}} EGP<br/>
                                                                Total: {{ $coff->recording_fee_per_lesson_total}} EGP
                                                            "></i>
                                                            @endif
                                                        </td>
                                                        <td> Not Assigned </td>
                                                    @endif --}}

                                                    <td style="text-align: center;">
                                                        {{-- @if ( $coff->fee_per_lesson_total == 0)
                                                        <button type="button" id="addGroupBtn"
                                                            class="addRecordingFeesPerLesson btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-bs-toggle="modal" data-bs-target="#addRecordingFeesPerLesson">
                                                            <i class="fa fa-money fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Add Recording Fees Per Lesson"></i>
                                                        </button>
                                                        @endif --}}
                                                        <button type="button" id="addGroupBtn"
                                                            class="addGroup btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                         
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-courseid="{{ $courses->firstWhere('cid', $coff->cid)->cid }}"
                                                            data-coursename="{{ $courses->firstWhere('cid', $coff->cid)->cname }}"
                                                            data-teamname="{{ $teachingTeams->firstWhere('ttid', $coff->ttid)->ttname }}"
                                                            data-bs-toggle="modal" data-bs-target="#addGroup">
                                                            <i class="fa fa-user-plus fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Add New Group"></i>
                                                        </button>

                                                        <button type="button" id="editGroupBtn"
                                                            class="editGroup btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-courseid="{{ $courses->firstWhere('cid', $coff->cid)->cid }}"
                                                            data-coursename="{{ $courses->firstWhere('cid', $coff->cid)->cname }}"
                                                            data-teamname="{{ $teachingTeams->firstWhere('ttid', $coff->ttid)->ttname }}"
                                                            data-bs-toggle="modal" data-bs-target="#editGroup">
                                                            <i class="fa fa-users fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Edit Groups"></i>
                                                        </button>

                                                        {{-- <button type="button" id="addWhatsappBtn"
                                                            class="addWhatsapp btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-bs-toggle="modal" data-bs-target="#addWhatsapp">
                                                            <i class="fa fa-whatsapp fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Add WhatsApp Number"></i>
                                                        </button>

                                                        <button type="button" id="addEnrollmentMessageBtn"
                                                            class="addEnrollmentMessage btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-bs-toggle="modal" data-bs-target="#addEnrollmentMessage">
                                                            <i class="fa fa-envelope fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Add Enrollment Message"></i>
                                                        </button>
                                                        @if ($coff->course_discount == 0)
                                                        <button type="button" id="addCourseDiscountBtn"
                                                            class="addCourseDiscount btn btn-outline-light btn-sm waves-effect waves-light "
                                                            value="{{ $coff->coffid }}"
                                                            data-coffid="{{ $coff->coffid }}"
                                                            data-bs-toggle="modal" data-bs-target="#addCourseDiscount">
                                                            <i class="fa fa-plus fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Add Course Discount"></i>
                                                        </button>
                                                        @else
                                                        <button href="javascript:void(0)" onClick="confirmDelete(event,{{$coff->coffid}})" class="btn btn-outline-danger btn-sm waves-effect waves-light"
                                                            data-bs-toggle="tooltip" data-bs-html=true
                                                            data-bs-original-title="Discount: {{$coff->course_discount}} % <br> Date: {{$coff->course_discount_start_date}}">
                                                            <i class="fa fa-close fs-16"></i>

                                                            <form method="POST" action="{{ route('admin.course_offering.remove_course_discount',$coff->coffid) }}" id="delete-form-{{$coff->coffid}}">
                                                                @csrf
                                                                <input name="_method" type="hidden" value="DELETE">
                                                            </form>
                                                        </button>
                                                        @endif --}}
                                                    </td>
                                                    {{-- <td style="text-align: center;">
                                                        <button type="button" id="addMeetingBtn"
                                                            class="addMeeting btn btn-outline-light btn-sm waves-effect waves-light"
                                                            data-mcoffid="{{ $coff->coffid }}"
                                                            data-mcoursename="{{ $courses->firstWhere('cid', $coff->cid)->cname }}"
                                                            data-mteamname="{{ $teachingTeams->firstWhere('ttid', $coff->ttid)->ttname }}"
                                                            data-bs-toggle="modal" data-bs-target="#addMeeting">
                                                            <i class="fa fa-calendar-plus-o fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Generate Meetings"></i>
                                                            </i>
                                                        </button>
                                                        <button type="button" id="editMeetingBtn"
                                                            class="editMeeting btn btn-outline-light btn-sm waves-effect waves-light"
                                                            data-mcoffid="{{ $coff->coffid }}"
                                                            data-mcoursename="{{ $courses->firstWhere('cid', $coff->cid)->cname }}"
                                                            data-mteamname="{{ $teachingTeams->firstWhere('ttid', $coff->ttid)->ttname }}"
                                                            data-bs-toggle="modal" data-bs-target="#editMeeting">
                                                            <i class="fa fa-calendar fs-16" data-bs-toggle="tooltip"
                                                                data-bs-original-title="Edit Meetings"></i>
                                                        </button>
                                                    </td>
                                                     --}}
                                                    <td style="">
                                                        <div class="">
                                                            <label class="form-swich">
                                                            <input type="checkbox" value="{{$coff->is_active ? '1' : '0'}}" {{ $coff->is_active ? 'checked' : ''}}  data-coffid={{ $coff->coffid }} id="is_active_{{$coff->coffid}}" name="is_active" class="form-switch-input status-checkbox">
                                                            <span class="form-switch-indicator"></span>
                                                            <span class="form-switch-description" id="status_{{ $coff->coffid }}">{{ $coff->is_active ? 'active' : 'inactive' }}</span>
                                                            </label>
                                                        </div>
                                                        <div class="">
                                                            <label class="form-swich">
                                                            <input type="checkbox" value="{{$coff->allow_enrollment ? '1' : '0'}}" name="allow_enrollment" class="form-switch-input enrollment-checkbox" {{ $coff->allow_enrollment ? 'checked' : ''}} data-coffid={{ $coff->coffid }} id="allow_enrollment_{{$coff->coffid}}">
                                                            <span class="form-switch-indicator"></span>
                                                            <span class="form-switch-description" id="enrollment_status_{{ $coff->coffid }}">{{ $coff->allow_enrollment ? 'disable enrollment' : 'enable enrollment' }}</span>
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td style="text-align: center;">
                                                        <a class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                            href="{{route('courseofferings.edit',$coff->coffid)}}"
                                                            data-bs-toggle="tooltip"
                                                            data-bs-original-title="Edit Course Offering"><i
                                                                class="fa fa-edit fs-16"></i></a>

                                                        <a href="javascript:void(0)" onClick="confirmDelete(event,{{$coff->coffid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"
                                                                    data-bs-toggle="tooltip" data-bs-original-title="Delete"
                                                                    title='Delete'>
                                                                    <i class="fa fa-trash fs-16"></i>
                                                            <form method="POST" action="{{ route('courseofferings.destroy', $coff->coffid) }}" id="delete-form-{{$coff->coffid}}">
                                                                @csrf
                                                                <input name="_method" type="hidden" value="DELETE">
                                                            </form>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                </div>
                                <div class="center-block text-center">
                                    {{-- {{ $courseOfferings->links('inc.paginate') }} --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <!-- New Group Modal -->
    <div class="modal w-100 fade" id="addGroup" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add New Group</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{-- <h6 style="text-align: center">New Group for Course Name</h6> --}}
                    <form method="POST" action="{{ route('groups.post') }}" class="form-horizontal"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="form-group ">
                            <input type="hidden" name="coffid" id="coffid" value="" />
                            <p class="mb-0"><b>Course:</b>&nbsp;<label name="cname" id="coursename"></label>
                            </p>
                            <p><b>Team:</b>&nbsp;<label name="tname" id="teamname"></label>
                            </p>
                            <label class="form-label mt-2" for="gname">Group Name <i
                                    class="text-danger">(required)</i></label>
                            <select id="add_group_name" name="gname" class="form-control select2" required>

                            </select>
                        </div>
                        <div class="form-group ">
                            <label class="form-control-label" for="gdate">Start Date:</label>
                            <input type="date" name="gstartdate" id="gdate" placeholder="Date" class="form-control">
                        </div>
                        <div class="form-group ">
                            <label class="form-control-label">Schedule:</label>
                            </br><button type="button" name="add" id="dynamic-ar"
                               data-items="{{'['.implode(', ',$rooms->pluck('classnameid')->toArray()).']'}}"
                               data-itemsname="{{implode(', ',$rooms->pluck('classname')->toArray())}}"
                                class="btn btn-block btn-outline-success btn-sm waves-effect waves-light mt-1 mb-3">
                                <i class="fa fa-plus fs-10">Add
                                </i>
                            </button>
                            <div class="row">
                                <table class="table table-striped table-bordered table-vcenter text-nowrap"
                                    id="dynamicAddRemove">
                                    <thead>
                                        <tr>
                                            <th>Day</th>
                                            <th>From</th>
                                            <th>To</th>
                                            <th>Class</th>
                                        </tr>
                                        <thead>
                                        <tbody>
                                            <tr>
                                                <td><select name="schedules[0][gsday]" placeholder="Day"
                                                        class="form-control select2" required>
                                                        <option value="1">Sunday</option>
                                                        <option value="2">Monday</option>
                                                        <option value="3">Tuesday</option>
                                                        <option value="4">Wednesday</option>
                                                        <option value="5">Thursday</option>
                                                        <option value="6">Friday</option>
                                                        <option value="7">Saturday</option>
                                                    </select>
                                                </td>
                                                <td><input type="time" name="schedules[0][gsfrom]" placeholder="From"
                                                        class="form-control" required />
                                                </td>
                                                <td><input type="time" name="schedules[0][gsto]" placeholder="To"
                                                        class="form-control" required />
                                                </td>
                                                <td>
                                                    <select name="schedules[0][classname]" placeholder="Class"
                                                        class="form-control select2" required>
                                                    @foreach ($rooms as $room )
                                                    <option value="{{$room->classnameid}}">{{$room->classname}}</option>
                                                    @endforeach
                                                    </select>
                                                </td>
                                            </tr>
                                        </tbody>
                                </table>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                    <button type="submit" class="btn btn-block btn-primary">Save</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- edit Group  Modal-->
    <div class="modal fade" id="editGroup" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editGroup">Edit Group Schedule</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="GET" action="{{ route('groupSchedule.edit') }}" class="form-horizontal">

                        <div class="row">
                            <input type="hidden" name="coffid" id="egcoffid" value="" />
                            <input type="hidden" name="acysid" id="acysid" value="{{ $id }}">
                            <p class="mb-0"><b>Course:</b>&nbsp;<label name="coursename"
                                    id="egcoursename"></label>
                            </p>
                            <p><b>Team:</b>&nbsp;<label name="teamname" id="egteamname"></label>
                            </p>
                        </div>
                        <div class="form-group ">
                            <label class="form-label mt-2" for="mcgsid">Group <i
                                    class="text-danger">(required)</i></label>
                            <select name="gid" id="edit_group_name" class="form-control select2" required>

                            </select>
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                    <button type="submit" class="btn btn-block btn-primary">Edit</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Add WhatsApp Group Number  Modal-->
    <div class="modal fade" id="addWhatsapp" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editGroup">Add WhatsApp Group</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="post" action="{{route('courseofferings.addWhatsAppGroup')}}" class="form-horizontal">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="coffid" id="course" value="" />
                        </div>
                        <div class="form-group">
                            <label class="form-label mt-2" for="mcgsid">Enrollments WhatsApp Group Link</label>
                            <input type="url" name="enrollment_group_link" class="form-control" id="enrollment_group_link">
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                    <button type="submit" class="btn btn-block btn-primary">Submit</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Add Enroolment Message  Modal-->
    <div class="modal fade" id="addEnrollmentMessage" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editGroup">Add Enrollment Message</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="post" action="{{route('courseofferings.addEnrollmentMessage')}}" class="form-horizontal">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="coffid" class="course_input" value="" />
                        </div>
                        <div class="form-group">
                            <label class="form-label mt-2" for="enrollment_message">Enrollments Message<span class="text-danger">*</span></label>
                            <textarea class="content2" name="enrollment_message" id="enrollment_message"></textarea>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-block btn-primary">Add</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- New Meeting Modal-->
    <div class="modal fade" id="addMeeting" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addMeeting">Create Schedule</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('meetings.post') }}" class="form-horizontal">
                        @csrf
                        <div class="row">
                            <input type="hidden" name="mcoffid" id="mcoffid" value="" />
                            <input type="hidden" name="acysid" id="acysid" value="{{ $id }}">
                            <p class="mb-0"><b>Course:</b>&nbsp;<label name="mcoursename"
                                    id="mcoursename"></label>
                            </p>
                            <p><b>Team:</b>&nbsp;<label name="mteamname" id="mteamname"></label>
                            </p>
                        </div>
                        <div class="form-group ">
                            <label class="form-label mt-2" for="mcgsid">Group <i
                                    class="text-danger">(required)</i></label>
                            <select name="gid" id="meeting_groups_add" class="form-control select2" required>

                            </select>
                        </div>
                        <div class="form-group ">
                            <label class="form-control-label" for="mdate">Start Date:</label>
                            <input type="date" name="mstartdate" id="mdate" placeholder="Date" class="form-control"
                                required>
                            </input>
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                    <button type="submit" class="btn btn-block btn-primary">Save</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- edit Meeting Modal-->
    <div class="modal fade" id="editMeeting" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editMeeting">Edit Meetings</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="get" action="{{ route('meetings-edit.post') }}" class="form-horizontal">

                        <div class="row">
                            <input type="hidden" name="mcoffid" id="emcoffid" value="" />
                            <input type="hidden" name="acysid" id="acysid" value="{{ $id }}">
                            <p class="mb-0"><b>Course:</b>&nbsp;<label name="mcoursename"
                                    id="emcoursename"></label>
                            </p>
                            <p><b>Team:</b>&nbsp;<label name="mteamname" id="emteamname"></label>
                            </p>
                        </div>
                        <div class="form-group ">
                            <label class="form-label mt-2" for="mcgsid">Group <i
                                    class="text-danger">(required)</i></label>
                            <select name="gid" id="meeting_groups_edit" class="form-control select2" required>

                            </select>
                        </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                    <button type="submit" class="btn btn-block btn-primary">Edit</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Add Course Discount Modal-->
    <div class="modal fade" id="addCourseDiscount" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add course discount</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" id="add_course_discount_form" action="" class="form-horizontal">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="discount_value">Discount value</label>
                                <input type="number" placeholder="50%" class="form-control" name="course_discount" id="discount_value" required>
                            </div>
                            <div class="col-md-6">
                                <label for="end_date">Start date</label>
                                <input type="date" class="form-control" name="course_discount_start_date" id="course_discount_start_date" required>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-block btn-primary">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Add Recording fees per lesson Modal-->
    <div class="modal fade" id="addRecordingFeesPerLesson" tabdocumentation="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add Recording Fees Per Lesson</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" id="add_recording_fees_per_lesson_form"  action="" class="form-horizontal">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-4">
                                <input type="number" id="teacher_fee_per_course"
                                    name="recording_teacher_fee_per_lesson" step=".01" min="0"  class="form-control"
                                    placeholder="Teacher" required>
                            </div>
                            <div class="col-md-1 mt-2">
                                <b>+</b>
                            </div>
                            <div class="col-md-4">
                                <input type="number" step=".01" min="0" id="site_fee_per_course" name="recording_site_fee_per_lesson"
                                     class="form-control" placeholder="Eshra7ly" required>
                            </div>
                            <div class="col-md-1 mt-2">
                                <b class="mt-2 text-success">=</b>
                            </div>
                            <div class="col-md-2">
                                <input type="text" id="fee_per_course_total_view"
                                    class="form-control" placeholder="Total">

                                <input type="hidden" id="fee_per_course_total"
                                    name="recording_fee_per_lesson_total"  class="form-control"
                                    placeholder="Total">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-block btn-primary">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('admin-js')
    <!-- WYSIWYG Editor js -->
    <script src="{{env('SECURE_ASSETS').'/plugins/wysiwyag/jquery.richtext.js'}}"></script>
    {{-- <script src="{{env('SECURE_ASSETS').'/js/formeditor.js'}}"></script> --}}
    <script src="{{env('SECURE_ASSETS').'/js/formeditor-1.js'}}"></script>
    <script>

$(document).ready(function(){
        // add group
        jQuery('body').on('click', '.addGroup', function () {
            var coffid= $(this).attr('data-coffid');
            $('#add_group_name').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get('getUnListedGroups/' + coffid, function (data) {
                $('#add_group_name').empty();
                $('#add_group_name').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data.groupName, function (id, value) {
                    $('#add_group_name').append('<option value="' +value.gnameid + '">' + value.gname +
                    '</option>');
                });
            })
        });

        // edit group
        jQuery('body').on('click', '.editGroup', function () {
            var coffid= $(this).attr('data-coffid');
            $('#edit_group_name').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get('editGroup/' + coffid, function (data) {
                $('#edit_group_name').empty();
                $('#edit_group_name').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data, function (id, value) {
                    $('#edit_group_name').append('<option value="' +value.gid + '">' + value.group_name.gname +
                    '</option>');
                });
            })
        });

        // Add WhatsApp group
        jQuery('body').on('click', '.addWhatsapp', function () {
            var coffid= $(this).attr('data-coffid');
            $('#course').val(coffid)
            var url = "{{ route('courseofferings.getWhatsAppGroups', ":coffid") }}";
            url = url.replace(':coffid', coffid);
            $.ajax({
                url:url,
                success:function(data){
                    jQuery('#enrollment_group_link').val(data.enrollment_whatsapp_group);
                }
            });
        });

        // Add Enrollment Message
        jQuery('body').on('click', '.addEnrollmentMessage', function () {
            let coffid= $(this).attr('data-coffid');
            $('.course_input').val(coffid)
            var url = "{{ route('courseofferings.getEnrollmentMessage', ":coffid") }}";
            url = url.replace(':coffid', coffid);
            $.ajax({
                url:url,
                success:function(data){
                    jQuery('.richText-editor').html(data.enrollment_message);
                }
            });
        });

        // add meeting (get all added groups)
        jQuery('body').on('click', '.addMeeting', function () {
            var coffid= $(this).attr('data-mcoffid');
            $('#meeting_groups_add').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get('editGroup/' + coffid, function (data) {
                $('#meeting_groups_add').empty();
                $('#meeting_groups_add').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data, function (id, value) {
                    $('#meeting_groups_add').append('<option value="' +value.gid + '">' + value.group_name.gname +
                    '</option>');
                });
            })
        });

        // edit meeting (get all added meetings with groups )
        jQuery('body').on('click', '.editMeeting', function () {
            var coffid= $(this).attr('data-mcoffid');
            $('#meeting_groups_edit').append(`<option value="0" disabled selected>Processing...</option>`);
            $.get('editMeeting/' + coffid, function (data) {
                $('#meeting_groups_edit').empty();
                $('#meeting_groups_edit').append(`<option value="0" disabled selected>Select Group*</option>`);
                $.each(data, function (id, value) {
                    $('#meeting_groups_edit').append('<option value="' +value.gid + '">' + value.group_name.gname +
                    '</option>');
                });
            })
        });
        // add course discount
        jQuery('body').on('click', '.addCourseDiscount', function () {
            let coffid= $(this).attr('data-coffid');
            let url="{{ route('admin.course_offering.add_course_discount',':coffid') }}"
            url = url.replace(':coffid', coffid);
            $('#add_course_discount_form').attr('action', url )
        });

        // add course recording fees per lesson
        jQuery('body').on('click', '.addRecordingFeesPerLesson', function () {
            let coffid= $(this).attr('data-coffid');
            let url="{{ route('admin.course_offering.addRecordingFeesPerLesson',':coffid') }}"
            url = url.replace(':coffid', coffid);
            $('#add_recording_fees_per_lesson_form').attr('action', url )
        });

    $('#course-offerings-table').dataTable( {

        "drawCallback": function( settings ) {

                // update course offering status
                $('.status-checkbox').on('change', function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
                });
                const course_id = $(this).attr('data-coffid');
                var url = "{{ route('updateCourseOfferingStatus', ":course_id") }}";
                url = url.replace(':course_id', course_id);
                var formData = new FormData();
                var checkbox_value=jQuery('#is_active_'+course_id).val()
                var status=jQuery('#status_'+course_id);

                if(checkbox_value == 1){
                    checkbox_value = 0
                    status.text('inactive')
                }else{
                    checkbox_value = 1
                    status.text('active')
                }

                formData.append('is_active', checkbox_value);

                $.ajax({
                    url: url,
                    type: 'POST',
                    processData: false,
                    contentType: false,
                    cache: false,
                    data: formData,
                    enctype: 'multipart/form-data',
                    success: function (data) {
                        notif({
                            type: "success",
                            msg: "The Status Updated Successfully",
                            position: "center",
                            opacity: 0.8,
                            autohide: true
                            });
                            setTimeout(location.reload.bind(location), 1000);
                    }
                });
            });

            // update course offering Enrollment
            $('.enrollment-checkbox').on('change', function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
                });
                const course_id = $(this).attr('data-coffid');
                var url = "{{ route('updateCourseOfferingEnrollment', ":course_id") }}";
                url = url.replace(':course_id', course_id);
                var formData = new FormData();
                var checkbox_value=jQuery('#allow_enrollment_'+course_id).val()
                var enrollment_status=jQuery('#enrollment_status_'+course_id);

                if(checkbox_value == 1){
                    checkbox_value = 0
                    enrollment_status.text('enable enrollment')
                }else{
                    checkbox_value = 1
                    enrollment_status.text('disable enrollment')
                }

                formData.append('allow_enrollment', checkbox_value);

                $.ajax({
                    url: url,
                    type: 'POST',
                    processData: false,
                    contentType: false,
                    cache: false,
                    data: formData,
                    enctype: 'multipart/form-data',
                    success: function (data) {
                        notif({
                            type: "success",
                            msg: "The Enrollment Status Updated Successfully",
                            position: "center",
                            opacity: 0.8,
                            autohide: true
                            });
                            setTimeout(location.reload.bind(location), 1000);
                    }
                });
            });


        }
    } );
 })
    </script>
@endsection