@extends('themes.backend.layouts.app')

@section('datetimeRangePicker') @endsection

@section('breadcrumb')
{{ Breadcrumbs::render('subscribeduser.index')  }} 
@endsection

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5>{{ __('subscribeduser.all_txt') }}</h5>
        <div class="c-f-btns">
          <div class="c-f-b-f">
            <!-- Filter -->
            <x-form.btn_filter /> 
            <!-- Reset -->
            <x-form.btn_reset />                            
          </div>
          <div class="c-f-b-r">
            @if($roleRights['add'])
              <!-- Add New -->
              <x-link_add_new url="{{ route('admin.subscribeduser.createmanual') }}" />
            @endif

            @if($roleRights['delete'])
            @if( count( $dataListModel ) > 0 )
            &nbsp;
            <!-- Multi Delete -->
            <x-form.btn_multi_delete />
            @endif  
            @endif
          </div>
        </div>
      </div>
      <div class="card-block">
       <!-- Show message. -->
       <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
       <div class="alert d-none" id="responseMessage"> <!-- message     -->  </div>
       
       <div class="dataTables_wrapper dt-bootstrap4 no-footer">
        <form id="filterForm" name="filterForm" method="get" action="{{ route('admin.subscribeduser.index') }}">
          <div class="row align-items-center">
           <div class="col-md-3">
            <div class="sw-entry">
             <label>
              {{ __('admin.sw_entry.show_txt') }} 
              <select name="ppage" aria-controls="example" class="form-control" onchange="form.submit();">
                @foreach($showEntryArr['value'] as $key => $option)
                <option value="{{ $option }}" {{ $option == $perPage ? 'selected' : '' }}>{{ $showEntryArr['text'][$key] }}</option>
                @endforeach
              </select>
              {{ __('admin.sw_entry.entries_txt') }} 
            </label>
          </div>
        </div>
        <div class="col-md-9">
          <div class="row f-right">
           <div class="col-md-6">
            <div class="sort-by">
             <label>
              {{ __('admin.sort_txt') }}
              <select name="sby" aria-controls="example" class="form-control" onchange="form.submit();">
               @foreach($sortbyArr as $key=>$sort)
               <option value="{{ $key }}" {{ $sortBy==$key?'selected':''}}>{{ $sort}}</option>
               @endforeach
             </select>
           </label>
         </div>
       </div>
       <div class="col-md-6">
        <div class="order-by">
         <label>
          {{ __('admin.order_txt') }}
          <select name="oby" aria-controls="example" class="form-control" onchange="form.submit();">
           @foreach($orderbyArr as $key => $orderby)
           <option value="{{ $key }}" {{ strtolower($orderBy) == $key ? 'selected' : '' }}>{{ $orderby }}</option>
           @endforeach
         </select>
       </label>
     </div>
   </div>
 </div>
</div>
</div>
</form>
</div>
<form id="listDataForm" name="listDataForm" method="post" action="{{ route('admin.deletesubscribeduser') }}">
  {{ csrf_field() }}
  <div class="table-responsive dt-responsive">
    <table class="table table-striped table-bordered nowrap">
      <thead>
        <tr>
          @if($roleRights['delete'])
          <th class="cc-w-35">
            <x-form.field.checkbox style="default" name="check_all" id="check_all" />
          </th>
          @endif
          <th class="cc-w-60">{{ __('admin.id_txt') }}</th>
          <th>{{ $sortbyArr['f_name'] }}</th>
          <th>{{ $sortbyArr['l_name'] }}</th>
          <th>{{ $sortbyArr['email'] }}</th>
          <th>{{ $sortbyArr['mobile'] }}</th>
          <th>Checklist</th>
          <th class="cc-w-150">{{ $sortbyArr['created_at'] }}</th>
          <th class="cc-w-35">{{ __('admin.action_txt') }}</th>
        </tr>
      </thead>
      <tbody>       
        <tr>
          @if($roleRights['delete'])
          <td></td>
          @endif
          <td>
            <x-form.field.text id="fid" name="fid" value="{{ $fltrDataArr['u_id'] ?? '' }}" />
          </td>
          <td>
            <x-form.field.text id="ffn" name="ffn" value="{{ $fltrDataArr['f_name'] ?? '' }}" />
          </td>
          <td>
            <x-form.field.text id="fln" name="fln" value="{{ $fltrDataArr['l_name'] ?? '' }}" />
          </td>
          <td>
            <x-form.field.text id="fem" name="fem" value="{{ $fltrDataArr['email'] ?? '' }}" />
          </td>
          <td>
            <x-form.field.text id="fmb" name="fmb" value="{{ $fltrDataArr['mobile'] ?? '' }}" />
          </td>
          <td></td>
          <td>
            <x-form.field.text id="fad" name="fad" value="{{ $fltrDataArr['created_at'] ?? '' }}" class="period" />
          </td>
          <td></td>
        </tr>  
        @if( count($dataListModel) > 0 )         
        @foreach( $dataListModel as $key => $record )
        <tr role="row" class="">
          @if($roleRights['delete'])
          <td class="sorting_{{$key}">
            <x-form.field.checkbox style="default" name="checkbox[]" value="{{ $record->u_id }}" fldclass="del-chkbx" />
          </td>
          @endif
          <td>{{ $record->u_id }}</td>
          <td>
            @if($roleRights['edit'])
            <x-link_tooltip url="{{ route('admin.subscribeduser.edit', $record->u_id) }}" title="{{ $listDataAtrArr['edit_txt'] }}">
            {{ $record->f_name }}
          </x-link_tooltip>
          @else
          {{ $record->f_name }}
          @endif
        </td>
        <td>{{ $record->l_name }}</td>
        <td>{{ $record->email }}</td>
        <td>{{ $record->mobile }}</td>
        <td>
          {{ $record->latestChecklist?->getStatusTitle() }}
        </td>
        <td>{{ date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->created_at)) }}</td>
        <td>
          {{-- 
            <x-link_tooltip url="{{ route('admin.subscribeduser.show', $record->u_id) }}" title="{{ $listDataAtrArr['view_txt'] }}" target="{{ $listDataAtrArr['target'] }}" class="f-20" placement="left">
            <i class="fa fa-eye"></i>
          </x-link_tooltip>
          --}}

          <div class="dropdown-primary dropdown open action_button">
                      <button class="btn btn-sm btn-primary dropdown-toggle waves-effect waves-light " type="button" id="dropdown-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Action</button>
                      <div class="dropdown-menu" aria-labelledby="dropdown-2" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">

                        @if($roleRights['edit'])
                        <x-link_tooltip url="{{ route('admin.subscribeduser.edit', $record->u_id) }}" title="View to {{ $listDataAtrArr['edit_txt'] }}" class="dropdown-item waves-light"><i class="icofont icofont-edit"></i>{{ $listDataAtrArr['edit_txt'] }}
                        </x-link_tooltip>
                        @endif

                      <x-link_tooltip url="{{ route('admin.subscribeduser.checklist.save', $record->u_id) }}" class="dropdown-item waves-light"><i class="fa fa-send-o"></i>Create & Send Checklist
                      </x-link_tooltip>

                        @if($roleRights['delete'])
                        <a href="javascript:void(0)" data-url="{{ route('admin.deletesubscribeduser') }}" data-id="{{ $record->u_id }}"
                          class="dropdown-item waves-light text-danger delete-data-ajax">
                          <i class="icofont icofont-trash"></i>{{ $listDataAtrArr['delete_txt'] }}
                        </a>
                        @endif
                      </div>
        </td>
      </tr>
      @endforeach  
      @else
      <tr>
        <td colspan="19">{{ __('message.data_not_available') }}</td>
      </tr>
      @endif           
    </tbody>
  </table>
</div>
</form>
{{ $dataListModel->appends($data)->links('vendor.pagination.app-admin') }}
</div>
</div>
</div>
</div>
@stop
@push('scripts') 
<script>
  /*Filter*/
  function filter() {
    var searchPagiData = "";
    var ftrFidVlu = document.getElementById("fid").value;
    if (ftrFidVlu != "") {
      searchPagiData = searchPagiData + "&fid=" + ftrFidVlu;
    }
    var ftrFfnVlu = document.getElementById("ffn").value;
    if (ftrFfnVlu != "") {
      searchPagiData = searchPagiData + "&ffn=" + ftrFfnVlu;
    }
    var ftrFlnVlu = document.getElementById("fln").value;
    if (ftrFlnVlu != "") {
      searchPagiData = searchPagiData + "&fln=" + ftrFlnVlu;
    }
    var ftrFemVlu = document.getElementById("fem").value;
    if (ftrFemVlu != "") {
      searchPagiData = searchPagiData + "&fem=" + ftrFemVlu;
    }
    var ftrFmbVlu = document.getElementById("fmb").value;
    if (ftrFmbVlu != "") {
      searchPagiData = searchPagiData + "&fmb=" + ftrFmbVlu;
    }
    /*alert(searchPagiData);*/
    window.location.href = "{{ route('admin.subscribeduser.index') }}"+"?page=0"+searchPagiData+"&ppage="+"{{ $perPage }}";
    return false;
  }
  /*Reset Filter*/
  function resetfilter() {
    window.location.href = "{{ route('admin.subscribeduser.index') }}";
  }
</script>
@endpush