@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Attendance Setup')
@section('content')

    <div class="row">
        <div class="col-md-12 col-lg-10 mx-auto mb-3 mt-3">

            <div class="card">
                <div class="card-header gutters-10">
                    <div class="row">
                        <div class="col-md-6 col-8">
                            <h5>Attendance Setup</h5>
                        </div>
                        <div class="col-md-6 col-4 text-right">
                            @can('Attendance-setup')
                                <button class="btn btn-primary" onclick="attendence_setup_add()"><i
                                        class="las la-plus"></i>&nbsp;Add New
                                </button>
                            @endcan
                        </div>
                    </div>

                </div>

                <div class="card-body">
                    <table class="table table-responsive-lg">
                        <thead>
                        <tr>
                            <th>Shift Name</th>
                            <th>SignIn Time</th>
                            <th>SignOut Time</th>
                            <th>Delay Time</th>
                            <th>Extra Delay Time</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($attendance_setups as $attendance_setup)
                            <tr>
                                <td>
                                    <input class="form-control" type="text" name="" id=""
                                           value="{{$attendance_setup->shift_name}}" readonly>
                                </td>
                                <td>
                                    <input type="hidden" name="id" id="" value="{{$attendance_setup->id}}">
                                    <input class="form-control" type="time" name="" id=""
                                           value="{{$attendance_setup->signIn}}" readonly>
                                </td>
                                <td>
                                    <input class="form-control" type="time" name="" id=""
                                           value="{{$attendance_setup->signOut}}" readonly>
                                </td>
                                <td>
                                    <input class="form-control" type="time" name="" id=""
                                           value="{{$attendance_setup->lateTime}}" readonly>
                                </td>
                                <td>
                                    <input class="form-control" type="time" name="" id=""
                                           value="{{$attendance_setup->absentTime}}" readonly>
                                </td>
                                <td>
                                    <button class="btn btn-primary" type="button" name="" id=""
                                            onclick="attendance_setup_update({{$attendance_setup->id}},'{{$attendance_setup->shift_name}}','{{$attendance_setup->signIn}}','{{$attendance_setup->signOut}}','{{$attendance_setup->lateTime}}','{{$attendance_setup->absentTime}}')">
                                        <i class="fas fa-edit"></i>
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal')
    <div class="modal fade" id="Attendance_setup_modal">
        <form action="{{route('attendance.setup.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Attendance Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">Shift Name</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="shift" required>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">SignIn</label></td>
                                <td><input class="form-control" type="time" id="" value="" name="signin"></td>
                            </tr>
                            <tr>
                                <td><label for="">SignOut</label></td>
                                <td><input class="form-control" type="time" name="signout" id="" value=""
                                           required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Delay Time</label></td>
                                <td><input class="form-control" type="time" name="late" id="" value=""
                                           required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Extra Delay Time</label></td>
                                <td><input class="form-control" type="time" name="absent" id="" value=""
                                           required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="Attendance_setup_update_modal">
        <form action="{{route('attendance.setup.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Attendance Setup Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <input type="hidden" name="id" id="id">
                                <td><label for="">Shift Name</label></td>
                                <td><input class="form-control" type="text" id="shift" value="" name="shift" required>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">SignIn</label></td>
                                <td><input class="form-control" type="time" id="signin" value="" name="signin"></td>
                            </tr>
                            <tr>
                                <td><label for="">SignOut</label></td>
                                <td><input class="form-control" type="time" name="signout" id="signout" value=""
                                           required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Delay Time</label></td>
                                <td><input class="form-control" type="time" name="late" id="late" value=""
                                           required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Extra Delay Time</label></td>
                                <td><input class="form-control" type="time" name="absent" id="absent" value=""
                                           required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@section('script')
    <script !src="">

        function attendence_setup_add() {
            $('#Attendance_setup_modal').modal('show');
        }

        function attendance_setup_update(id, shift, signin, signout, delay, extra) {
            $('#id').val(id);
            $('#shift').val(shift);
            $('#signin').val(signin);
            $('#signout').val(signout);
            $('#late').val(delay);
            $('#absent').val(extra);
            $('#Attendance_setup_update_modal').modal('show');
        }


    </script>
@endsection