@extends('layouts.main') 

@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <title>Page title | Site title</title>
        <!-- add some inline style or css file if any -->
        <link rel="stylesheet" href="{{ asset('file-path')}}">
        <style type="text/css">
        </style>
    @endpush
    <div class="container-fluid">
    	<!-- page contents here -->
      @if($errors->any())  
      <div class="row alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
      @endif
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error_m'))
            <div class="alert alert-danger">
                {{ session('error_m') }}
            </div>
        @endif
        <div class="page-header">
          <div class="row align-items-end">
              <div class="col-lg-8">
                  <div class="page-header-title mb-3">
                      <i class="ik ik-download bg-blue"></i>
                      <div class="d-inline">
                          <h5>Members Management</h5>
                          <span>Manage all member related info here.</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-4">
                  <nav class="breadcrumb-container" aria-label="breadcrumb">
                      <ol class="breadcrumb">
                          <li class="breadcrumb-item">
                              <a href="{{route('dashboard')}}"><i class="ik ik-home"></i></a>
                          </li>
                          <li class="breadcrumb-item">
                              <a href="#">Members Management</a>
                          </li>
                          <li class="breadcrumb-item active" aria-current="page">List</li>
                      </ol>
                  </nav>
              </div>
          </div>
          <div class="row justify-content-center">
                @if(request()->routeIs('members.all'))
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-blue text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __( $members->where('status', '!=', 2)->count()) }}</h4>
                                    <p class="mb-0">@lang('Total Members')</p>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="fas fa-people-circle f-30"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-green text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __( $members->where('status',1)->count()) }}</h4>
                                    <p class="mb-0">@lang('Active Members')</p>
                                </div>
                                <div class="col-4 text-right">
                                <i class="fas fa-check-circle f-30"></i>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-red text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __( $members->where('status',0)->count()) }}</h4>
                                    <p class="mb-0">@lang('Banned Members')</p>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="fas fa-ban f-30"></i>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>

                @endif
            </div>
      </div>
      <div class="card">
        <div class="card-header d-block">
            <div class="row align-items-center mb-30 justify-content-between">
                <div class="col-lg-6 col-sm-6">
                    <h3 class="page-title">{{ __($page_title) }}</h3>
                    <span>List of <code>Members</code> from <code>database</code></span>
                </div>
                <div class="col-lg-6 col-sm-6 text-sm-right mt-sm-0 mt-3 right-part">
                    @stack('breadcrumb-plugins')
                </div>
            </div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table--light style--two">
                <thead>
                <tr>
                    <th scope="col">@lang('Member')</th>
                    <th scope="col">@lang('Username')</th>
                    <th scope="col">@lang('Email')</th>
                    <th scope="col">@lang('Phone')</th>
                    @if(request()->routeIs('members.all'))
                        <th scope="col">@lang('Status')</th>
                    @endif
                    <th scope="col">@lang('Joined At')</th>
                    <th scope="col">@lang('Action')</th>
                </tr>
                </thead>
                <tbody>
                @forelse($members as $member)

                @if($member->id != 1)
                    <tr>
                        <td data-label="@lang('Member')">
                            <div class="user">
                                <div class="thumb">
                                    <img src="{{ getImage($member->image,'100x100')}}" alt="@lang('image')">
                                </div>
                                <span class="name">{{$member->fullname}}</span>
                            </div>
                        </td>
                        <td data-label="@lang('Username')"><a href="{{ route('members.detail', $member->id) }}" class="btn btn-sm btn-info"><i class="ik ik-user"></i> {{ $member->username }} ({{ $member->roles[0]->name }})</a></td>
                        <td data-label="@lang('Email')">{{ $member->email }}</td>
                        <td data-label="@lang('Phone')">{{ $member->phone }}</td>
                        @if(request()->routeIs('members.all'))
                            <td data-label="@lang('Status')">
                                
                                @if($member->status == 1)
                                    <span class="text--small badge font-weight-normal badge--success">@lang('Active')</span>
                                @else
                                    <span class="text--small badge font-weight-normal badge--warning">@lang('Deactivated')</span>
                                @endif
                            </td>
                        @endif
                        <td data-label="@lang('Joined At')">{{ showDateTime($member->created_at) }}</td>
                        <td data-label="@lang('Action')">
                            <a href="{{ route('members.detail', $member->id) }}" class="icon-btn" data-toggle="tooltip" data-original-title="@lang('Details')">
                                <span class="badge badge-blue m-1"><i class="fa fa-user"></i></span>
                            </a>
                        </td>
                    </tr>
                @endif
                @empty
                    <tr>
                        <td class="text-muted text-center" colspan="100%">{{ __($empty_message) }}</td>
                    </tr>
                @endforelse

                </tbody>
            </table><!-- table end -->
            
        </div>
        <div class="card-footer py-4">
            {{ paginateLinks($members) }}
        </div>
    </div>
       
       
    </div>
    

    
@endsection


@push('breadcrumb-plugins')
    <form action="{{ route('members.search', $scope ?? str_replace('members.', '', request()->route()->getName())) }}" method="GET" class="form-inline float-sm-right bg--white">
        <div class="input-group has_append">
            <input type="text" name="search" class="form-control" placeholder="@lang('Username or email')" value="{{ $search ?? '' }}">
            <div class="input-group-append">
                <button class="btn btn--primary" type="submit"><i class="fa fa-search"></i></button>
            </div>
        </div>
    </form>
@endpush