@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Meeing Title</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">Insert Meeing Title</h3>
                    </div>

                    <div class="card-body">

                        <form method="POST" action="{{route('teacher.zoommeeting')}}" class="form-horizontal">
                            @csrf
                            <input type="hidden" name="coffid" value="{{$request->coffid}}">

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="mtitle">Meeting Title</label>
                                    </div>
                                    <div class="col-md-9">

                                        <input type="text" class="form-control" name="mtitle"
                                            id="mtitle"></input>
                                    </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">Save & Join</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Academic Year Sessions List</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;">Id</th>
                                        <th style="text-align: center;">Education System</th>
                                        <th style="text-align: center;">Board</th>
                                        <th style="text-align: center;">Session</th>
                                        <th style="text-align: center;">Name</th>
                                        <th style="text-align: center;">Status</th>
                                        <th style="text-align: center;">Year</th>
                                        <th style="text-align: center;">Start Date</th>
                                        <th style="text-align: center;">End Date</th>

                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($academicyearsessions as $acys )
                                    <tr>
                                        <td>{{$acys->acysid}}</td>
                                        <td>{{$educationSystems->firstWhere('esid',$sessions->firstWhere('sid',$acys->sid)->esid)->esname}}
                                        </td>
                                        <td>{{$boards->firstWhere('bid',$sessions->firstWhere('sid',$acys->sid)->bid)->bname}}
                                        </td>
                                        <td>{{$sessions->firstWhere('sid',$acys->sid)->sname}}</td>

                                        <td>{{$acys->acyname}}</td>

                                        @if ($acys->is_current)
                                        <td>Current</td>
                                        @elseif ($acys->is_next)
                                        <td>Next</td>
                                        @else
                                        <td>Finished</td>
                                        @endif
                                        <td>{{$acys->year}}</td>
                                        <td>{{$acys->acystartdate}}</td>

                                        <td>{{$acys->acyenddate}}</td>

                                        <td style="text-align: center;">
										<button type="button" value="{{$acys->acysid}}"
                                                    class="modal-effect btn btn-outline-light btn-sm waves-effect waves-light edit"
                                                    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>
                                        <a href="javascript:void(0)" onClick="confirmDelete(event,{{$acys->acysid}})" 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('academicyearsessions.destroy', $acys->acysid) }}" id="delete-form-{{$acys->acysid}}">
                                                @csrf
                                                <input name="_method" type="hidden" value="DELETE">

                                            </form>
                                        </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Edit form modal -->
<div class="modal  fade effect-sign show" 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" id="example-Modal3">Edit</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="" id="academic_year_sessionform" name="AcademicYearSessionform"
                    enctype="multipart/form-data">
                    @csrf
					<div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="session_name_update">Session <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">

                                        <select id="session_name_update" name="sid" class="form-control select2-show-search" required>
                                            @foreach ($sessions as $item)

                                            <option value="{{$item->sid}}">
                                                {{$educationSystems->firstWhere('esid',$item->esid)->esname.'-'.	$boards->firstWhere('bid',$item->bid)->bname .'-'.$item->sname}}

                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2">Status <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9" >
                                        <div class="form-check form-check-inline pt-2">
                                            <input class="form-check-input" type="radio" name="status" id="is_current_update"
                                               value="1">
                                            <label class="form-check-label" for="is_current_update">Current</label>
                                        </div>
                                        <div class="form-check form-check-inline pt-2">
                                            <input class="form-check-input" type="radio" name="status" id="is_next_update"
											value="2" >
                                            <label class="form-check-label" for="is_next_update">Next</label>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="session_year_update">Year <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <select id="session_year_update" name="year" class="form-control select2-show-search" required>

                                            @foreach(range(date('Y')-1, date('Y')+1) as $y)


                                            <option value="{{$y}}">{{$y}}</option>


                                            @endforeach





                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="session_start_date_update">Start Date <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">

                                        <input type="date" class="form-control" name="acystartdate"
                                            id="session_start_date_update"></input>

                                    </div>
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="session_end_date_update">End Date</label>
                                    </div>
                                    <div class="col-md-9">

                                        <input type="date" class="form-control" name="acyenddate"
                                            id="session_end_date_update"></input>
                                    </div>
                                </div>
                            </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" id="submit" class="btn btn-primary" value="">Submit</button>
                <input type="hidden" id="session_id" name="acys" value="0">
            </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', function () {
                    var session_id = $(this).val();
                    $.get('/staff/academicyearsessions/' + session_id, function (data) {
                        jQuery('#session_name_update').val(data.sid).change();
                        jQuery('#session_year_update').val(data.year).change();
                        if(data.is_current == 1){
                            jQuery('#is_current_update').attr("checked", "checked");
                        }else{
                            jQuery('#is_next_update').attr("checked", "checked");
                        }
                        jQuery('#session_start_date_update').val(data.acystartdate).change();
                        jQuery('#session_end_date_update').val(data.acyenddate).change();
                        jQuery('#submit').val("update");
                        jQuery('#academic_year_sessionform').attr('action', '/staff/academicyearsessions/' + session_id)
                    })
                });
	})

</script>
@endsection