@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>{{$currentGroup->courseOffering->course->cname}}_
            {{$currentGroup->courseOffering->academicYearSession->sessions->sname}}_
            {{$currentGroup->courseOffering->academicYearSession->year}}
        </x-page.header>

        <div class="page-header">


                <h4>



                </h4>


            <h4 class="page-title text-center">{{$currentGroup->groupName->gname}}</h4>

           <h4 class="text-end">
            <a href="javascript:void(0)" onClick="confirmDelete(event,{{$gid}})" class="btn btn-outline-light btn-sm waves-effect waves-light"

            title='Delete'>
            <i class="fa fa-trash fs-16 text-danger"></i>
    <form method="POST" action="{{ route('groups.destroy', $gid) }}" id="delete-form-{{$gid}}">
        @csrf
        <input name="_method" type="hidden" value="DELETE">
    </form>
</a>
           </h4>
        </div>
        @include('admin.errors.form-errors')
             {{-- Add New Group Schedule --}}
             <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Group Start Date</h3>
                        </div>

                        <div class="card-body">
                            <form enctype="multipart/form-data" method="POST" action="{{route('groups.update',$gid)}}"
                                class="form-horizontal" id="create_form">
                                @csrf
                                <div class="form-group ">
                                    <div class="form-group ">
                                        <label class="form-control-label" for="gdate">Update Start Date: ({{$currentGroup->start_date}})</label>
                                        <input type="date" name="gstartdate" id="gdate" placeholder="Date" class="form-control">

                                    </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">Submit</button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        {{-- Add New Group Schedule --}}
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Add New Group Schedule</h3>
                    </div>

                    <div class="card-body">
                        <form enctype="multipart/form-data" method="POST" action="{{route('groupSchedule.store')}}"
                            class="form-horizontal" id="create_form">
                            @csrf
                            <div class="form-group ">
                                <div class="text-end">
                                    <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-outline-success btn-md waves-effect waves-light mt-1 mb-3">
                                        <i class="fa fa-plus fs-10">Add New Schedule</i>
                                    </button>
                                </div>
                                <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 Name</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>
                                                   <input type="hidden" name="gid" value={{$gid}}>
                                                </tr>
                                            </tbody>
                                    </table>
                                </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">Submit</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Edit Group Schedule --}}
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit Group Schedule</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table
                                class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <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">
                                            group name</th>
                                        <th style="text-align: center;display: table-cell; vertical-align: middle">
                                            day
                                        </th>
                                        <th style="text-align: center;display: table-cell; vertical-align: middle">
                                            from
                                        </th>
                                        <th style="text-align: center;">to</th>
                                        <th style="text-align: center;">Class Name</th>
                                        <th style="text-align: center;">Classes</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($groups as $group)
                                        <tr class="text-center">
                                            <td>{{ $group->gsid }}</td>
                                            <td>{{ $group->group->groupName->gname }}</td>
                                            <td>{{ Str::headline($groupScheduleObject->getDayString($group->gsday))}}</td>
                                            <td>{{date('h:i A', strtotime( $group->gsfrom))}}</td>
                                            <td>{{date('h:i A', strtotime( $group->gsto))}}</td>
                                            <td>{{$group->classname}}</td>
                                            <td>
                                            {{-- @if ($meetings->where('gsid',$group->gsid)->first())
                                            --}}
                                            <form method="GET" action="{{ route('editMeeting.groupschedule', $group->gsid) }}" id="{{$group->gsid}}">

                                            <button href="javascript:void(0)"  class="btn btn-primary btn-sm waves-effect waves-light "
                                            data-bs-toggle="tooltip" data-bs-original-title="Generate"
                                            title='Generate' >
                                            Create/Manage Classes
                                </button>
                                            {{-- @else
                                            <form method="POST" action="{{ route('groupSchedule.meeting.generate') }}" id="{{$group->gsid}}">
                                                @csrf
                                            <input type="hidden" value="{{$group->gsid}}" name="gsid">
                                            <button href="javascript:void(0)"  class="btn btn-primary btn-sm waves-effect waves-light "
                                            data-bs-toggle="tooltip" data-bs-original-title="Generate"
                                            title='Generate' >
                                            Generate
                                </button>
                                            @endif   --}}

                                                </form>

                                            </td>
                                            <td style="text-align: center;">
                                                @if ($group->is_deleted)
                                                    <label color="red">Inactive</label>
                                                @else


                                                <div data-bs-toggle="tooltip" data-bs-original-title="Edit">
                                                    <button type="button"
                                                        value="{{$group->gsid}}"
                                                        class="modal-effect btn btn-outline-light btn-sm waves-effect waves-light edit-group-schedule"
                                                        data-bs-effect="effect-sign" data-bs-toggle="modal" data-bs-original-title="Edit" data-bs-target="#edit">
                                                        <i class="fa fa-edit fs-16"></i>
                                                    </button>
                                                </div>
                                                <a href="javascript:void(0)" onClick="confirmDelete(event,{{$group->gsid}})" 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('groupSchedule.delete', $group->gsid) }}" id="delete-form-{{$group->gsid}}">
                                                        @csrf
                                                        <input name="_method" type="hidden" value="DELETE">
                                                    </form>
                                                </a>
                                                @endif
                                            </td>

                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Edit Group Equality --}}
        <div class="row" style="display: none">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit Group Equality</h3>
                    </div>
                    <div class="card-body">
                        <form action="{{route('groupSchedule.storeGroupEquality')}}" method="post">
                            @csrf
                           <div class="row">
                               <input type="hidden" name="gid" value="{{$gid}}">
                               <input type="hidden" name="coffid" value="{{$coffid}}">
                                <div class="form-group col-6">
                                    <label class="form-label mt-2" for="gequalto">Equal To </label>
                                    <select id="gequalto" name="gequalto" class="form-control select2">
                                        @foreach ($groupName as $item)
                                            <option value="{{$item->gid}}">{{$item->groupName->gname}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-4 mt-6">
                                  <input type="submit" value="Add Equality" class="btn btn-primary">
                                </div>
                           </div>
                        </form>

                        <div class="table-responsive">
                            <table
                                class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <thead>
                                    <tr>
                                        <th style="text-align: center;display: table-cell; vertical-align: middle">
                                            group name</th>
                                        {{-- <th></th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($equalGroups as $group)
                                        <tr class="text-center">

                                            <td>{{ $group->groupName->gname }}</td>

                                            {{-- <td style="text-align: center;">
                                                <div data-bs-toggle="tooltip" data-bs-original-title="Edit">
                                                    <button type="button"
                                                        value="{{$group->gsid}}"
                                                        class="modal-effect btn btn-outline-light btn-sm waves-effect waves-light edit-group-schedule"
                                                        data-bs-effect="effect-sign" data-bs-toggle="modal" data-bs-original-title="Edit" data-bs-target="#edit">
                                                        <i class="fa fa-edit fs-16"></i>
                                                    </button>
                                                </div>
                                                <a href="javascript:void(0)" onClick="confirmDelete(event,{{$group->gsid}})" 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('groupSchedule.delete', $group->gsid) }}" id="delete-form-{{$group->gsid}}">
                                                        @csrf
                                                        <input name="_method" type="hidden" value="DELETE">
                                                    </form>
                                                </a>

                                            </td> --}}

                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Edit Group Schedule Modal --}}
<div class="modal fade" id="edit" 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">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">
                {{-- <h6 style="text-align: center">New Group for Course Name</h6> --}}
                <form method="POST" action="" class="form-horizontal"
                  id="group_form_update"  enctype="multipart/form-data">
                    @csrf

                    <div class="form-group">
                        <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 disabled name="gsday" placeholder="Day"
                                                    class="form-control select2" id="gsday" 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" id="gsfrom" name="gsfrom" placeholder="From"
                                                    class="form-control" required />
                                            </td>
                                            <td><input type="time" id="gsto" name="gsto" placeholder="To"
                                                    class="form-control" required />
                                            </td>
                                            <td>
                                                <select name="classname" id="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-primary">Save</button>
            </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('admin-js')
<script>
$(document).ready(function(){
        // Get Record data using it's id
        jQuery('body').on('click', '.edit-group-schedule', function () {
            var group_id = $(this).val();
            $.get('groupschedule/getGroupSchedule/' + group_id, function (data) {
                jQuery('#gsday').val(data.gsday).change();
                jQuery('#gsfrom').val(data.gsfrom);
                jQuery('#gsto').val(data.gsto);
                jQuery('#gsid').val(group_id);
                
              
                jQuery('#group_form_update').attr('action','groupschedule/update/' + group_id)
                console.log(data)
            })
        });

	})
</script>
@endsection