@extends('layouts.main') 
@section('title', 'Member Details')
@section('content')
    

    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="ik ik-file-text bg-blue"></i>
                        <div class="d-inline">
                            <h5>@lang('translate.md_md')</h5>
                            <span>@lang('translate.md_head')</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="#">@lang('translate.md')</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('details')}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="">
            @if(session('success'))
            <div class="alert-success">{{$session('success')}}</div>
            @endif
        </div>

        <div class="row">
            <div class="col-lg-4 col-md-5">
                <div class="card">
                    <div class="card-body">
                        <div class="text-center"> 
                            <img src="../../img/{{$member->image}}" onerror="src='../../img/users/nophoto.jpg'" class="rounded-circle" width="150" />
                            <h4 class="card-title mt-10">{{ $member->username}} ({{$member->roles[0]->name}})</h4>
                            @if($member->roles[0]->name !== 'CUSTOMER')
                            <p class="card-subtitle">{{--$member->plan->name--}}</p>
                            @else
                            <p class="card-subtitle">No Subscription Plan</p>
                            @endif
                            <div class="row text-center justify-content-md-center">
                                <div class="col-4"><a href="javascript:void(0)" class="link" title="@lang('translate.md_tdown')"><i class="ik ik-share"></i> <font class="font-medium">{{$member->memberExtra->downlines_customers + $member->memberExtra->downlines_agents}}</font></a></div>
                                <div class="col-4"><a href="javascript:void(0)" class="link" title="@lang('translate.md_tpv')"><i class="ik ik-zap"></i> <font class="font-medium">{{$member->memberExtra->total_pv}}</font></a></div>
                            </div>
                        </div>
                    </div>
                    <hr class="mb-0"> 
                    <div class="card-body"> 
                        <small class="text-muted d-block">@lang('translate.md_ref') </small>
                        <h6>
                            <a href="{{ route('members.detail', $referrer->id) }}" class="btn btn-sm btn-info"><i class="ik ik-user"></i> {{$referrer->username}} </a>
                        </h6> 
                        <small class="text-muted d-block pt-10">@lang('translate.md_dlcust')</small>
                        <h6>{{$member->memberExtra->downlines_customers}}</h6> 
                        <small class="text-muted d-block pt-10">@lang('translate.md_dlagent')</small>
                        <h6>{{$member->memberExtra->downlines_agents}}</h6> 
                        <small class="text-muted d-block pt-10">@lang('translate.md_wkpv')</small>
                        <h6>
                            <span class="badge font-weight-normal badge-secondary" title="@lang('translate.md_prv')">{{$member->memberExtra->previous_pv_week}} </span>
                            | 
                            <span class="badge font-weight-normal badge-info" title="@lang('translate.md_crr')">{{$member->memberExtra->current_pv_week}} </span>
                        </h6>
                        <small class="text-muted d-block pt-10">@lang('translate.md_mtpv')</small>
                        <h6>
                            <span class="badge font-weight-normal badge-secondary" title="@lang('translate.md_prv')">{{$member->memberExtra->previous_pv_month}} </span>
                            | 
                            <span class="badge font-weight-normal badge-info" title="@lang('translate.md_crr')">{{$member->memberExtra->current_pv_month}} </span>
                         
                        </h6>
                        <small class="text-muted d-block pt-10">@lang('translate.status')</small>
                        @if($member->status==0)
                        <h6>
                            <span class="text--small badge font-weight-normal badge--warning">@lang('Deactivated')</span>
                        </h6> 
                        @else
                        <h6>
                            <span class="text--small badge font-weight-normal badge--success">@lang('Active')</span>
                        </h6> 
                        @endif
                        <small class="text-muted d-block pt-10">@lang('translate.md_preflng')</small>
                        <h6>{{$member->pref_lang}}</h6> 
                        <small class="text-muted d-block pt-30">{{ __('Social Profile')}}</small>
                        <br/>
                        <button class="btn btn-icon btn-facebook"><i class="fab fa-facebook-f"></i></button>
                        <button class="btn btn-icon btn-twitter"><i class="fab fa-twitter"></i></button>
                        <button class="btn btn-icon btn-instagram"><i class="fab fa-instagram"></i></button>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 col-md-7">
                <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">
                                        <h4 class="mb-0">{{ $member->balance }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_accbal')</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">
                                        <h4 class="mb-0">{{ $fundsReceived }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_fnd+')</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">
                                        <h4 class="mb-0">{{ $fundsSent }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_fnd-')</p>
                                    </div>
                                    {{-- <div class="col-4 text-right">
                                        <i class="fas fa-ban f-30"></i>
                                    </div> --}}
                                </div>
                                
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-sm-6">
                        <div class="card card-yellow text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $totalWithdraw }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_twtdrw')</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-blue text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $pendingWithdraw }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_pdwtdrw')</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-yellow text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $paidWithdraw }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_swtdrw')</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-red text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">
                                            {{ $ticketSales + $ticketCommission + $refCommission + $roi +$incentive + $award}} FCFA
                                        </h4>
                                        <p class="mb-0">@lang('translate.md_tearn')</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">
                                        <h4 class="mb-0">{{ $ticketCommission }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_tckcom')</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-blue text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $refCommission }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_refcom')</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">
                                        <h4 class="mb-0">{{ $roi }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_roi')</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-yellow text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $incentive }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_incentives')</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-red text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $award }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_awrds')</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-red text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $ticketSales }} FCFA</h4>
                                        <p class="mb-0">@lang('translate.md_tcktsls')</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-blue text-white">
                            <div class="card-block">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="mb-0">{{ $ticketOrder }}</h4>
                                        <p class="mb-0">@lang('translate.okm_ticketorder')</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">
                                        <h4 class="mb-0">{{ $bookingTicket }}</h4>
                                        <p class="mb-0">@lang('translate.btd_bookingtickets')</p>
                                    </div>
                                    {{-- <div class="col-4 text-right">
                                        <i class="fas fa-people-circle f-30"></i>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                     
                    {{-- @endif --}}
                </div>
                <div class="card">
                    <ul class="nav nav-pills custom-pills" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="pills-timeline-tab" data-toggle="pill" href="#current-month" role="tab" aria-controls="pills-timeline" aria-selected="true">{{ __('Information')}}</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#last-month" role="tab" aria-controls="pills-profile" aria-selected="false">{{ __('Profile')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="pills-setting-tab" data-toggle="pill" href="#previous-month" role="tab" aria-controls="pills-setting" aria-selected="false">{{ __('Setting')}}</a>
                        </li> --}}
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="current-month" role="tabpanel" aria-labelledby="pills-timeline-tab">
                            <div class="card-body">
                                <form class="forms-sample" method="POST" action="{{ url('member/update/'.$member->id) }}" >
                                @csrf
                                    <input type="hidden" name="id" value="">
                                    <div class="row">
                                        <div class="col-sm-6">
        
                                            <div class="form-group">
                                                <label for="name">@lang('translate.md_1stname')<span class="text-red">*</span></label>
                                                <input id="name" type="text" class="form-control @error('firstname') is-invalid @enderror" name="firstname" value="{{$member->firstname}}" required>
                                                <div class="help-block with-errors"></div>
        
                                                @error('firstname')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <label for="email">{{ __('Email')}}<span class="text-red">*</span></label>
                                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{$member->email}}" required>
                                                <div class="help-block with-errors"></div>
        
                                                @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
        
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="name">@lang('translate.md_lsname')<span class="text-red">*</span></label>
                                                <input id="name" type="text" class="form-control @error('lastname') is-invalid @enderror" name="lastname" value="{{$member->lastname}}" required>
                                                <div class="help-block with-errors"></div>
        
                                                @error('lastname')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <label for="name">{{ __('Mobile')}}<span class="text-red">*</span></label>
                                                <input id="name" type="tel" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{$member->phone}}" required>
                                                <div class="help-block with-errors"></div>
        
                                                @error('phone')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <!-- Assign role & view role permisions -->
                                            {{-- <div class="form-group">
                                                <label for="role">{{ __('Assign Role')}}<span class="text-red">*</span></label>
                                                {!! Form::select('role', $roles, $user_role->id??'' ,[ 'class'=>'form-control select2', 'placeholder' => 'Select Role','id'=> 'role', 'required'=>'required']) !!}
                                            </div>
                                            <div class="form-group">
                                                <label for="role">{{ __('Permissions')}}</label>
                                                <div id="permission" class="form-group">
                                                    @foreach($user->getAllPermissions() as $key => $permission) 
                                                    <span class="badge badge-dark m-1">
                                                        <!-- clean unescaped data is to avoid potential XSS risk -->
                                                        {{ clean($permission->name, 'titles')}}
                                                    </span>
                                                    @endforeach
                                                </div>
                                                <input type="hidden" id="token" name="token" value="{{ csrf_token() }}">
                                            </div> --}}
                                        </div>
                                        <hr>
                                        <div class="col-md-12">
                                            <hr>
                                            {{-- Address --}}
                                            {{-- <div class="row my-3">
                                                <div class="col-md-3">
                                                    <label for="name">{{ __('City')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="name">{{ __('State')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="name">{{ __('Zip/Postal')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="name">{{ __('Country')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div> --}}
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label for="name">@lang('translate.status')<span class="text-red">*</span></label>
                                                    {{-- <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required> --}}
                                                    <select name="status" id="" class="form-control">
                                                        <option value="0"
                                                            @if($member->status==0)
                                                                selected
                                                            @endif
                                                        >Suspended </option>
                                                        <option value="1"
                                                        @if($member->status==1)
                                                        selected
                                                        @endif
                                                        >
                                                        Active
                                                        </option>
                                                    </select>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    {{-- <label for="name">{{ __('Email Verification')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror --}}
                                                </div>
                                                <div class="col-md-4">
                                                    {{-- <label for="name">{{ __('Sms Verification')}}<span class="text-red">*</span></label>
                                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="" required>
                                                    <div class="help-block with-errors"></div>
            
                                                    @error('name')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror --}}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 mt-3">
                                            <div class="form-group">
                                                <button type="submit" class="btn btn-primary form-control-right">@lang('translate.Update')</button>
                                            </div>
                                        </div>
                                    </div>
                                
                                </form>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection