@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 id="page-title">Nominee Detail Report</h1>
                </div>
                {{-- <div class="col-md-6">
                    <p id="selectTriggerFilter"><label><b>Select DDO/Office:</b></label> </p>
                </div> --}}
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            {{-- Country List --}}
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        {{-- <div class="card-header">
                        </div> --}}
                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="emplaoyeeTable" class="table table-bordered table-striped table-sm">
                                <thead>
                                    <tr>
                                        <th>S.No.</th>
                                        <th>Emp. Code</th>
                                        <th>Emp. Name</th>
                                        <th>Nomineee</th>
                                        <th>Relation</th>
                                        <th>DOB &amp; Age</th>
                                        <th>Adhar No.</th>
                                        <th>Type</th>
                                        <th>Category</th>
                                        <th>Share(%)</th>
                                        <th>Phone</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($EmployeeNomineeList as $NomineeDetail)
                                    <tr>
                                        
                                            <td>{{ $loop->iteration }}</td>
                                            <td><a href="{{ url('view-employee', $NomineeDetail->EmployeeId) }}" target="_blank" rel="noopener noreferrer">{{ $NomineeDetail->EmployeeCode }}</a></td>
                                            <td>{{ $NomineeDetail->EmployeeName }}</td>
                                            <td>{{ $NomineeDetail->NomineeName }}</td>
                                            <td>{{ $NomineeDetail->EmployeeRelation }}</td>
                                            <td>{{ date('d-M-Y', strtotime($NomineeDetail->NomineeDOB)) }} ({{ $NomineeDetail->NomineeAge }} yr.)</td>
                                            <td>{{ $NomineeDetail->NomineeUID }}</td>
                                            <td>{{ $NomineeDetail->NomineeType }}</td>
                                            <td>{{ $NomineeDetail->NominationCategory }}</td>
                                            <td>{{ $NomineeDetail->NomineeShare }}</td>
                                            <td>
                                                @if ($NomineeDetail->NomineeContactNumber)
                                                {{ $NomineeDetail->NomineeContactNumber }}    
                                                @else
                                                    --
                                                @endif
                                            </td>
                                            <td>
                                                @if ($NomineeDetail->Status == '1')
                                                    <span class="badge badge-success">Active</span>
                                                @else
                                                    <span class="badge badge-danger">In-Active</span>
                                                @endif
                                            </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                    </form>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>

{{-- JS Start Here --}}
{{-- <script>
    $(function() {
            $("#emplaoyeeTable").DataTable({
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                "lengthMenu": [10, 20, 50, 100, 250, 500],
                "buttons": ["csv", "excel", "pdf", "print", "colvis"],

            }).buttons().container().appendTo('#emplaoyeeTable_wrapper .col-md-6:eq(0)');
        });

        
</script> --}}

<script>
    $(function() {
        $("#emplaoyeeTable").DataTable({
            "responsive": true,
            "lengthChange": true,
            "autoWidth": false,
            "lengthMenu": [10, 20, 50, 100, 250, 500],
            "columnDefs": [{ "orderable": false, "targets": 0 }],
            // "initComplete": function() {
            //     var column = this.api().column(1);
            //     var select = $(
            //             '<select class="filter form-control-sm select2" style="width: 50%;"><option value="">All Office</option></select>'
            //             )
            //         .appendTo('#selectTriggerFilter')
            //         .on('change', function() {
            //             var val = $(this).val();
            //             column.search(val ? '^' + $(this).val() + '$' : val, true, false)
            //         .draw();
            //         });
            //     column.data().unique().sort().each(function(d, j) {
            //         select.append('<option value="' + d + '">' + d + '</option>');
            //     });
            // }
            "buttons": ["csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#emplaoyeeTable_wrapper .col-md-6:eq(0)');
    });
</script>
<!-- /.content-wrapper -->
@endsection