@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title">  </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Batch Shift Assign</div>
                <div class="card-body">
                    <form action="{{route('payroll.hrm.roster.create')}}" method="GET">
                       
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Employee</label>

                                    <select class="form-control input-sm code_live_search" name="emp_code" id="emp_code"></select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Employee</label>

                                    <select id="emp_select" class="name_live_search form-control" name="employee_id">
                                        <option selected disabled value="">Select employee</option>
                                        @foreach ($employes as $e)
                                            <option value="{{$e->id}}">{{$e->emp_name}}-{{$e->emp_code}}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                            <div class='col-md-3 text-center mt-4'>
                                <button class="btn btn-primary btn-sm">Submit</button>
                            </div>
                        </div>
                    </form>

                    <form action="{{route('payroll.hrm.roster.store')}}" method="post">
                        @csrf
                    <table class="display table-bordered  table table-stripped mt-3" style="width: 100%">
                        <thead class="text-center">
                        <tr>
                           
                            <th style="width: 15%">Day</th>
                            <th style="width: 20%">Roster</th>
                            <th style="width: 15%">Department</th>
                            <th style="width: 15%">Action </th>
                        </tr>
                        </thead>
                        <tbody>
                            @php
                                $i=1;
                            @endphp
                            @foreach ( week_days() as $key=>$day)
                            <tr>
                                <td>
                                    <input type="text" class="form-control input-sm" id="weekday" name="weekday" value="{{$day}}">
                                </td>
                                <td>
                                    <select class="form-control input-sm" name="shift_id[{{$key}}][]" id="shift_id_{{$i}}">
                                        @if(!empty($shiftList))
                                            @foreach($shiftList as $shift_val)
                                                <option value="{{$shift_val->id}}">{{$shift_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </td>
                                <td>
                                    <select class='form-control input-sm' name="emp_department[{{$key}}][]" id="emp_department">
                                        <option value="0">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $dept_val)
                                                <option value="{{$dept_val->id}}">{{$dept_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-info btn-sm add_row" id="week_day_row_{{$key}}">Add</button>
                                </td>
                            </tr>
                           
                            @endforeach
                            
                        </tbody>
                    </table>
                    <div class='col-md-3 text-center mt-4'>
                        <button class="btn btn-primary btn-sm">Submit</button>
                    </div>
                </form>

                </div>

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

    <script>

//    $(this).closest("tr").after(newRow);

        $(document).ready(function(){
        $(".add_row").click(function(){
            alert('ok');
            console.log($(this).closest("tr"))
            // var newRow = $("<tr>");
            // var cols = "";
            // cols += '<td><input class="form-control input-sm" type="text" name="name"/></td>';
            // cols += '<td><input class="form-control input-sm"  type="text" name="price"/></td>';
            // cols += '<td><input type="button" class="ibtnAdd"  value="Add after"></td>';
            // cols += '<td><input type="button" class="ibtnDel"  value="Delete"></td>';
            // newRow.append(cols);
            // $(this).closest("tr").after(newRow);



            var $tr    = $(this).closest('tr');
            var $clone = $tr.clone();
            $tr.after($clone);
           
        });

    });
       
          
            
    </script>

@endsection