@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">

        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card table-responsive">
                <div class="card-header">Training Schedule</div>
                <div class="card-body">
                    <div class='row'>
                        <div class='col-md-3'>
                            <label>Training</label>
                            <select class="form-control input-sm" name="training_id" id="TrainingId">
                                @foreach (App\Models\Payroll\Training\PayTraining::cursor() as $item)
                                    <option value={{ $item->id }}>{{ $item->title }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class='col-md-3'>
                            <label>Start Date</label>
                            <input type="date" name="start_date" id="StartDate" class="form-control input-sm" />
                        </div>
                        <div class='col-md-3'>
                            <label>End Date</label>
                            <input type="date" name="end_date" id="EndDate" class="form-control input-sm" />
                        </div>
                        <div class='col-md-3'>
                            <label>Person</label>
                            <input type="number" name="person" id="Person" class="form-control input-sm" />
                        </div>
                        <div class='col-md-3'>
                            <label>Organization</label>
                            <select name="org_id" id="OrgId" class="form-control input-sm">
                                @foreach (App\Models\Payroll\Training\PayOrganization::cursor() as $item)
                                    <option value={{ $item->id }}>{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class='col-md-3'>
                            <label>Department</label>
                            <select id="deptId" class="select2Class form-control input-sm" multiple="multiple">
                                @foreach (App\Models\Payroll\Settings\PayDepartments::cursor() as $item)
                                    <option value={{ $item->id }}>{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <h5 class="text-bold card-title text-center pt-3"></h5>
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Title</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                                <th>Hours</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody id="addrow">
                             <tr class="data_value">
                                <td>
                                    <input type="date" name="date" class="form-control date input-sm"
                                        id="date-{{ $i }}" />
                                </td>
                                <td>
                                    <input type="text" name="title" class="form-control title input-sm"
                                        id="title-{{ $i }}" />
                                </td>
                                <td>
                                    <input type="datetime-local" class="form-control starttime input-sm" name="start_time"
                                        id="starttime-{{ $i }}">
                                </td>
                                <td>
                                    <input type="datetime-local" onchange="calculate_hour({{ $i }})"
                                        class="form-control input-sm" name="end_time" id="endtime-{{ $i }}">
                                </td>
                                <td>
                                    <input type="number" class="form-control input-sm" readonly name="hours"
                                        id="total-hours-{{ $i }}" placeholder="Total Hours">
                                </td>
                                <td>
                                    <i class="fas fa-plus btn btn-success btn-sm"
                                        onclick="add_row({{ $i }})"></i>
                                </td>

                                </tr>
                                                        </tbody>

                    </table>
                    <div class="row">
                        <div class="col-md-12 text-center pt-3">
                            <button class="btn btn-success btn-sm" onclick="Store()">Submit</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.select2Class').select2();
        });

    </script>
    <script src="{{ asset('/') }}payroll_assets/training/training_schedule.js"></script>
@endsection