@extends('admin.layout.master')
@section('content')
@section('custom_style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
@endsection

<div class="card">
    <div class="card-header d-flex">
        <div class="col-6 pl-0">{{__('obs.manual')}} {{__('obs.ot')}} {{__('obs.history')}}</div>
    </div>
    <div class="card-body">
        @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block text-center mt-2">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
        @endif


        <form id="filterform" class="d-flex flex-wrap" action="{{route('payroll.hrm.manual_ot.index')}}" method="GET">
            <input type="hidden" name="filter" value="1">
           
            <div class="col-12 col-md-2 mb-3 px-1">
                <label for="">{{__('obs.name')}}/{{__('obs.code')}}</label>
                <select id="emp_code" class="form-control name_code_live_search" name="emp_code">
                </select>
            </div>
            <div class="col-12 col-md-2 mb-3 px-1">
                <label for="">{{__('obs.department')}}</label>
                <select name="emp_department" id="emp_department" class="form-control input-sm">
                    <option value="0">--Select--</option>
                    @if(!empty($department_lists))
                        @foreach($department_lists as $depart_val)
                            <option value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>

            {{-- <div class="col-12 col-md-2 mb-3 px-1">
                <label for="">{{__('obs.designation')}}</label>
                <select name="emp_designation" id="emp_designation" class="form-control select_2">
                    <option value="0">--Select--</option>
                    @if(!empty($designation_lists))
                        @foreach($designation_lists as $val)
                            <option value="{{$val->id}}">{{$val->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div> --}}
            <div class="col-12 col-md-2 mb-3 px-1">
                <label>{{__('obs.station')}}</label>
                <select class="form-control input-sm station_live_search" name="station" id="station">
                </select>
            </div>
           

            <div class='col-md-1'>
                <div class="form-group">
                    <label>{{__('obs.month')}}</label>
                    <input type="text" class="form-control datepicker_month" name="month">
                </div>
            </div>

            <div class="col-12 col-md-1 mb-3 px-1">
                <label for="">{{__('obs.status')}}</label>
                <select readonly id="approve_status" class="js-example-basic-single form-control" name="approve_status">
                    <option value="">{{__('obs.all')}}</option>
                    <option value="1">{{__('obs.pending')}}</option>
                    <option value="2">{{__('obs.approve')}}</option>
                    <option value="3">{{__('obs.rejected')}}</option>
                    <option value="4">{{__('obs.inactive')}}</option>
                </select>
            </div>
            <div class="col-12 col-md-1 mb-3 px-1">
                <button type="submit" class="btn btn-primary mt-4">{{__('obs.filter')}}</button>
            </div>
            <div class="col-12 col-md-1 mb-3 px-1">
                <button class="empty btn  btn-warning mt-4" type="button">{{__('obs.reset')}}</button>
            </div>
        </form>

        <table class="table table-hover table-bordered mt-3">
            <thead class="thead-dark">
            <tr>
                <th>{{__('obs.emp')}} {{__('obs.name')}}</th>
                <th>{{__('obs.emp')}} {{__('obs.code')}}</th>
                <th>{{__('obs.designation')}}</th>
                <th>{{__('obs.dept.')}}</th>
                <th>{{__('obs.month')}}</th>
                <th>{{__('obs.ot')}} {{__('obs.hour')}}</th>
                <th>{{__('obs.hour')}} {{__('obs.amount')}}</th>
                <th>{{__('obs.ot')}} {{__('obs.day')}}</th>
                <th>{{__('obs.day')}} {{__('obs.amount')}}</th>
                <th>{{__('obs.status')}}</th>
                <th>{{__('obs.action')}}</th>
            </tr>
            </thead>
            <tbody>
            @if(!empty($manual_ot))
                @foreach ($manual_ot as $val)
                    <tr>
                        <td>{{$val->get_emp_info->emp_name}}</td>
                        <td>{{$val->get_emp_info->emp_code}}</td>
                        <td>{{$val->get_emp_info->fetch_designation->name}}</td>
                        <td>{{$val->get_emp_info->fetch_department->name}}</td>
                        <td>{{$val->month}}</td>
                        <td>{{$val->ot_hour}}</td>
                        <td>{{$val->ot_hour_amount}}</td>
                        <td>{{$val->ot_day}}</td>
                        <td>{{$val->ot_day_amount}}</td>
                        <td>
                        <span class="{{
                                    $val->approve_status == 2 ? 'badge badge-success' :
                                    ($val->approve_status == 1 ? 'badge badge-warning' :
                                    ($val->approve_status == 3 ? 'badge badge-danger' :
                                    ($val->approve_status == 4 ? 'badge badge-primary' : 'badge badge-secondary'
                                    ) ))}}

                            px-2 py-1">
                                {{
                                    $val->approve_status == 2 ? 'Active' :
                                    ($val->approve_status == 1 ? 'Pending' :
                                    ($val->approve_status == 3 ? 'Rejected' :
                                    ($val->approve_status == 4 ? 'InActive' : '')))}}
                        </span>
                        </td>
                        <td>
                            <div class="d-flex">
                               
                                @if ($val->approve_status == 1)
                                    <a href="{{route('payroll.hrm.manual_ot.edit',['id'=>$val->id])}}" class="btn btn-primary mr-1"><i class="fadeIn animated bx bx-edit-alt"></i></a>
                                @endif

                                @if ($val->approve_status == 1 && $val->approve_status != 2)
                                    <button title="OT InActive" type="button" data-toggle="tooltip"
                                            data-placement="top" class="btn btn-warning mr-1"
                                            onclick="inactive({{$val->id}})">
                                        <i class='bx bx-pause'></i></button>
                                @endif
                                @if ($val->approve_status == 4 && $val->approve_status != 2)
                                    <button title="OT Re-active" type="button" data-toggle="tooltip"
                                            data-placement="top" class="btn btn-success mr-1"
                                            onclick="reactive({{$val->id}})">
                                        <i class='bx bx-play'></i></button>
                                @endif
                                @if ($val->approve_status == 1)
                                    <button title="Approve OT" type="button" data-toggle="tooltip"
                                            data-placement="top" class="btn btn-success mr-1"
                                            onclick="approve({{$val->id}})">
                                        <i class='bx bx-check-double'></i></button>
                                @endif
                                @if ($val->approve_status == 1 && $val->approve_status != 2)
                                    <button title="Reject OT" type="button" data-toggle="tooltip"
                                            data-placement="top" class="btn btn-danger mr-1"
                                            onclick="reject({{$val->id}})">
                                        <i class='bx bx-x'></i></button>
                                @endif
                            </div>
                        </td>
                    </tr>
                @endforeach
            @endif
            </tbody>
        </table>
        <div class="d-flex justify-content-end mr-4 mt-2">
        @if(!empty($manual_ot))
            {{ $manual_ot->appends(request()->query())->links("pagination::bootstrap-4")}}
        @endif
    </div>
    </div>
</div>

@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
<script>
        $(document).ready(function () {
            $('.select_2').select2();
        });
    // Transfer approve start
    function approve(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this OT will on approve state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Approve',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.manual_ot.update_status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer approve end

        function reactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this OT will on Re-active state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Re-active',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.manual_ot.update_status') }}/' + id + '/' + 2;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        //transfer approve end

        // transfer reject start
        function reject(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click reject then this OT will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Reject',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.manual_ot.update_status') }}/' + id + '/' + 3;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Transfer reject end

        // Transfer InActive start
        function inactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click inactive then this OT will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'InActive',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.hrm.manual_ot.update_status') }}/' + id + '/' + 4;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }
</script>

@endsection