@if(!empty(session()->get('locale')))

<div class="col-lg-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<div class="table-responsive" style="min-height:20em;">
<table class="table tablesorter" id="packageList">
<thead>
    <tr>
        
        <th style="text-align:center;" onclick="sortorderchange('group_name',sortorder)">{{ trans('language.group_name') }} <i class="fa fa-search"></i></th>
        <th onclick="sortorderchange('group_id',sortorder)">{{ trans('language.group_id') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('contact_person',sortorder)">{{ trans('language.ContractPersonName') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('contact_number',sortorder)">{{ trans('language.ContractPersonPhone') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('email_address',sortorder)">{{ trans('language.ContractPersonMail') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('is_active',sortorder)">{{ trans('language.status') }}</th>
        <th style="text-align:right;" id="no-sort">{{ trans('language.actions') }}</th>
    </tr>
</thead>
<tbody>
    @if($data->count() == 0)
        <tr>
            <td colspan="7"><center>{{trans('language.no_data_to_show')}}</center></td>
        <tr>
    @else
    @foreach($data as $d)
    <tr>
       
        <td onclick="loadDataToEdit(JSON.stringify({{$d}}))" style="text-align:center;">{{$d->group_name}}</td>
        <td>{{$d->group_id}}</td>
        <td style="text-align:center;">{{$d->contact_person}}</td>
        <td style="text-align:center;">{{$d->contact_number}}</td>
        <td style="text-align:center;">{{$d->email_address}}</td>
        <td style="text-align:center;">{{($d->is_active == 1)?trans('language.active'):trans('language.inactive')}}</td>
        <td style="text-align:right;"><div class='btn-group'>
            <button type='button' class='btn btn-outline-secondary dropdown-toggle drop-dots' data-toggle='dropdown' aria-expanded='false'><i class='ti-more-alt'></i></button>
            <div class='dropdown-menu' x-placement='bottom-start' style='position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 44px, 0px);'>
                <a class='dropdown-item locker_edit' onclick='loadDataToEdit(JSON.stringify({{$d}}))'><i class='ti-pencil'></i> {{ trans('language.edit') }}</a>
                <a class='dropdown-item locker_delt_id' onclick='confirmDelete({{$d->id}})' href='javascript:void(0)'><i class='ti-trash'></i> {{ trans('language.delete') }}</a>
                <a class='dropdown-item locker_edit' href="{{url('/')}}/assign_packages/{{$d->id}}"><i class='ti-pencil'></i> {{ trans('language.assign_packages') }}</a>
                <a class='dropdown-item locker_edit' href="{{url('/')}}/deassign_packages/{{$d->id}}"><i class='ti-pencil'></i> {{ trans('language.deassign_packages') }}</a>
                <a class='dropdown-item locker_edit' href="{{url('/')}}/update_package/{{$d->id}}"><i class='ti-pencil'></i> {{ trans('language.update_package') }}</a>
        </div></div></td>
    </tr>
    @endforeach
    @endif
</tbody>
</table>
</div>
<table class="table tablesorter">
    <tr><td colspan="7">{!! $data->links() !!}</td></tr>
</table> 
</div>
</div>            
</div>
@endif