@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- END: Page CSS-->
    
@endpush 

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Leave Rules</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ '/home' }}">Home</a>
                    </li>
                    <li class="breadcrumb-item active">Leave Rules
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-datatable">
                        <div class="card-header border-bottom p-1">
                            <div class="head-label">
                                
                            </div>
                            <div class="dt-action-buttons text-end">
                                <div class="dt-buttons d-inline-flex"> 
                                    <div class="form-label-group me-2">
                                        <form>
                                            <input type="text" name="search" placeholder="Search by rule name" id="search" class="form-control" value="{{$search}}"> 
                                        </form>
                                    </div>
                                    <a class="dt-a buttons-collection btn btn-outline-info me-2" href="{{ '/leave-rules/pdf' }}{{ Request::getQueryString() ? "?".Request::getQueryString():'' }}" >
                                        <span><i class="font-small-4 me-50" data-feather="share"></i>{{trans('common/common.export')}}</span>
                                    </a> 
                                   
                                </div>
                            </div>
                            
                        </div>
                        <table class="dt-column-search table" id="dataTable" data-url="">
                        <thead>
                                <th>id</th>
                                <th>Rule Name</th>
                                <th>Leave Type</th>
                                <th>status</th>
                                {{-- <th>Created By</th> --}}
                                <th>Created Date and Time</th>
                                <th>{{trans('common/common.actions')}}</th>
                            </thead>
                            <tbody>
                                @if(count($leaveRules) > 0)
                                    @foreach($leaveRules as $key => $leaveRule)
                                    <tr class="even">
                                        <td class="sorting_1">{{ $key+1 }}</td>
                                        <td class="fw-bolder text-dark">{{ $leaveRule->rule_name ? $leaveRule->rule_name : '' }}</td>
                                        <td>{{ isset($leaveRule->leaveType->name) ? ucfirst($leaveRule->leaveType->name) : '' }}</td>
                                        
                                        <td>
                                            @if ($leaveRule->status == 'active')
                                            <span class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($leaveRule->status) }}</span>
                                            @elseif($leaveRule->status == 'inactive')
                                            <span class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($leaveRule->status) }}</span>
                                            @endif
                                        </td>
                                        {{-- <td>
                                            @if($leaveRule->created_by_type == 'employee')
                                                {{ isset($leaveRule->createdByEmployee->name) ? $leaveRule->createdByEmployee->name : '' }}
                                            @else
                                                {{ isset($leaveRule->createdBy->name) ? $leaveRule->createdBy->name : '' }}
                                            @endif
                                        </td> --}}
                                        <td>{{ $leaveRule->created_at ? date('d/m/Y H:i:s', strtotime($leaveRule->created_at)) : '' }}</td>

                                        <td> 
                                            <div class="mb-1">
                                                <a class="pe-1 dropdown-toggle hide-arrow text-primary" data-bs-toggle="dropdown">
                                                    <i data-feather="more-vertical" class="font-small-4"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end">
                                                    <a class="dropdown-item" href="{{ '/leave-rule-edit/'.$leaveRule->id }}"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.edit') }}</span></a>

                                                    {{-- <a class="dropdown-item sa-params" href="javascript:;"  data-url="leave-rules/{{ $leaveRule->id }}/delete" data-request="remove" ><i data-feather="trash" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.delete') }}</span></a> --}}

                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                        
                        @if(count($leaveRules) == 0)
                            <div><center>No record(s) found!</center></div>
                        @endif

                        <div class="d-flex justify-content-between mx-0 row">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_info" id="organization_info" role="status" aria-live="polite">Showing {{($leaveRules->currentpage()-1)*$leaveRules->perpage()+1}}
                                    to {{(($leaveRules->currentpage()-1)*$leaveRules->perpage())+$leaveRules->count()}}
                                    of {{$leaveRules->total()}} entries</div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                {{$leaveRules->appends(request()->except('page'))->links('partials.pagination')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Column Search -->

    <div class="modal fade" id="addaccess" tabindex="-1" aria-labelledby="shareProjectTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div id="page-modal-render">
                    {{-- render dynamic pages modal here --}}
                </div>


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


@endsection 
@push('footer-script') 
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
    
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- END: Page JS-->
    
    <script>
        $("#search").change(function() {
            this.form.submit();
        });

        function setAccess(rule_id) {
            $('#page-modal-render').html('');
            $_token = "{{ csrf_token() }}";
            $.ajax({
                headers: {
                    'X-CSRF-Token': $('meta[name=_token]').attr('content')
                },
                url: "{{ route('rule-allocation.render-page') }}",
                type: 'POST',
                cache: false,
                data: {
                    '_token': $_token,
                    'rule_id': rule_id,
                },
                datatype: 'html',
                success: function(data) {
                    $('#loader-status').html('');
                    $('#page-modal-render').html(data.data);
                }
            });
        }
       
    </script>
@endpush