@php use App\Models\warehouse; @endphp
@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Staff List')
@push('css')
    <!-- Sweet Alert -->
    <link href="{{asset('assets/plugins/sweet-alert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css">
@endpush
@section('content')
    <style>


        .select2-selection__rendered {
            line-height: 31px !important;

        }

        .select2-container .select2-selection--single {
            height: 35px !important;

        }

        .select2-selection__arrow {
            height: 34px !important;

        }


    </style>




    <div class="card mt-3 mb-3">
        <div class="card-header">

            <div class="row">
                <div class="col-md-4 col-sm-4 col-4 col-xs-4 col-lg-4 col-xl-4">
                    <h5 class="mb-0 h6">{{__('All Active Employee')}}</h5>
                </div>
                <div class="col-md-8 col-sm-8 col-8 col-xs-8 col-lg-8 col-xl-8 float-right text-right">
                    <a href="{{ route('employee.export') }}" class="btn btn-circle btn-primary">
                        <span>{{__('Export')}}</span>
                    </a>
                    @can('User-create')
                        <a href="{{ route('staffs.create') }}" class="btn btn-circle btn-primary">
                            <span>{{__('Add New')}}</span>
                        </a>
                    @endcan
                </div>
            </div>
        </div>
        <div class="card-body">

            <form action="" method="get">

                <div class="row">

                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="staff_id" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Staff</option>
                                @foreach(\App\Models\Staff::with('user')->get() as $staff)
                                    <option value="{{$staff->id}}">
                                        {{$staff->user?->name ?? 'Unknown'}} ({{$staff->user?->id ?? 'N/A'}})
                                    </option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="year" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Year</option>
                                @for($i=2020;$i<=date('Y');$i++)
                                    <option value="{{$i}}">{{$i}}</option>
                                @endfor
                            </select>
                        </div>
                    </div>

                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="month" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Month</option>
                                @for($i=1;$i<=12;$i++)
                                    <option
                                        value="{{$i}}">{{date("F", mktime(0, 0, 0, $i, 1))}}</option>
                                @endfor
                            </select>
                        </div>

                    </div>

                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="department" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Department</option>
                                @foreach(\App\Models\Department::all() as $department)
                                    <option
                                        value="{{$department->id}}">{{$department->name}}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>

                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="designation" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Designation</option>
                                @foreach(\App\Models\Designation::all() as $designation)
                                    <option value="{{ $designation->id }}">{{ $designation->name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>

                    <div class="col-12 col-xs-12 col-sm-12 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <select name="branch" id="" class="select2 form-control mb-3 custom-select"
                                    style="width: 100%; height:40px;">
                                <option value="">Please Select Branch</option>
                                @foreach(\App\Models\warehouse::all() as $warehouse)
                                    <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary  float-right mb-2"><i
                                class="fas fa-filter"></i>&nbsp;{{__('Filter')}}
                        </button>
                    </div>
                </div>

            </form>
            <div class="row">
                <div class="col-12">
                    <table class="table table-responsive-lg mb-0">
                        <thead>
                        <tr>
                            {{--                    <th data-breakpoints="lg" width="2%">#</th>--}}
                            <th>Employee ID</th>
                            <th>{{__('Name')}}</th>
                            <th data-breakpoints="lg">{{__('Email')}}</th>
                            <th data-breakpoints="lg">{{__('Phone')}}</th>
                            <th data-breakpoints="lg">{{__('Staff Location')}}</th>
                            <th data-breakpoints="lg">{{__('Designation')}}</th>
                            <th class="text-center">{{__('Status')}}</th>
                            <th class="text-center" width="20%">{{__('Options')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($staffs as $key => $staff)
                            @if($staff->user != null && $staff->user->is_active!=0)
                                <tr>
                                    {{--                            <td>{{ ($key+1) + ($staffs->currentPage() - 1)*$staffs->perPage() }}</td>--}}
                                    <td>{{$staff->user->id}}</td>
                                    <td>{{$staff->user->name}}</td>
                                    <td>{{$staff->user->email}}</td>
                                    <td>{{$staff->user->phone}}</td>
                                    <td>{{!empty($staff->warehouse)?$staff->warehouse->name:''}}</td>
                                    <td>
                                        @if ($staff->designation != null)
                                            {{ $staff->designation->name }}
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if($staff->user_id!=auth()->user()->id)
                                            @can('User-approve')
                                                <label class="toggle-control">
                                                    <input onchange="updateSettings(this, {{$staff->user->id}})"
                                                           value=""
                                                           type="checkbox" <br />
<b>Warning</b>:  Undefined variable $staff in <b>/home/easyhr/public_html/psks.easyhr.us/resources/views/admin/staff/index.blade.php</b> on line <b>182</b><br />
<br />
<b>Warning</b>:  Attempt to read property "user" on null in <b>/home/easyhr/public_html/psks.easyhr.us/resources/views/admin/staff/index.blade.php</b> on line <b>182</b><br />
<br />
<b>Warning</b>:  Attempt to read property "is_active" on null in <b>/home/easyhr/public_html/psks.easyhr.us/resources/views/admin/staff/index.blade.php</b> on line <b>182</b><br />
>
                                                    <span class="control"></span>
                                                </label>
                                            @endcan
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @can('User-edit')
                                            <a class="btn btn-primary btn-icon btn-circle btn-sm"
                                               href="{{route('staffs.edit', encrypt($staff->id))}}"
                                               title="{{ __('Edit') }}">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        @endcan
                                        {{--                                @can('User-delete')--}}
                                        {{--                                    <a href="#" class="btn btn-danger btn-icon btn-circle btn-sm confirm-delete"--}}
                                        {{--                                       data-href="{{route('staffs.destroy', $staff->id)}}" title="{{ __('Delete') }}">--}}
                                        {{--                                        <i class="fas fa-trash"></i>--}}
                                        {{--                                    </a>--}}
                                        {{--                                @endcan--}}
                                        @can('User-list')

                                            <a class="btn btn-success btn-icon btn-circle btn-sm"
                                               href="{{route('staffs.show',$staff->id)}}"><i class="fas fa-eye"></i></a>
                                        @endcan
                                        @can('User-list')
                                            <a class="btn btn-dark btn-icon btn-circle btn-sm"
                                               href="{{ route('admin.staffs.history', $staff->id) }}"
                                               title="Employee History">
                                                <i class="fas fa-history"></i>
                                            </a>
                                        @endcan
                                        <a target="_blank" class="btn btn-gradient-primary btn-icon btn-circle btn-sm"
                                           href="{{route('ID.Card.view',$staff->id)}}"><i class="fas fa-id-card"
                                                                                          title="ID Card"></i></a>
                                        <a target="_blank" class="btn btn-gradient-info btn-icon btn-circle btn-sm"
                                           href="{{route('visiting.Card.view',$staff->id)}}"><i
                                                class="fas fa-address-card"
                                                title="Visiting Card"></i></a>
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                        </tbody>
                    </table>
                    <div class="aiz-pagination">
                        {{ $staffs->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection
@section('script')
    <!-- Sweet-Alert  -->
    <script src="{{asset('assets/plugins/sweet-alert2/sweetalert2.min.js')}}"></script>
    <script !src="">
        function updateSettings(el, user_id) {
            if ($(el).is(':checked')) {
                var value = 1;
            } else {
                var value = 0;
            }

            $.post('{{ route('user.active.deactivate') }}', {
                _token: '{{ csrf_token() }}',
                user_id: user_id,
                value: value
            }, function (data) {
                if (data === '1') {
                    swal({
                        title: 'User updated successfully',
                        text: 'I will close in 2 seconds.',
                        type: 'success',
                        timer: 2000,

                    }).then(
                        function () {
                        },
                        // handling the promise rejection
                        function (dismiss) {
                            if (dismiss === 'timer') {
                                console.log('I was closed by the timer')
                            }
                        }
                    )

                } else {
                    swal({
                        title: 'Something went wrong',
                        text: 'I will close in 2 seconds.',
                        type: 'warning',
                        timer: 2000
                    }).then(
                        function () {
                        },
                        // handling the promise rejection
                        function (dismiss) {
                            if (dismiss === 'timer') {
                                console.log('I was closed by the timer')
                            }
                        }
                    )
                }
            });
        }
    </script>

@endsection