@extends('home')
@section('title')
  {{ __('Customers') }}
@endsection
@section('styles')
  <style media="screen">
  .Manual{
    background: #f5f5f5
  }
  .Automatic{
    background: #a1bfdb
  }
  .Monthly{
    background: #eaf2f2
  }
  .Yearly{
    background: #aef2bf
  }
  </style>
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
          {{ __('Customers') }}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      {!! Form::open(array('route' => ['admin.user.index'],'method' => 'GET',  'class' => 'form-inline margin-bottom-0','id' => 'myform')) !!}
      <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
        <div class="form-body ">
          <div class="row">
            <div class="col-md-3">
              <input type="text" class="form-control input-md" name="keyword" value="{!! old('keyword',request('keyword')) !!}" placeholder="{!! __('Search') !!}">
            </div>
            <div class="col-md-2">
              <select class="form-control input-md" data-placeholder="{{ __('Status') }}" name="publish" id="publish" style="width: 100%;" >
                <option value="-1">{!! __('Select status') !!}</option>
                <option value="1" @if (Session::get('publish') == '1')
                  selected="selected"
                @endif>{!! __('Enabled') !!}</option>
                <option value="0" @if (Session::get('publish') == '0')
                  selected="selected"
                @endif>{!! __('Suspended') !!}</option>
              </select>
            </div>
            <div class="col-md-2">
              <select class="form-control input-md" data-placeholder="{{ __('Sort by') }}" name="sort_by" id="sort_by" style="width: 100%;" >
                <option value="-1">{!! __('Sort by') !!}</option>
                <option value="name" @if (old('sort_by', request()->input('sort_by')) == 'name')
                  selected="selected"
                @endif>{!! __('Name') !!}</option>
                <option value="created_at" @if (old('sort_by', request()->input('sort_by')) == 'created_at')
                  selected="selected"
                @endif>{!! __('Date') !!}</option>
              </select>
            </div>
            <div class="col-md-2">
              <select class="form-control" data-placeholder="{{ __('Sort by') }}" name="order_by" id="order_by" style="width: 100%;" >
                <option value="">{!! __('Sort by') !!}</option>
                <option value="asc" @if (old('order_by', request()->input('order_by')) == 'asc')
                  selected="selected"
                @endif>{!! __('Ascending') !!}</option>
                <option value="desc" @if (old('order_by', request()->input('order_by')) == 'desc')
                  selected="selected"
                @endif>{!! __('Descending') !!}</option>
              </select>
            </div>
            <div class="col-md-2">
              <select class="form-control" data-placeholder="{{ __('Limit') }}" name="limit_by" id="limit_by" style="width: 100%;" >
                <option value="">{!! __('Limit') !!}</option>
                <option value="10" @if (old('limit_by', request()->input('limit_by')) == '10')
                  selected="selected"
                @endif>10</option>
                <option value="20" @if (old('limit_by', request()->input('limit_by')) == '20')
                  selected="selected"
                @endif>20</option>
                <option value="30" @if (old('limit_by', request()->input('limit_by')) == '30')
                  selected="selected"
                @endif>30</option>
                <option value="50" @if (old('limit_by', request()->input('limit_by')) == '50')
                  selected="selected"
                @endif>50</option>
                <option value="100" @if (old('limit_by', request()->input('limit_by')) == '100')
                  selected="selected"
                @endif>100</option>
              </select>
            </div>
          </div>
          <hr>
        </div>
        <div class="form-actions">
          <div class="row">
            <div class="col-md-offset-4 col-md-4">
              <button type="submit" class="btn blue btn-block">{!! __('Search') !!}</button>
            </div>
          </div>
        </div>
      </div>
      {!! Form::close() !!}
      <div class="portlet light bordered">
        <div class="portlet-body">
          <br>
          <table class="table table-striped custom-table  sortable" id="sortable" >
            <thead>
              <tr>
                <th width="5%"><i class="fa fa-list"></i></th>
                <th width="30%"><i class="fa fa-bookmark-o"></i> {{ __('Name') }}</th>
                <th>{{ __('Phone') }}</th>
                <th>{{ __('Email') }}</th>
                <th></th>
                <th width="5%"><i class="fa fa-cogs"></i> </th>
                <th width="5%"></th>
              </tr>
            </thead>
            <tbody>
              @foreach ($users as $index => $user)
                <tr id='{{ @$user->id }}' @if (!@$user->publish)
                  class="danger"
                @endif>
                <td>
                  {{ $loop->index + $users->firstItem() }}
                </td>
              
                <td>
                  <a href="{!! URL::route('admin.user.edit', [@$user->id]) !!}" >{{ @$user->name }}</a>
                </td>
                <td class=" text-right">
                  <p class="text-gray-400"><b>{{ $user->mobile }}</b></p>
                </td>
                <td class=" text-right">
                  {!! $user->email !!}
                </td>
                <td class=" center">
                  {{ $user->created_at->format('Y-m-d') }}
                  <br>
                  {{ $user->created_at->diffForHumans() }}
                </td>
                <td>
                  {{ Form::open(['method' => 'DELETE', 'route' => ['admin.user.destroy', @$user->id]]) }}
                  @if (@$user->publish == 1)
                    <button name="publish" class="btn btn-block btn-info btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Go inActive') }}"  value="1" data-type="publish">
                      <i class="fa fa-check"></i> {{ __('Active') }}
                    </button>
                  @elseif (@$user->publish == -1)
                    <button name="publish" class="btn btn-block btn-green btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Go Active') }}"  value="-1" data-type="publish">
                      <i class="fa fa-minus-square-o"></i> {{ __('inActive') }}
                    </button>
                  @else
                    <button name="publish" class="btn btn-block btn-danger btn-xs btn-action tooltips" data-container="body" data-placement="top" data-original-title="{{ __('Go Active') }}"  value="0" data-type="publish">
                      <i class="fa fa-times"></i> {{ __('inActive') }}
                    </button>
                  @endif
                  {{ Form::close() }}
                </td>
                <td>
                  <a href="{!! URL::route('admin.user.edit', [@$user->id]) !!}" ><span class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></span></a>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="pagination pagination-centered">
      {{ $users->appends(request()->except('_token'))->links() }}
    </div>
  </div>
</div>
@endsection
@section('scripts')
  <script type="text/javascript">
    $( function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      // ------------------------
      $('.submit-confirmation').prop('disabled', false);
      // ------------------------
      $("select").select2();
    } );
  </script>
@endsection