@extends('admin.layouts.master')
@section('title', 'View User - Admin')
@section('body')


<section class="content">
  @include('admin.message')
  <div class="row">
    
    <div class="col-md-12">
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">{{ __('adminstaticword.Users') }}</h3>
          <a class="btn btn-info btn-sm" href="{{ route('user.add') }}">+ {{ __('adminstaticword.Add') }} {{ __('adminstaticword.User') }}</a>
          {{-- <div class="d-flex">
            <form action="{{ route('create.fakeUsers') }}" method="POST">
              @csrf
              <button class="btn btn-info btn-sm">+ {{ __('adminstaticword.Add') }}{{ __('adminstaticword.Test') }}{{ __('adminstaticword.Accounts') }}</button>
            </form>
            <form action="{{ route('delete.fakeUsers') }}" method="POST" style="margin-left: 5rem;">
              @method('delete')
              @csrf
              <button class="btn btn-info btn-sm">- {{ __('adminstaticword.Delete') }}{{ __('adminstaticword.Test') }}{{ __('adminstaticword.Accounts') }}</button>
            </form>
          </div> --}}
        </div>
        <div class="box role_list">
          <ul>
            <li><a href="{{ route( 'user.index' ) }}">所有帳號</a></li>
            @php
              $roles = get_role_names();
              foreach( $roles as $role_key => $role_name ){
                $count = isset( $user_counts[ $role_key ] ) ? $user_counts[ $role_key ] : 0 ;
                printf( '<li><a href="%s?role=%s">%s(%d)</a></li>', route( 'user.index' ), $role_key, $role_name, $count );
              }
            @endphp
          </ul>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

          <div class="row">
            <form action="" method="get">
              <input type="hidden" name="role" value="{{ $role }}">
              <div class="col-sm-3">
                <label>建檔日期</label>
                <div class="row">
                  <div class="col-sm-6 d-flex">
                    <span>起</span>
                    <input class="form-control input-date" type="text" name="register-start" @isset($registerStart) value="{{$registerStart}}" @endisset>
                  </div>
                  <div class="col-sm-6 d-flex">
                    <span>訖</span>
                    <input class="form-control input-date" type="text" name="register-end" @isset($registerEnd) value="{{$registerEnd}}" @endisset>
                  </div>
                </div>
              </div>

              <div class="col-sm-3">
                <label for="register-source">註冊來源</label>
                <select name="register-source" id="register-source" class="form-control">
                  <option value>請選擇</option>
                  <option value="1" {{ $registerSource == 1 ? 'selected' : '' }}>臉書</option>
                  <option value="2" {{ $registerSource == 2 ? 'selected' : '' }}>google</option>
                  <option value="3" {{ $registerSource == 3 ? 'selected' : '' }}>LINE</option>
                  <option value="4" {{ $registerSource == 4 ? 'selected' : '' }}>OP</option>
                  <option value="5" {{ $registerSource == 5 ? 'selected' : '' }}>網站註冊</option>
                </select>
              </div>
              
              <div class="col-sm-3">
                <label for="">年齡</label>
                <select name="" class="form-control" id="" disabled>
                  <option value>請選擇</option>
                  
                </select>
              </div>

              <div class="col-sm-3">
                <label for="gender">性別</label>
                <select name="gender" class="form-control" id="gender" @isset($gender) value="{{$gender}}" @endisset>
                  <option value>請選擇</option>
                  <option value="1">男</option>
                  <option value="2">女</option>
                </select>
              </div>

              <div class="col-sm-3">
                <label for="birthday">出生日期</label>
                <div class="row">
                  <div class="col-sm-6 d-flex">
                    <span>起</span>
                    <input class="form-control input-date" type="text" name="birthady-start" @isset($birthadyStart) value="{{$birthadyStart}}" @endisset>
                  </div>
                  <div class="col-sm-6 d-flex">
                    <span>訖</span>
                    <input class="form-control input-date" type="text" name="birthady-end" @isset($birthadyEnd) value="{{$birthadyEnd}}" @endisset>
                  </div>
                </div>
              </div>

              <div class="col-sm-3">
                <label for="">姓名/使用者ID/關鍵字</label>
                <input type="text" name="keyword" class="form-control" @isset($keyword) value="{{$keyword}}" @endisset>
              </div>
              <div class="col-sm-1">
                <br />
                <button class="btn btn-success" type="button" id="gc_filter">查詢</button>
              </div>
              <div class="col-sm-1">
                <br />
                <button class="btn btn-success" type="button" id="gc_export">匯出</button>
              </div>
            </form>
          </div>

          <div class="table-responsive user">
            <table id="" class="table table-bordered table-striped table-responsive display nowrap">
              <thead>
                <th>使用者 ID</th>
                <th>{{ __('adminstaticword.Image') }}</th>
                <th>{{ __('adminstaticword.UserInfo') }}</th>
                {{-- <th>{{ __('adminstaticword.Email') }}</th> --}}
                <th>{{ __('adminstaticword.Role') }}</th>
                {{-- <th>{{ __('adminstaticword.FeaturedInstructor') }}</th> --}}
                {{-- <th>{{ __('adminstaticword.Mobile') }}</th> --}}
                {{-- <th>{{ __('adminstaticword.Country') }}</th> --}}
                <th>訂閱主帳</th>
                <th>訂閱狀態</th>
                <th>訂單狀態</th>
                <th>訂閱啟日</th>
                <th>訂閱迄日</th>
                <th>{{ __('adminstaticword.Status') }}</th>
                <th>{{ __('adminstaticword.Edit') }}</th>
                <th>{{ __('adminstaticword.Delete') }}</th>
              </thead> 

              <tbody>
                  @php
                    $user_controller = new \App\Http\Controllers\UserController();
                  @endphp
                  @foreach ($users as $user)
                    @php
                      $subsciption_detail = $user_controller->get_subscription_detail($user);
                    @endphp

                    <tr>
                      <td>{{ $user->id }}</td>
                      <td>
                        <div class="item">
                        @if($user->user_img != null || $user->user_img !='')
                          <img src="{{ gc_asset('images/user_img/'.$user->user_img) }}" class="img-responsive">
                        @else
                          @if ($user->jht_introuctor_img)
                            <img src="{{ $user->jht_introuctor_img }}" class="img-responsive" alt="User Image"> 
                          @else
                            <img src="{{ gc_asset('images/default/user.jpg')}}" class="img-responsive" alt="User Image">
                          @endif
                        @endif
                      </div>
                      </td>

                      <td>
                        <p><b>{{ __('adminstaticword.Name') }}</b> : {{ name_mask($user['fname']) }}</p>
                        <p><b>{{ __('adminstaticword.Email') }}</b> : {{ email_mask($user['email']) }}</p>

                        <p><b>{{ __('adminstaticword.Mobile') }}</b> : @if(isset($user->mobile))
                        {{ phone_mask($user->mobile) }}
                        @endif</p>
                        
                      </td>

                      <td>
                        @php
                          get_role_name( $user->role )
                        @endphp
                        @if ($user->jht_introuctor_id)
                          (喬山)
                        @endif
                      </td>
                      
                      {{-- <td>
                        @if(isset($user->country))
                        {{  $user->country->nicename  }}
                        @endif
                      </td> --}}
                      {{-- <td>
                        @if ($user->role === 'instructor')
                            
                          <form action="{{ route('user.featured.quick',$user->id) }}" method="POST">
                            {{ csrf_field() }}
                            <button  type="Submit" class="btn btn-xs {{ $user->featured == 1 ? 'btn-success' : 'btn-danger' }}">
                              @if($user->featured ==1)
                              {{ __('adminstaticword.Active') }}
                              @else
                              {{ __('adminstaticword.Deactive') }}
                              @endif
                            </button>
                          </form>

                        @endif
                      </td> --}}
                      <td>{{ $subsciption_detail['family_account'] }}</td>
                      <td>{{ $subsciption_detail['subscription_status'] }}</td>
                      <td>{{ $subsciption_detail['order_status'] }}</td>
                      <td>{{ $subsciption_detail['enroll_start'] }}</td>
                      <td>{{ $subsciption_detail['enroll_expire'] }}</td>
                      <td>
                        <form action="{{ route('user.quick',$user->id) }}" method="POST">
                          {{ csrf_field() }}
                          <button  type="Submit" class="btn btn-xs {{ $user->status == 1 ? 'btn-success' : 'btn-danger' }}">
                            @if($user->status ==1)
                            {{ __('adminstaticword.Active') }}
                            @else
                            {{ __('adminstaticword.Deactive') }}
                            @endif
                          </button>
                        </form>
                      </td>
                      
                      <td>
                        @if ($user->jht_introuctor_id)
                          <button class="btn btn-warning btn-sm" style="cursor:not-allowed"><i class="glyphicon glyphicon-pencil"></i></button>
                        @else
                          <a class="btn btn-success btn-sm" href="{{ route('user.update',$user->id) }}">
                            <i class="glyphicon glyphicon-pencil"></i></a>
                        @endif
                      </td>
                            
                      <td>
                        <form method="post" action="{{ route('user.delete',$user->id) }}
                          "data-parsley-validate class="form-horizontal form-label-left">
                          {{ csrf_field() }}
                          {{ method_field('DELETE') }}
                          <button onclick="return confirm('確定要刪除該帳號?')"  type="submit" class="btn btn-danger btn-sm"><i class="fa fa-fw fa-trash-o"></i></button>
                        </form>
                      </td>
                  </tr>
                  @endforeach

              </tbody>
            </table>
          </div>
          <div class="pull-right">
            {{ $users->links() }}
          </div>
          </div>
        <!-- /.box-body -->
      </div>
    </div>
    <!-- /.col -->
    <div class="col-lg-12 col-xs-12 gc-notice" >
      {{trans('adminstaticword.GC_TOP_NOTICE')}}
      <br>
      {{trans('adminstaticword.GC_SEC_NOTICE')}}
    </div> 
  </div>
  <!-- /.row -->
</section>

@endsection

@section('script')
<script>
$('#gc_export').click(function(){
  $(this).closest('form').attr('action', "{{ route('export.user') }}").submit();
});
$('#gc_filter').click(function(){
  $(this).closest('form').attr('action', '').submit();
});  
$('.input-date').daterangepicker({
  "singleDatePicker": true,
  "showDropdowns": true,
  "showCustomRangeLabel": false,
  "autoUpdateInput": false,
  locale: {
    format: "YYYY-MM-DD",
    cancelLabel: '取消',
    applyLabel: '確定',
    daysOfWeek: [
            "日",
            "一",
            "二",
            "三",
            "四",
            "五",
            "六"
        ],
    monthNames: [
            "一月",
            "二月",
            "三月",
            "四月",
            "五月",
            "六月",
            "七月",
            "八月",
            "九月",
            "十月",
            "十一月",
            "十二月"
        ],
  }
}, function(start, end, label) {
//   cosole.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');
});

$('.input-date').on('apply.daterangepicker', function (ev, picker) {
    $(this).val(picker.startDate.format('YYYY-MM-DD'));
});

$('.input-date').on('cancel.daterangepicker', function (ev, picker) {
    $(this).val('');
});

</script>
@endsection