{{-- add course group modal --}}
<div class="modal 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"
                            required>

                    </div>
                    <div class="form-group ">
                        <label class="form-control-label">Schedule:</label>
                        </br><button type="button" name="add" id="dynamic-ar"
                            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>
                                    </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>
                                            </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="" />
                        <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>
                        {{-- <input type="text" name="enrollment_message" class="form-control" id="enrollment_message"> --}}
                    </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">Add</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>