{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
{{$page_title}}
@endsection

{{-- Content --}}
@section('content')
<!--begin::Card-->
<form class="form" method="post" action="{{$action}}" id="manage_form" enctype="multipart/form-data" autocomplete="off">
    @if(!empty($meetingData['id']))
    @method('PUT')
    @endif
    @csrf
    <div class="">
        <!--begin::Card body-->
        <div class="card-body">

            <div class="tab-content">
               
                <div class="tab-pane show active" id="kt_user_edit_tab_2" role="tabpanel">
                    @include('backend.roster_add_hours.description')
                    <!-- include('backend.training.module.marks') --> 
                </div>
                

                <!--begin::Tab-->
                <!--div class="tab-pane show active px-7" id="kt_user_edit_tab_1" role="tabpanel">
                    
                </div-->
                <!--end::Tab-->
            </div>
        </div>
        <!--begin::Card body-->
        <div class="card-footer text-right">
            <button type="button" id="saveForm" class="btn btn-primary me-2 btn-hover-rise">Submit</button>
            <a href="{{route('roster_add_hours.index')}}"><button type="button" class="btn btn-secondary btn-hover-rise">Cancel</button></a>
        </div>
    </div>
    <!--end::Card-->
</form>

<div class="modal fade" id="staffTiming" tabindex="-1" role="dialog" aria-labelledby="staffTimingTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Staff Allocated Timings</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">
                <div class="row">
                    <div class="col-md-12">
                        <table class="table table-bordered" id="staff_time_tbl">
                            <thead>
                                <th>Date</th>
                                <th>Staff Name</th>
                                <th>Shift</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                                <th>ParticipantName</th>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="popup-save-btn" onclick="submitSave()">Continue and Save</button>
                <button type="button" class="btn btn-secondary btn-hover-rise" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endsection