@extends('admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>Deactivate Accounts</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="table-2" style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th>First Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            <th>Date Created</th>
                                            <th>Date Deactivated</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($deactive as $deactives)
                                            <tr>
                                                <td>{{ $deactives->first_name }}</td>
                                                <td>{{ $deactives->last_name }}</td>
                                                <td>{{ $deactives->email }}</td>
                                                <td>
                                                    {{ \Carbon\Carbon::parse($deactives->in_date)->format('m/d/Y') }}
                                                </td>
                                                <td>
                                                    {{ \Carbon\Carbon::parse($deactives->deactive_date)->format('m/d/Y') }}
                                                </td>

                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="table-responsive">
                                <div id="tableExport_wrapper"
                                    class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                                    <table class="table table-striped table-hover dataTable no-footer" id="tableExport"
                                        style="width:100%;" role="grid" aria-describedby="tableExport_info">
                                        <thead>
                                            <tr role="row">
                                                
                                                <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Position: activate to sort column ascending"
                                                    style="width: 239.922px;">First Name</th>
                                                    
                                                <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Last Name</th>
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Email</th>
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Date Created</th>
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Date Deactivated</th>
                                                    
                                               
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @foreach ($deactive as $deactives)
                                            <tr>
                                                <td>{{$deactives->first_name}}</td>
                                                <td>{{$deactives->last_name}}</td>
                                                <td>{{$deactives->email}}</td>
                                                <td>
                                                    {{ \Carbon\Carbon::parse($deactives->in_date)->format('m/d/Y') }}
                                                </td>
                                                <td>
                                                    {{ \Carbon\Carbon::parse($deactives->deactive_date)->format('m/d/Y') }}
                                                </td>

                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                
                                 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
        </div>

    </section>

@endsection
@push('script')
<script>
    $(document).ready(function(){
        // alert()
        $("#table-2").dataTable({
            "aaSorting": [[ 0, "DESC" ]]
        });
    })
</script>
@endpush